Fontion javascript !

Résolu

Francois47 -

Bonjour à tous,

Bon en fait j'ai trouvé d'où venait mon soucis dans un ancien post. Le problème le voici j'ai plusieurs images miniatures et quand on clique sur une d'entre elles on lance 2 fonctions javascript

onClick="untruc('.$image_id2.');show_img_bloc1('.$image_id2.')

la variable $image_id2 est incrémenté à chaque miniature ce qui donne :

onClick="untruc(1);show_img_bloc1(1)
onClick="untruc(2);show_img_bloc1(2)
onClick="untruc(3);show_img_bloc1(3)
.................................etc...

Le gros soucis c'est que dans ce cas seule la fonction untruc(id) va se lancé et pas l'autre par contre si j'inverse onClick="show_img_bloc1(1);untruc(1) c'est la fonction show_img_bloc1(id) qui va se lancé. J'ai aussi essayé en faisant ceci qui est pareil :

Code php :

onClick="f_principale('.$image_id2.')

Code javascript :

function f_principale(id)
{
untruc(id);
show_img_bloc1(id);
}

Et la pareil si j'inverse l'ordre des 2 fonctions c'est le même problème. Je comprend pas du tout !!

Help please Merci ^^.

--
www.generation-blogueurs.com

Configuration: Windows Vista
Firefox 3.0

Afficher la suite

13 réponses

Réponse 1 / 13
gigaga
Le code de
untruc(id);
show_img_bloc1(id);

?

Tu as essayé la console d'erreur Firefox? Normalement elle indique les erreurs javascript
0
1. Francois47 Auteur
  
  function untruc(id)
  {
  for (var i2 = 1; i2 <= 100; i2++)
  {
  if (i2 == id)
  {
  document.getElementById('lien1_img' + i2).style.display = 'block';
  document.getElementById('first1_lien').style.display = 'none';
  }
  else
  {
  document.getElementById('lien1_img' + i2).style.display = 'none';
  document.getElementById('first1_lien').style.display = 'none';
  }
  }
  }
  
  function show_img_bloc1(id)
  {
  for (var i = 1; i <= 100; i++)
  {
  if (i == id)
  {
  document.getElementById('lien_img' + i).style.display = 'block';
  document.getElementById('first_lien').style.display = 'none';
  }
  else
  {
  document.getElementById('lien_img' + i).style.display = 'none';
  document.getElementById('first_lien').style.display = 'none';
  }
  }
  }
  
  0
Réponse 2 / 13
gigaga
Met des alert('') ici et là pour voir où exactement ça s'arrete;
0
Réponse 3 / 13
Utilisateur anonyme
Salut,
t'as essayé comme ça? :

onClick="javascript:untruc('<?php echo $image_id2; ?>');show_img_bloc1('<?php echo $image_id2; ?>')"
0
1. gigaga
  
  C'est vrai que onClick="untruc('.$image_id2.');show_img_bloc1('.$image_id2.') ça peut pas marché en fait. Erreur de syntaxe.
  Si image_id2 est une variable php alors ce que propose Sky34gl3 doit être pas mal. Si c'est une variable javascript ça serait plutot onClick="untruc('"+image_id2+"');show_img_bloc1('"+image_id2+"')
  
  0
Réponse 4 / 13
Francois47 Auteur
Oui mais moi en fait c'est déja un echo '.....';

