Code javascript qui ne fonctionne pas

Résolu
tsjoe -  
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.


A voir également:

2 réponses

Defouille Messages postés 388 Date d'inscription   Statut Membre Dernière intervention   54
 
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
tsjoe
 
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   Statut Membre Dernière intervention   54
 
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
tsjoe
 
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   Statut Membre Dernière intervention   54
 
Tu peux me montrer ton javascript et on html s'il te plait ? (juste les bouts utiles)
0
tsjoe
 
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   Statut Membre Dernière intervention   54
 
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