Fontion javascript !

Résolu
Francois47 Messages postés 114 Statut Membre -  
Francois47 Messages postés 114 Statut Membre -
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   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6
 
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   Statut Membre Dernière intervention   301
 
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
gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6
 
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   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6
 
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   Statut Membre Dernière intervention   301
 
le HTML généré par ton script php?
0
Réponse 8 / 13
Francois47 Messages postés 114 Statut Membre 6
 
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   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6
 
<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   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6
 
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   Statut Membre Dernière intervention   301
 
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 114 Statut Membre 6 > gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention  
 
Je comprend pas tu peut préciser stp
0
gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention   301 > Francois47 Messages postés 114 Statut Membre
 
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 114 Statut Membre 6
 
Ok mais alors comment régler le problème ??
0
gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention   301
 
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   Statut Membre Dernière intervention   301 > gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention  
 
de rien!
0
Francois47 Messages postés 114 Statut Membre 6 > gigaga Messages postés 2347 Date d'inscription   Statut Membre Dernière intervention  
 
"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 114 Statut Membre 6
 
Je vais essayé merci beaucoup a bientot
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

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

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

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse