DynamicSelector
Drive
Keyboard
H-P
Screen
<html> <!-- Date de création: 07/01/2010 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>DynamicSelector</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Francis Zampieri"> <meta name="generator" content="WebExpert 6"> <script> <!-- Begin function preload(){ var diap=new Array("loading.gif"); var newdiap=new Array(); for (i=0;i<diap.length;i++) { newdiap[i]=new Image(); newdiap[i].src=diap[i]; if (!newdiap[i].complete) { setTimeout("preload()",250); } } return; } function generateimage(which){ document.getElementById('dynamic3').innerHTML='<center><img src="loading.gif" width="32" height="32" alt="" border="0"></center>'; document.getElementById('dynamic3').innerHTML='<center><img src="'+which+'"></center>'; } // End --> </script> </head> <body onlaod="preload();"><!-- Prechargement de l'image Loading.gif --> <h3 align="center">DynamicSelector</h3> <form name="dynamicselector"> <table border="0" width="50%" cellspacing="0" cellpadding="0" height="178" align="center"> <tr> <td width="35%" valign="top" align="left"> <select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)"> <option value="1.png">Drive</option> <option value="2.png">Keyboard</option> <option value="3.png">H-P</option> <option value="4.png">Screen</option> </select> </td> <td width="65%" valign="top" align="left"><div id="dynamic3"></div></td> </tr> </table> </form> </body> </html>