echo '<li onClick="javascript:untruc('.$image_id2.');show_img_bloc1('.$image_id2.')">.....</li>';
0
Vous n’avez pas trouvé la réponse que vous recherchez ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question
Réponse 5 / 13
gigaga
le HTML généré par ton script php?
Je pense qu'il y a quand meme un souci.
0
Réponse 6 / 13
Francois47 Auteur
Oui mais cela fonctionne mais pas les 2 en même temps et sa m'énerve je comprend pas vraiment pas pourquoi et ceux depuis 4 jours j'ai tout essayé en + changer ceci cela et rien !
0
Réponse 7 / 13
gigaga
le HTML généré par ton script php?
0
Réponse 8 / 13
Francois47 Auteur
Oula si je te file tout le code sa va être trop long. Mais je ne voit pas pourquoi c'est indépendant dans mon cas.
0
Réponse 9 / 13
gigaga
Ce qui est réllement exécuter c'est le HTML/Javascript, c'est donc important de voir le HTML en sortie. Donne nous le HTML correspondant à la ligne PHP en question.
0
Réponse 10 / 13
Francois47 Auteur
<div id="galerie_eau">
<ul id="galerie_mini">
<li onClick="javascript:untruc('1');show_img_bloc1('1')"><a href="images/images_blog/images_temp/19883.png" onClick="javascript:untruc('1');show_img('1')"><img src="images/images_blog/images_temp/19883.png" title="image coeurs" alt="image coeurs" width="80" height="80" /></a></li><li onClick="javascript:untruc('2');show_img_bloc1('2')"><a href="images/images_blog/images_temp/9009.png" onClick="javascript:untruc('2');show_img('2')"><img src="images/images_blog/images_temp/9009.png" title="image coeurs" alt="image coeurs" width="80" height="80" /></a></li><li onClick="javascript:untruc('3');show_img_bloc1('3')"><a href="images/images_blog/images_temp/5228.jpg" onClick="javascript:untruc('3');show_img('3')"><img src="images/images_blog/images_temp/5228.jpg" title="image coeurs" alt="image coeurs" width="80" height="80" /></a></li><li onClick="javascript:untruc('4');show_img_bloc1('4')"><a href="images/images_blog/images_temp/9584.jpg" onClick="javascript:untruc('4');show_img('4')"><img src="images/images_blog/images_temp/9584.jpg" title="image coeurs" alt="image coeurs" width="80" height="80" /></a></li><li onClick="javascript:untruc('5');show_img_bloc1('5')"><a href="images/images_blog/images_temp/2213.jpg" onClick="javascript:untruc('5');show_img('5')"><img src="images/images_blog/images_temp/2213.jpg" title="image luxe" alt="image luxe" width="80" height="80" /></a></li><li onClick="javascript:untruc('6');show_img_bloc1('6')"><a href="images/images_blog/images_temp/5195.jpg" onClick="javascript:untruc('6');show_img('6')"><img src="images/images_blog/images_temp/5195.jpg" title="image luxe" alt="image luxe" width="80" height="80" /></a></li><li onClick="javascript:untruc('7');show_img_bloc1('7')"><a href="images/images_blog/images_temp/11773.jpg" onClick="javascript:untruc('7');show_img('7')"><img src="images/images_blog/images_temp/11773.jpg" title="image bouches" alt="image bouches" width="80" height="80" /></a></li><li onClick="javascript:untruc('8');show_img_bloc1('8')"><a href="images/images_blog/images_temp/2136.png" onClick="javascript:untruc('8');show_img('8')"><img src="images/images_blog/images_temp/2136.png" title="image bouches" alt="image bouches" width="80" height="80" /></a></li><li onClick="javascript:untruc('9');show_img_bloc1('9')"><a href="images/images_blog/images_temp/mention-officiel.png" onClick="javascript:untruc('9');show_img('9')"><img src="images/images_blog/images_temp/mention-officiel.png" title="image bouches" alt="image bouches" width="80" height="80" /></a></li><li onClick="javascript:untruc('10');show_img_bloc1('10')"><a href="images/images_blog/images_temp/16658.png" onClick="javascript:untruc('10');show_img('10')"><img src="images/images_blog/images_temp/16658.png" title="image bouches" alt="image bouches" width="80" height="80" /></a></li><li onClick="javascript:untruc('11');show_img_bloc1('11')"><a href="images/images_blog/images_temp/6_Rolls_Royce_Phantom_2405.jpg" onClick="javascript:untruc('11');show_img('11')"><img src="images/images_blog/images_temp/6_Rolls_Royce_Phantom_2405.jpg" title="image eau" alt="image eau" width="80" height="80" /></a></li><li onClick="javascript:untruc('12');show_img_bloc1('12')"><a href="images/images_blog/images_temp/IMG0400A.jpg" onClick="javascript:untruc('12');show_img('12')"><img src="images/images_blog/images_temp/IMG0400A.jpg" title="image bouches" alt="image bouches" width="80" height="80" /></a></li><li onClick="javascript:untruc('13');show_img_bloc1('13')"><a href="images/images_blog/images_temp/Samsung_v2_3D.png" onClick="javascript:untruc('13');show_img('13')"><img src="images/images_blog/images_temp/Samsung_v2_3D.png" title="image luxe" alt="image luxe" width="80" height="80" /></a></li> </ul>
<dl id="photo">
<dt class="coeurs_title">
<a href="index.php?page=validate_img_admin&id=1" title="Page n°1">1</a> </dt>
<dd>

<img id="big_pict" src="images/images_blog/images_temp/19883.png" title="Image á valider en taille normale" alt="Image � valider en taille normale" /></dd>
</dl>

<div id="via_autor">
<div id="first_lien" style="display:block"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img1" style="display:none"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img2" style="display:none"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img3" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img4" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img5" style="display:none"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img6" style="display:none"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img7" style="display:none"><span class="img_lien">1. L'utilisateur n'est pas l'auteur de l'image</span></div><div id="lien_img8" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img9" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img10" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img11" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img12" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div><div id="lien_img13" style="display:none"><span class="img_lien">1. L'utilisateur est l'auteur de l'image</span></div>
</div>
<div id="tout_les_liens">

