Discussion :

[poupouille]

Bonjour;

j'ai une fonction javascript qui me permet de modifer l'attribut display de mes div.
Tout fonctionne sur plusieurs navigateurs, mais sous Opera, une fois les modifications effectuees, il reaffiche la page comme si rien ne s'était passé !!!
Pourquoi?
bonne journee Sophie

[SpaceFrog]

sans voir le code de la balise qui declenche la fonction, ni la fonction par elle même, j'ai aussi vite fait d'essayer de te donner le numéros du lot de ce soir ...

[poupouille]

Ben je te dirais pas non !
En tout cas je dois te dire un grand merci car tu réponds a grand nombre de mes posts !

donc voila ma petite fonction, avec

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="onglet1">
     <a href="#" onclick="javascript:maFonction('onglet1');">onglet1</a>
</div>
<div id="onglet2">
      <a href="#" onclick="javascript:maFonction('onglet2');">onglet2</a>
</div>
<div id="onglet3">
      <a href="#" onclick="javascript:maFonction('onglet3');">onglet3</a>
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function maFonction(name)
        	{
                var tabs = new Array("onglet1", "onglet2", "onglet3");
                for(i=0; i<3; i++){
                    url = "url(./image/"+tabs[i]+"_"; 
                    if(name != tabs[i])
                    {
                        url += "inactive.gif)";                        
                        value = 'none';                        
                    }
                    else{
                        url += "active.gif)"; 
                        value ='block';
                    }
                    document.getElementById(tabs[i]).style.backgroundImage = url;
                    document.getElementById("container_"+tabs[i]).style.display = value;
 
                }
            }

[le_chomeur]

ajoute un : return false; a la fin de ta fonction

[poupouille]

Merci pour ta réponse, mais je vois vraiment l'astuce.
Pourquoi mettre un return fale??
merci

[le_chomeur]

Lorsque que tu clics sur un lien , un évènement est déclenché , ici en l'occurence tu récupères cet évènement avec le onclick() sur lequel tu associes ta méthode, mais sous opéra , lorsque l'appel a ta méthode est finis, il reprend le cours normal des opérations et tente de faire appel a ta balise href en l'occurence href="#" donc rafraichissement de ta page.
Pour éviter cela , en mettant un return false; a la fin de ta méthode opéra stoppera le 2 eme évènement
j'espère avoir été assez clair ^^

[poupouille]

Oui c'est tout a fait clair! et logique
Cela depend-il de la version de Opera utilisée. J'utilise la version 9.20 et malgré le return false ajouté a la fin de ma methode, le rafraichissement est quand meme effectue.

[SpaceFrog]

lol non le return tu le mets là :

Code :

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

<a href="#" onclick="maFonction('onglet1');return false">onglet1</a>

ou alors si tu fasi un retur false à la fin de ta fonction mafonction()

Code :

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

1
2
3
4
5
6
 
function mafonction(){ .....
 
 
return false;
}

il faudra faire :

Code :

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

<a href="#" onclick="return maFonction('onglet1');">onglet1</a>

[poupouille]

Ok! lol erreur bete de ma part
je pensais donc en avoir fini avec ce probleme grace a votre aide mais voila, mainenant sa fonctionne sous FF, sous Safari, sous Opera, mais plus du tout sous internet explorer .....

[le_chomeur]

Merci de ces précisions spafy
Poupouille , peux tu nous donner ton code final ?

[poupouille]

j'ai essayer en enlevant les ; dans ce code a la fin mais rien y fait

Code :

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

1
2
3
4
5
6
7
8
9
<div id="onglet1">
     <a href="#" onclick="javascript:maFonction('onglet1');return false">onglet1</a>
</div>
<div id="onglet2">
      <a href="#" onclick="javascript:maFonction('onglet2');return false">onglet2</a>
</div>
<div id="onglet3">
      <a href="#" onclick="javascript:maFonction('onglet3');return false">onglet3</a>
</div>

le javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function maFonction(name)
        	{
                var tabs = new Array("onglet1", "onglet2", "onglet3");
                for(i=0; i<3; i++){
                    url = "url(./image/"+tabs[i]+"_"; 
                    if(name != tabs[i])
                    {
                        url += "inactive.gif)";                        
                        value = 'none';                        
                    }
                    else{
                        url += "active.gif)"; 
                        value ='block';
                    }
                    document.getElementById(tabs[i]).style.backgroundImage = url;
                    document.getElementById("container_"+tabs[i]).style.display = value;
 
                }
            }

[le_chomeur]

heu je n'ai aucun soucis sous ie7 et firefox ... ( j'ai juste commenté les deux dernières ligne et remplacé par une alert )

[poupouille]

Ok j'ai pas tout compris a ce qui s'est passé mais aprés avoir rafraichi 50 000 fois mes pages internet,plus de problémes.
Je le fais pourtant chaque fois que japporte une modification a mon code.
Merci beaucoup
Bonne soirée
Sophie