onglets avec des liens en javascript - équivalent en html

Dernière édition par tontonsumo le Mer Nov 30, 2005 15:29; édité 1 fois

Bonjour,

Je prépare un site que je vais mettre en ligne dans quelques semaines.
J'utilise des onglets pour passer d'une page à l'autre.

Question

1 - Je voulais juste avoir confirmation pour savoir si mon code était mauvais, pour mes liens.
exemple pour l'onglet "ACCUEIL":

<head>
<script language="javascript">
function afficheaccueil(){window.location.href="accueil.html";}
</script>
<body>
<img src="i/o/accvert.gif" onclick="afficheaccueil()" onmouseenter="this.src='i/o/accrouge.gif'" onmouseout="this.src='i/o/accvert.gif'">
</body>

Question

2 - Si mon code est mauvais, j'aurais voulu savoir, s'il existe un code en html, mais qui permette également de faire changer l'onglet de couleur en cas de survol de ce dernier.

Un code du type suivant serait-il valable?

<A HREF="accueil.html"><IMG SRC="i/o/accvert.gif" ALT="écologie" onmouseover="this.scr='i/o/accrouge.gif'" onmouseout='i/o/accvert.gif'"></A>

Dans le cas ou mon javascript ne serait pas lu dans les moteurs de rehcerche, je cherche donc un code de remplacement qui soit court, propre et efficace.

Je vous remercie d'avance de votre aide, et attend impatiemment vos remarques!

Tontonsumo

Voici un lien qui concerne les "portes coulissantes" mais qui devrait pouvoir t'aider à faire des onglets en respectant les standards du web. C'est pas vraiment un document pour débutant mais c'est très complet.

http://pompage.net/pompe/portescoulissantes/

WRInaute occasionnel Inscrit le: 01 Mai 2004 Messages: 124

Waw j'allais donner exactement cette url ! (sauf que j'aurais dû chercher après Rolling Eyes

)

Au fait: pourquoi mettre un onclick quand on veut que le résultat soit le même qu'une balise a normale ? Confused

Et penses à toujours mettre les noms des balises et des attributs en minuscules pour respecter les standards Wink

Et pour info, "onmouseenter" est un événement propriétaire de Micro$oft qui ne fonctionnera donc de manière prévisible que dans leur navigateur fétiche.

Bonjour à tous,

Je voulais vous remercier pour votre avis, je suis donc en train de faire les modifs pour mes onglets.

Wap, je te remercie pour ta doc. C'est un peu complexe, mais j'ai mis cette page dans les favoris, histoire de l'étudier quand j'aurais un peu de temps. En tout cas je suis assez impressionné par les possibilités des CSS.

onglets avec des liens en javascript - équivalent en html

Autres sujets de discussion :