5. HTML Dynamique (ou presque)

5.1 Les boutons JavaScript

Cf. http://tecfa.unige.ch/guides/js/ex-intro/switch-buttons.html

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
off_logo = new Image(120,25); 
off_logo.src = "logo.gif"; 
on_logo = new Image(120,25);
on_logo.src = "logo_on.gif";      

function hiLite(imgDocID,imgObjName) {
      document.images[imgDocID].src = eval(imgObjName + ".src")
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="http://agora.unige.ch/" 
	onMouseOver="hiLite('logo','on_logo')"
	onMouseOut="hiLite('logo','off_logo')">
<IMG SRC="newimages/logo.gif" BORDER=0  NAME="logo"></A>

</BODY></HTML>

5.2 Menus déroulants

Faire un menu déroulant est assez difficile
Il faut tenir compte des différents browsers
Il existe pleins de sites qui donnent des scripts
voir les Webmaster's sites: http://tecfa.unige.ch/guides/toolbox.html

Exemple 5-1: Les HierMenus de webreference.com

Un menu DHTML hiérarchique qui marche avec la plupart des clients WWW
http://webreference.com/dhtml/hiermenus/
Il faut bien lire les instructions (et surtout respecter les nom des array)
http://webreference.com/dhtml/hiermenus/instructions/

Demonstration à TECFA

http://tecfa.unige.ch/navi/menu/about.html (explications en Anglais)
http://tecfa.unige.ch/navi/menu/toolmenu.html (exemple)