écriture d'une fonction JavaScript

Bonjour, voilà j'ai un souci avec mon code html/php. Je souhaiterais, grâce à une fonction AfficheTemps écrit en java modifié la propriété display:none pour que ma section <span class="cachemois" id=cachemois"> s'affiche automatique sur la même page? Or, je ne vois pas comment coder cette fonction. Un petit up serait génial :ccool:


Code html/php :

salut,

c'est pas plutôt en javascript ta fonction ? (rien à voir entre java et javascript, contrairement à ce que les 4 lettres "java" communes pourraient faire penser).

en javascript, on pourrait avoir un truc du genre :

Code:

---

document.getElementById('cachemois').style.display='none';

---

.

salut,
si pardon c'est en javascript. Ma class cachemois est défini dans mon css par display:none et je voudrais modifié cette propriété en display:block lorsque je clique sur un radio bouton qui ne fait pas partie du <span class=cachemois">.
j'ai essayé :

Code:

---

1 2 3 4 5 6

<script language="text/javascript"> function AfficheTemps(el) { document.getElementById('el').style.display='block'; } </script>

---

mais aucun affichage :/

je pratique très peu la programmation javascript/html/css, mais il me semble qu'on ne peut pas modifier une css à la volée en javascript.

ton span est stylé par une classe css : à mon avis le fait que tu modifies à la volée l'attribut display ne fonctionne pas est dû au fait que ta classe impose un display:none.

enlève l'attribut display:none de ta classe, et mets le sur ton span en direct, ensuite la fonction exécutée sur le onClick le changera en block au moment du click. en analysant l'état de ton radio button, et tu pourras afficher/cacher ton span.

tu peux utiliser aussi 2 classes, avec les deux valeurs de display et changer la classe.

Merci j'ai essayé mais sa n'a pas marché. Je m'y prends peut être mal aussi ...

j'avais pas bien fait attention, mais dans ton code :

Code:

---

document.getElementById('el').style.display='block';

---

il faut enlever les quotes autour de el :

Code:

---

document.getElementById(el).style.display='block';

---

Toujours aucun résultat même en rafraîchissant la page :/

en rafraichissant la page, ça ne m'étonne pas, tu réinitialises tout.

joins ton code (en texte, pas en image cette fois-ci ;)) que je jettes un coup d'oeil...

Voilà mon code en pièce jointes :

je vois pas ou est le problème à priori. tu as bien enlevé le display:none de ta classe, parce que je vois que tu ne l'as pas ajouté dans ton div, alors qu'il devrait y être pour qu'il ne soit pas affiché la première fois.

essaye aussi un onchange au lieu d'un onclick.

J'ai essayé avec le onChange mais ma page reste toujours la même

J'ai réussi à trouver une solution. Merci de ton aide.

tu testes avec quel navigateur ?

essayes de mettre des doubles quotes juste pour voir :

Code:

---

document.getElementById(el).style.display="block";

---

si tu as trouvé une solution, mets la dans ce post, ça pourrait servir à d'autres qui ont le même problème.