Discussion :

[sebus]

Bonjour a tous !!

J'aimerais faire une sorte de permutation entre 2 balise span. Plus pr�cis�ment, j'en affiche une avec un display = '' et l'autre avec display = "none" puis lorsque je clique sur le premier, j'interverti les valeur des display.

Ainsi j'affiche soit l'un soit l'autre span.

Voici mon code:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function dispSpan(titre)
{
if(titre.style.display == "none")
{
titre.style.display = ""
alert('c ok')
}
titre.nextSibling().style.display = "none"
}
</script>
<span style="display:''" onClick='dispSpan(this)'>Les temps forts BDDF</span>
<span style="display:'none'">Les temps forts BDDF (nouveau)</span></span>

Malheureseument ,le code doit cotenir une erreur...

Quelqu'un peut il m'aider ?

Merci!!

[denisC]

Malheureseument ,le code doit cotenir une erreur...

nextSibling est un attribut et non une m�thode. Il faut enlever les paranth�ses.

Sinon, je pense qu'il est pr�f�rable d'utiliser des id plutot que des nextSiblings, pour des probl�mes de compatiblit� et de mod�le DOM. cf:
http://javascript.developpez.com/faq...M#DOMIEFirefox

[sebus]

je viens de tester ce que tu me rcommandais, mais ca ne marche toujours pas....

[Bis�n�rs]

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<span id="span1" style="display:inline" onclick='dispSpan()'>Les temps forts BDDF</span>
<span id="span2" style="display:none">Les temps forts BDDF (nouveau)</span>

Code Javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function dispSpan(){
   document.getElementById('span2').style.display = "inline";
   document.getElementById('span1').style.display = "none";
}

Premi�rement tu mets des guillemets aux valeurs CSS, ce qu'il ne faut pas faire.
Deuxi�ment, tu mets des valeurs vides aux CSS, ce qu'il ne faut pas faire.
Troisi�mement, tu testes si ton texte est � display:none; mais comment veux-tu cliquer dessus si tel est r�ellement le cas ?

[sebus]

Coucou Bis�n�rs !!! J'ai toujours ador� ces petites bestioles rondouillardes et calines a souhait

Oui exact sinon pour a r�ponse !!!
Je m'en suis aper�u juste avant que tu r�pondes qu'en faite il fallait bien enlever les () a nextSibling mais que surtout je faisait mon test � l'envers !!!!!!!!!!!! GROS BOULET MOI

Donc un tr�s grand merci a vous deux car vos interventions m'ont �clair� le chemin � suivre !!! Bis�n�rs tu es la cerise sur le gateau car tu me donne une autre possibilit� et cela me permet de progresser encore plus vite dans mon m�tier (et oui je suis tout nouveau, j'en apprend tous les jours !!!)

MERCI BCP A TOUS LES 2 !!!