Besoin d'aide pour système d'onglet en javascript.
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:
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:
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 !