<div id="first1_lien" style="display:block"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="19883.png" title="Site diffuseur de l'image 19883.png"> iubqiwbs.fr</a></div><div id="first2_lien" style="display:block"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:block">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>
<br /><br /><br />

</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />
<br /><br />

</div></div>
<br /><div id="lien1_img1" style="display:none"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="iubqiwbs.fr" title="Site diffuseur de l'image 19883.png"> iubqiwbs.fr</a></div><div id="lien2_img1" style="display:none"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:none">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>

<br /><br /><br />
</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />

<br /><br />
</div></div>
<br /><div id="lien1_img2" style="display:none"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="iubqiwbs.fr" title="Site diffuseur de l'image 9009.png"> iubqiwbs.fr</a></div><div id="lien2_img2" style="display:none"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:none">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>

<br /><br /><br />
</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />

<br /><br />
</div></div>
<br /><div id="lien1_img3" style="display:none"></div><div id="lien1_img4" style="display:none"></div><div id="lien1_img5" style="display:none"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="https://www.elleadore.com/" title="Site diffuseur de l'image 2213.jpg"> http://www.elleadore.com</a></div><div id="lien2_img5" style="display:none"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:none">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>

<br /><br /><br />
</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />

<br /><br />
</div></div>
<br /><div id="lien1_img6" style="display:none"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="sdgttr" title="Site diffuseur de l'image 5195.jpg"> sdgttr</a></div><div id="lien2_img6" style="display:none"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:none">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>

<br /><br /><br />
</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />

<br /><br />
</div></div>
<br /><div id="lien1_img7" style="display:none"><span class="img_lien">2. Image dans son contexte original, sur la page :</span><a href="ok" title="Site diffuseur de l'image 11773.jpg"> ok</a></div><div id="lien2_img7" style="display:none"><form class="login23" action="index.php?page=validate_img_admin.php" method="post">

<div id="show_bloc21" style="display:none">
<input name="choix1" value="no" id="choix1" type="radio" onclick="show_bloc2(1)" />
<label class="a2" for="choix1"> Changer le lien (lien éronné, lien incomplet, ...)</label>

<br /><br /><br />
</div>
<div id="show_bloc22" style="display:none">
<label class="a2" for="lien">Entrez le nouveau lien seulement si le lien du dessus est éronné :<br />
<br />
</label>
<input class="c2" type="text" name="lien" />

<br /><br />
</div></div>
0
1. gigaga
  
  Rager avec un debuuger javascript pour voir les erreurs, ou fais comme je dis, mets des alert('') un peu partout dans tes fonctions javascript pour voir ou ça bloque.
  
  0
Réponse 11 / 13
Francois47 Auteur
Il faut regarder en gros les gros blocs puisque dans certains bloc ce sont des boucles donc identique.
0
1. gigaga
  
  L'erreur : document.getElementById("lien1_img" + i2) is null
  Tu ne peux pas faire une boucle jusqu'à 1000 car tu tombe sur null avant!
  
  0
2. Francois47 Auteur
  
  @gigagaJe comprend pas tu peut préciser stp
  
  0
3. gigaga
  
  @Francois47for (var i2 = 1; i2 <= 100; i2++)
  
  Ne peut pas marcher car si tu as seulement 7 images, lorsque i2 vaudra 8 (car il va jusqu'à 100) ça plantera car document.getElementById('lien1_img8') renverra null lien1_img8 n'existant pas.
  
  0
Réponse 12 / 13
Francois47 Auteur
Ok mais alors comment régler le problème ??
0
1. gigaga
  
  function untruc(id)
  {
  for (var i2 = 1; i2 <= 100; i2++)
  {
  var lien1_img = document.getElementById('lien1_img' + i2);
  var first1_lien = document.getElementById('first1_lien' + i2);
  if (i2 == id)
  {
  if (lien1_img) {
  lien1_img.style.display = 'block';
  }
  if (first1_lien) {
  first1_lien.style.display = 'none';
  }
  }
  else
  {
  if (lien1_img) {
  lien1_img.style.display = 'none';
  }
  if (first1_lien) {
  first1_lien.style.display = 'none';
  }
  }
  }
  }
  
  0
2. gigaga
  
  @gigagade rien!
  
  0
3. Francois47 Auteur
  
  @gigaga"de rien!" T'inquiète pas je suis pas du tout du genre à m'enfuir sans remercier la personne qui a pris un peu de son temps pour essayer de comprendre et de trouver une solution à mon problème !
  
  Merci à toi ^^.
  
  0
Réponse 13 / 13
Francois47 Auteur
Je vais essayé merci beaucoup a bientot
0

Fontion javascript !

13 réponses

Discussions similaires

Newsletters