un comportement sur Image

un comportement sur Image - Web design - Graphisme

Marsh Posté le 24-05-2006 à 09:48:16    

Bonjour à toutes et tous,
 
Je suis en train de re-re-refaire un site avec Dreamweaver MX (je ne sais pas programmer) qui ne sera certainement jamais fréquenté mais qui m'amuse et qui me permet d'apprendre quelques trucs.
 
Voici une des pages :
http://www.bonjour-du-net.com/77400-lagnysurmarne.php
 
J'aimerais mettre un comportement lorsque je click (en laissant appuyer sur le bouton) sur la photo de la ville. Je souhaite qu'une fenêtre apparaisse avec comme contenu du texte et une photo (via un fichier HTML.
 
Pour être plus clair, j'ai fait une image comme exemple :
http://www.all-tec.net/BDUNET/exemple.jpg
 
J'ai cherché sur de nombreux sites mais je n'ai pas trouvé de réponses (du moins pas trop compliqué pour moi).
 
 :ange:  Quelqu'un a  t'il une solution a me donner ?

Reply

Marsh Posté le 24-05-2006 à 09:48:16   

Reply

Marsh Posté le 24-05-2006 à 15:50:24    

Ah, si tu connaissais bien l'HTML, les CSS et le Javascript, ce serait si simple... C'est d'ailleurs obligatoire pour savoir faire des sites, alors n'hésite pas à apprendre tout ça ;)

Reply

Marsh Posté le 29-05-2006 à 16:03:49    

Merci FlorentG pour ton aide.  :kaola:  
 
Voici la réponse que je cherchais .
 
Mettre entre les balises HEAD :
 

Code :
  1. <script language="JavaScript" type="text/JavaScript">
  2. <!--
  3. function MM_openBrWindow(theURL,winName,features) {
  4.   window.open(theURL,winName,features);
  5. }
  6. //-->
  7. </script>


 
puis sur l'image :

Code :
  1. <a href="javascript:;" onClick="MM_openBrWindow('URL de votre fichier à afficher','essai','width=500,height=300')"><img src="chemin de votre image" width="120" height="700" border="0"></a>


 
J'espère que ce sera utile pour certain  :wahoo:  
 
 

Reply

Marsh Posté le 29-05-2006 à 16:15:30    

C'est un peu naze :D  
 
 
Euh non... C'EST CARREMENT NUL, VIRE MOI CA TOUT DE SUITE ARGHHHHHHH
 
 
JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS JAMAIS DE JAVASCRIPT:; DANS L'ATTRIBUT HREF DES BALISES <A> !!!!!!!!!!!!!!!
 
Y'a pas pire que ça !!!!!
 
 
 
Le mieux est de faire comme ça :

<a href="fichier_à_afficher.pouet" title="Titre de l'image (qui sera utilisée pour la fenêtre aussi)" class="popup"><img src="chemin de votre image" width="120" height="700" border="0"></a>


Donc l'url à afficher dans l'attribut href normal. Note la class "popup". Comme ça,  
1) ceux qui n'ont pas Javascript (Google) ou qui l'ont désactivé peuvent ouvrir le lien
2) ceux qui ont javascript activé peuvent aussi choisir d'ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet.  
Avec la solution pourrÿte que tu as trouvé, ces deux points sont totalement foirés. Tu te retrouves avec du beau caca comme le font ceux qui ne savent pas développer :D
 
Ensuite, on va définir notre fonction d'ouverture de popup (et on dégage celle de macromedia à la con) :

function openZeWindow() {
  window.open(this.href, this.title, "width=500,height=300" );
  return false;
}


Alors on récupère l'href du <a> et le titre, et on les utilises pour ouvrir le popup. Note aussi le return false. Parce que si tu cliques sur un lien avec popup, il va ouvrir le popup... Mais aussi le lien ! Arghhhh. Alors pour éviter ça, soit on fait du caca comme tout le monde et on utilise un javascript:;machin, soit on fait comme les vrai, et on retourne "false".
 
Pour finir, on va greffer la fonction sur l'évènement onclick, pour tous les <a> dont la class est popup. Alors le script qui suis n'est pas le meilleur (faudrait utiliser d'autres fonctions pour gérer les évènements), mais au moins ça va droit au but :

window.onload = function() {
 
  var aArray = document.getElementsByTagName('a');
 
  for(var i = 0; i < aArray.length; i++) {
 
    if(aArray[i].className == "popup" ) {
      aArray[i].onclick = openZeWindow;
    }
  }
}


 
Met les deux scripts dans un fichier .js à part, ce sera mieux :)

Reply

Marsh Posté le 29-05-2006 à 16:19:07    

Aussi dans ton cas, le <a> ne servait à rien... Autant mettre le onclick direct sur l'image, ça aurait fait pareil :(


Message édité par FlorentG le 29-05-2006 à 16:19:14
Reply

Marsh Posté le 29-05-2006 à 16:28:07    

:( Nuuul !  
mais si simple avec macromedia  :D  
 
Merci  :jap:  pour ta réponse. Je vais la tester ce soir.


Message édité par kmenslow1 le 29-05-2006 à 16:28:43

---------------
Bonjour !
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed