opera et javascript. retour automatique a la page precedente apres un onClick

Version imprimable

12/02/2008, 16h11
poupouille

opera et javascript. retour automatique a la page precedente apres un onClick

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
12/02/2008, 16h20
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 ...

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

donc voila ma petite fonction, avec

Code:

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:

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;
 
                }
            }

12/02/2008, 16h43
le_chomeur

ajoute un : return false; a la fin de ta fonction ;)
12/02/2008, 16h48
poupouille

Merci pour ta réponse, mais je vois vraiment l'astuce.
Pourquoi mettre un return fale??
merci
12/02/2008, 16h58
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 ^^
12/02/2008, 17h05
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. :?
12/02/2008, 17h06
SpaceFrog
lol non le return tu le mets là :

Code:

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

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

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

Code:

<a href="#" onclick="return maFonction('onglet1');">onglet1</a>
12/02/2008, 17h19
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 :cry: .....
12/02/2008, 17h21
le_chomeur

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

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

Code:

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:

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;
 
                }
            }

12/02/2008, 17h31
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 )
12/02/2008, 17h38
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. :D
Je le fais pourtant chaque fois que japporte une modification a mon code.
Merci beaucoup
Bonne soirée
Sophie