Discussion :

[yannick1717]

Bonjour,

J'ai une petite fonction javascript qui me permet de switch la visibilité d'une div.
A l'initialisation les div sont en 'style="display:none" '.

Mon problème est que, une fois la page chargée, lorsque ma fonction est appelée la première fois, c'est comme s'il appelait ma fonction deux fois de suite.

La div apparait un quart de seconde, et ensuite se remet en non visible.
Une fois qu'une div a eu ce problème, après ça fonctionne pour celle la.
Si je recharge la page, le problème revient biensur.
Mais ce n'est vraiment qu'au premier clic, pour chaque div...

Je fais ça dans le cadre du travail, et je ne peut tester uniquement sur internet explorer 6, le problème vient peut être de la...


en gros je travaille comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<a name="elem1"/>
<a href="#elem1" onclick="toggleDiv('elem1.div')">Switch</a>
<div name="elem1.div" style="display:none">
   ...
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function toggleDiv(divname)
{
    var d = document.getElementById(divname);
    if (d.style.display == 'block')
    {
        d.style.display = 'none';
    }
    else
    {
        d.style.display = 'block';
    }
}

Merci

Yannick

[Auteur]

bonjour,

essaye cette syntaxe :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<a name="elem1" href="#elem1" onclick="toggleDiv('elem1_div')">Switch</a>
<div id="elem1_div" style="display:none">
   ...
</div>

dans ton code JS tu utilises getElementById() il faut donc que ton élément posède l'attribut id (et pas name). De plus, je ne mettrais pas de point dans la valeur de l'id.

Quant à la syntaxe :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a name="elem1"/>

elle n'est pas valide

[yannick1717]

Merci de la réponse,

Pour le le lien vers une anchor, c'est vrai que ta méthode est plus propre.
Je ne pense pas que l'erreur venait du ".".
L'attribut id de la div, je m'étais en fait trompé en écrivant le message, je l'utilisais...

J'ai fais quelques modifs, et en fait le problème que je décris ne se manifeste qu'une seule fois pour toute la page, et non une fois pour chaque div comme je le disais.

Donc voila, dans mon html maintenant j'ai ceci :
Cette partie ci ne génère pas le problème

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<a name="Network" href="#Network" onclick="toggleDiv('Network_div')">Network</a>
<div id="Network_div" style="display:none">
</div>

Celle ci par contre....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<a name="Network" href="#Network" onclick="toggleDiv('Network_div')">
<span style="color: #DD0000;">Network</span>
</a>
<div id="Network_div" class="mrs" style="display:none">
</div>

A part le span et l'attribut class, rien ne change, et l'erreur ne vient pas de la.

Merci

[Auteur]

pas de span dans la balise <a>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<a style="color: #DD0000;" name="Network" href="#Network" onclick="toggleDiv('Network_div')">Network
</a>

est-ce que les id dans ta page sont uniques ?

[yannick1717]

oui oui, ils sont uniques...

D'ailleurs, ça fonctionne bien, a partir du moment ou l'erreur s'est déclenchée une fois (donc double toggle : none -> block & block -> none)

Après ça, tout va bien, c'est ce que je comprends pas, le problème doit être au niveau du chargement je suppose.

J'ai essayé sans le span, ça revient au même

[Auteur]

ton problème est curieux, tu peux me montrer le code de ta page ?