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