7. HTML Dynamique (ou presque)

7.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>

7.2 Menus déroulants

Faire un menu déroulant est assez difficile
Il faut tenir compte des différents browsers (sauf si vous misez sur les toutes dernières générations)
Il existe pleins de sites qui donnent des scripts
voir les Webmaster’s sites: http://tecfa.unige.ch/guides/toolbox.html

Exemple 7-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/