[RESOLU] Erreur dans galerie en JavaScript.

Erreur dans galerie en JavaScript. [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 03-04-2007 à 13:43:38    

Bonjour,
 
Je suis entrain de faire une galerie photo pour un ami. Mais je dois utilisé le Java Script que je ne connais pas du tt.
 
Le code ci dessous fonctionne très bien sous IE, mais ne fonctionne pas sous Moz. En allant dans la console Java Script, je vois une erreur à la ligne 9 soit la ligne =>

   parent.sommaire.document.images['img'].src='.grandes/photo'+i+'.jpg';  

Le message d'erreur est => "parent.sommaire has no properties".  
 
Avez-vous une idée d'ou cela pourrai provenir.
Je pense que c'est bateau comme erreur, mais ne connaissant pas le Java Script, je me remets donc à vous pour m'aider.
Je vous remercie par avance de votre aide.  
 

<html>
<head>
<title>Galerie</title>
<!-- Sources JS.com-->
</head>
<script>
 function photo(i)
  {
    parent.sommaire.document.images['img'].src='.grandes/photo'+i+'.jpg'; <!-- Génération du chemin pour l'affichage des grandes photos-->
  }
</script>
<base target="_self">
<body>
 
<table>
 <tr>
  <td>
   <center>
     <img src="vignettes/photo0.jpg" onclick="photo(0)"><!-- affichage des vignettes -->
     <img src="vignettes/photo1.jpg" onclick="photo(1)">
   </center>
  </td>
 </tr>
 <tr>
  <td id="sommaire">
    <div align="center">
  <img src="accueil.jpg" name="img"> <!-- Affichage des grandes photos -->
    </div>
  </td>
 </tr>
</table>
</body>
</html>


Message édité par gabgab le 01-05-2007 à 14:53:21

---------------

Reply

Marsh Posté le 03-04-2007 à 13:43:38   

Reply

Marsh Posté le 03-04-2007 à 17:25:51    

Salut,  
deux choses me semblent étranges dans ton code :  
1. "parent.sommaire.document.images['img'].src" me semble un appel très bizarre. La syntaxe ne me dit rien mais pas sûr que ce soit faux pour autant :)
2. .grandes/photo -> je ne comprends pas le point devant. AFAIK, soit c'est "grandes", soit c'est "./grandes" ...  
 
 
A part ça, essaye voir ceci :  
 
mets un "id" à ta grande image :

Code :
  1. <img src="accueil.jpg" name="img" id="img">

et essaye cette fonction JS :  

Code :
  1. function photo(i)
  2.   { document.getElementById('img').src = 'grandes/photo'+i+'.jpg';
  3.   }

Reply

Marsh Posté le 03-04-2007 à 17:50:47    

Je te remercie pour ton aide.  
 
 
Enfait j'ai détourné le code d'un script provenant d'un ensemble de frame d'ou cette histoire de

Code :
  1. parent.sommaire.document.images

car avant c'tait un turc du style

Code :
  1. parent.frame_sommaire.document.images

.  
 
Merci encore ca marche sous FF.

Reply

Marsh Posté le 28-04-2007 à 15:17:43    

Je reviens vers toi zebix car tu m'avais apporté une solution à mon soucis de galerie.  
 
Aujourd'hui je souhaite ajouter des commentaires toujours sur le même principe on clic sur la vignette et hop elle s'affiche dans une zone défini qui se trouve dans la même page !
 

Code :
  1. var text_array = new Array(4);
  2. text_array[0] = "photo N°0"; 
  3. text_array[1] = "photo N°1";
  4. text_array[2] = "photo N°2";
  5. text_array[3] = "photo N°3";
  6. function photo(i){
  7.     document.getElementById('img').src = 'img/'+i+'.jpg';
  8.     document.getElementById('txt').value =text_array[i] ;
  9. }


et pour l'affichage j'ai  

Code :
  1. <img src="image-def.jpg" name="img" id="img"><br>
  2. <textarea WRAP="virtual" name="txt" rows=1 cols=66 style="vertical-align: middle; text-align: center; font-family: v; font-size: 10pt; background-color: #080808">
  3. Image par défaut !</textarea>


 
Je pense que mon erreur doit se être ici =>     document.getElementById('txt').value =text_array[i] ;
 
J'ai pourtant bien mis des ID

Reply

Marsh Posté le 30-04-2007 à 13:42:08    

Essaie
    document.getElementById('txt').innerText =  text_array[i];
Ca devrait marcher.
 
Les <textarea> ne fonctionnent pas comme les <input>.
 

Reply

Marsh Posté le 01-05-2007 à 14:53:40    

Je te remercie pour ton aide.
 
Ca fonctionne :)

Reply

Sujets relatifs:

Leave a Replay

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