Code javascript qui ne fonctionne pas

Résolu/Fermé
tsjoe - 25 août 2010 à 13:13
Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 - 26 août 2010 à 10:32
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.


A voir également:

2 réponses

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
25 août 2010 à 14:21
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 :

function clickdisplay(id)
{
    document.getElementById(id).style.display='block';
} 


PS : attention aux accents dans tes id, c'est pas prudent !
0
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.
0
Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
25 août 2010 à 15:30
C'est quoi que tu veux cacher ? l'image ? vérifie bien qu'il y a un élément avec l'identifiant que tu fournis à la fonction.

(tu aurais pas un petit message d'erreur, qui pourrait nous mettre sur la voie ? :)
0
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
0
Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
26 août 2010 à 08:36
Tu peux me montrer ton javascript et on html s'il te plait ? (juste les bouts utiles)
0
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>
0
Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
26 août 2010 à 09:56
Ton code n'est pas correct, voila la bonne version :

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>
0