Discussion :

[MageGaHell]

Bonjour,
Je suis débutant en javascript et je souhaite réaliser un petit système d'onglet.
Ces onglets serviront infine à changer le src d'une iframe (on peut dire que c'est l'ajax du pauvre ^^).
Bien sur, je veux que quand on clique sur un onglet, celui-ci reste "allumé".
Et pour être bien chieur, les onglets sont des images .gif.

Voilà donc mon code, dans mon header :

Code :

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

1
2
3
4
5
6
7
8
 
function bascule(x,y){
	for (i = 1; i < 11; i++){
		document.getElementById("smenu"+i).src="_img/skin/smenu"+i+".gif";
	}
	document.getElementById("smenu"+x).src="_img/skin/smenu"+x+"_roll.gif";
	document.getElementById("photos_frame").src=y;
}

Dans ma page :

Code :

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

1
2
3
4
5
 
  <ul id="menu_photos">
                        <li><a href="javascript:void(0)" onclick="bascule('1','flash/photos_patrick.html');" ><img src="_img/skin/smenu1.gif" border="0" alt="Patrick" title="Patrick" id="smenu1" name="smenu1"/></a></li>
                        <li><a href="javascript:void(0)" onclick="bascule('2','flash/photos_cecile.html');"><img src="_img/skin/smenu2.gif" border="0" alt="Cécile" title="Cécile" id="smenu2" name="smenu2"/></a></li>
 </ul>

ça marche nickel sous Firefox.

ça merdoie sous IE...
Le changement se fait dans l'iframe, mais pas dans l'onglet : il disparait.

Plus rigolo : il suffit que je rajoute un alert(); à la fin de ma fonction et tout marche...

Au secour !

[Auteur]

bonjour,

montre nous le code complet de ta page HTML.

Pour l'iframe tu as bien renseigné l'id et le name en leur donnant la même valeur ?

[SpaceFrog]

essaye d'inhiber complètement le href ?

Code :

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

1
2
   <li><a href="javascript:void(0)" onclick="bascule('1','flash/photos_patrick.html');return false" ><img src="_img/skin/smenu1.gif" border="0" alt="Patrick" title="Patrick" id="smenu1" name="smenu1"/></a></li>
                        <li><a href="javascript:void(0)" onclick="bascule('2','flash/photos_cecile.html');return false"><img src="_img/skin/smenu2.gif" border="0" alt="Cécile" title="Cécile" id="smenu2" name="smenu2"/></a></li>