
Redirection
Menu de redirection
Exemple de menu de reroutage vers plusieurs sites web:
Trois partis à récupérer:
- le code javascript
- le code HTML du menu
- le code HTML du cadre (iframe)
1 - Pour commencer, copier/coller ce script JavaScript dans le HEAD de votre document :
<script>
<!--
function menuderedirection(cadre,selection) {
eval(cadre+".location='"+selection.options[selection.selectedIndex].value+"'"); }
//-->
</script>
<!--
function menuderedirection(cadre,selection) {
eval(cadre+".location='"+selection.options[selection.selectedIndex].value+"'"); }
//-->
</script>
2 - Copier/coller ensuite le code HTML du menu de redirection dans le BODY de votre document :
<form name="form1"><div align="center">
<select name="menu" onchange="menuderedirection('parent.frames[\'moniframe\']',this)">
<option value="http://www.google.fr">Sélectionnez un autre site</option>
<option value="http://www.laineoucoton.com">Patchwork</option>
<option value="http://www.easyvoile.com">EasyVoile</option>
</select>
</div></form>
<select name="menu" onchange="menuderedirection('parent.frames[\'moniframe\']',this)">
<option value="http://www.google.fr">Sélectionnez un autre site</option>
<option value="http://www.laineoucoton.com">Patchwork</option>
<option value="http://www.easyvoile.com">EasyVoile</option>
</select>
</div></form>
3 - Il vous suffit enfin d'insérer dans votre BODY (sous le menu de redirection) le code HTML d'un iframe :
<iframe id="moniframe" name="moniframe" src="http://www.google.fr" width="700" height="500" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>