Fontion javascript !

Résolu/Fermé
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 - 3 juil. 2008 à 22:59
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 - 4 juil. 2008 à 10:16
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 ^^.

13 réponses

Réponse 1 / 13
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:01
Le code de
untruc(id);
show_img_bloc1(id);

?

Tu as essayé la console d'erreur Firefox? Normalement elle indique les erreurs javascript
0
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
3 juil. 2008 à 23:14
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 Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:17
Met des alert('') ici et là pour voir où exactement ça s'arrete;
0
Réponse 3 / 13
Utilisateur anonyme
3 juil. 2008 à 23:28
Salut,
t'as essayé comme ça? :

onClick="javascript:untruc('<?php echo $image_id2; ?>');show_img_bloc1('<?php echo $image_id2; ?>')"
0
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:35
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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
3 juil. 2008 à 23:41
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 ?

Posez votre question
Réponse 5 / 13
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:43
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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
3 juil. 2008 à 23:45
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 Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:46
le HTML généré par ton script php?
0
Réponse 8 / 13
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
3 juil. 2008 à 23:50
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 Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
3 juil. 2008 à 23:52
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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
3 juil. 2008 à 23:59
<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
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
4 juil. 2008 à 00:01
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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
4 juil. 2008 à 00:00
Il faut regarder en gros les gros blocs puisque dans certains bloc ce sont des boucles donc identique.
0
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
4 juil. 2008 à 00:04
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
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6 > gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014
4 juil. 2008 à 00:11
Je comprend pas tu peut préciser stp
0
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301 > Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009
4 juil. 2008 à 00:13
for (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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
4 juil. 2008 à 00:18
Ok mais alors comment régler le problème ??
0
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301
4 juil. 2008 à 00:25
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
gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014 301 > gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014
4 juil. 2008 à 01:21
de rien!
0
Francois47 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6 > gigaga Messages postés 2347 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 22 août 2014
4 juil. 2008 à 10:16
"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 Messages postés 107 Date d'inscription vendredi 28 décembre 2007 Statut Membre Dernière intervention 9 septembre 2009 6
4 juil. 2008 à 01:49
Je vais essayé merci beaucoup a bientot
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
afficher un tableau JS en HTML
jibouz12 -
jibouz12 -

3 réponses