Code javascript qui ne fonctionne pas
Résolu
tsjoe
-
Defouille Messages postés 388 Date d'inscription Statut Membre Dernière intervention -
Defouille Messages postés 388 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je souhaite juste faire changer une propriété display avec du javascript car je pense l'utiliser souvent dans la même page.
Le problème c'est qu'en marquant:
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick=document.getElementById('ListeStBerLunette1').style.display='block' />
Je ne rencontre pas de probleme et cela marche même très bien.
Par contre, depuis que j'ai voulu créer une fonction javascript qui me permettrait de provoquer ce display, je n'y arrive plus :
function clickdisplay(id){
document.getElementById('id').style.display='block';
}
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick="clickdisplay('ListePrécédente')" />
Je pense beaucoup que ce sont des erreurs de syntaxe que j'ai pu faire, mais après avoir tenté beaucoup de modifs, je n'arrive toujours pas à faire provoquer le display.
Merci de m'avoir lu et de m'aider par avance.
Cordialement.
je souhaite juste faire changer une propriété display avec du javascript car je pense l'utiliser souvent dans la même page.
Le problème c'est qu'en marquant:
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick=document.getElementById('ListeStBerLunette1').style.display='block' />
Je ne rencontre pas de probleme et cela marche même très bien.
Par contre, depuis que j'ai voulu créer une fonction javascript qui me permettrait de provoquer ce display, je n'y arrive plus :
function clickdisplay(id){
document.getElementById('id').style.display='block';
}
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick="clickdisplay('ListePrécédente')" />
Je pense beaucoup que ce sont des erreurs de syntaxe que j'ai pu faire, mais après avoir tenté beaucoup de modifs, je n'arrive toujours pas à faire provoquer le display.
Merci de m'avoir lu et de m'aider par avance.
Cordialement.
A voir également:
- Code javascript qui ne fonctionne pas
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code blocks - Télécharger - Langages
2 réponses
Bonjour,
en fait le problème vient de ta fonction javascript, tu mets des simple quote qui entourent ta variable id, du coup il cherche un élément qui a pour identifiant la chaine "id", essaye en les enlevant ça devrait mieux marcher :
PS : attention aux accents dans tes id, c'est pas prudent !
en fait le problème vient de ta fonction javascript, tu mets des simple quote qui entourent ta variable id, du coup il cherche un élément qui a pour identifiant la chaine "id", essaye en les enlevant ça devrait mieux marcher :
function clickdisplay(id) { document.getElementById(id).style.display='block'; }
PS : attention aux accents dans tes id, c'est pas prudent !
Merci encore pour les conseils, mais apparemment ca ne fonctionne toujours pas.
Je ne sais pas si c'est encore une syntaxe mais dans le corps de mon javascript ou dans l'appel de ma function ....
je craque à un point inimaginable.
Je ne sais pas si c'est encore une syntaxe mais dans le corps de mon javascript ou dans l'appel de ma function ....
je craque à un point inimaginable.
Salut Defouille.
Pour bien expliquer, je suis juste en train de modifier le display d'une div lors d'un click sur une image. Si je fais à la mano (c'est à dire que je tape tout le temps dans chaque image document.getElementById =blablablabla, la méthode marche très bien.
Sauf en bon féniant et bon codeur, je souhaite réduire le travail avec une fonction javascript qui aurait le nom d'une div que je donne quand j'appelle la fonction javascript. C'est pour cela que dans la propriété j'ai mis : onclick = clickdisplay(ListePrecedente) />
Mais voilà problème, je crois que ma fonction ne marche pas, car même si je fais une alert('id') // où id devrait avoir la valeur "ListePrecedente" et bien cela ne marche pas non plus.
Je parle d'afficher grâce à une alerte pour vérifier si ma fonction est bien appelé et si elle fonctionne. Et déjà vu les circonstances et malgré mes modifications, ca ne marche même pas le fait d'afficher une alerte T.T
Pour bien expliquer, je suis juste en train de modifier le display d'une div lors d'un click sur une image. Si je fais à la mano (c'est à dire que je tape tout le temps dans chaque image document.getElementById =blablablabla, la méthode marche très bien.
Sauf en bon féniant et bon codeur, je souhaite réduire le travail avec une fonction javascript qui aurait le nom d'une div que je donne quand j'appelle la fonction javascript. C'est pour cela que dans la propriété j'ai mis : onclick = clickdisplay(ListePrecedente) />
Mais voilà problème, je crois que ma fonction ne marche pas, car même si je fais une alert('id') // où id devrait avoir la valeur "ListePrecedente" et bien cela ne marche pas non plus.
Je parle d'afficher grâce à une alerte pour vérifier si ma fonction est bien appelé et si elle fonctionne. Et déjà vu les circonstances et malgré mes modifications, ca ne marche même pas le fait d'afficher une alerte T.T
voici les bouts utiles :
<script type="text/javascript" charset="utf-8">
function clickdisplay(id)
{
var e += id.value;
document.getElementById('e').style.display = 'block';
}
</script>
<BODY>
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick="clickdisplay(ListStBerLunette1)" />
</body>
<script type="text/javascript" charset="utf-8">
function clickdisplay(id)
{
var e += id.value;
document.getElementById('e').style.display = 'block';
}
</script>
<BODY>
<img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick="clickdisplay(ListStBerLunette1)" />
</body>
Ton code n'est pas correct, voila la bonne version :
JAVASCRIPT
HTML
JAVASCRIPT
<script type="text/javascript" charset="utf-8"> function clickdisplay(id) { document.getElementById(id).style.display = 'block'; } </script>
HTML
<BODY> <img src="avatar/Bouton_Feminin.png" alt="Femme" name="sexefemme" width="93" height="92" border="1" id="sexefemme" onclick="clickdisplay('ListStBerLunette1')" /> </body>