MENU DEROULANT
OUVERTURE NOUVELLE FENETRE

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : ouverture dans une nouvelle fenêtre du lien selectionné de ce menu déroulant où on clique sur l'option de direction sans passer par un bouton OK.

Exemple :

Les trucs et astuces employés dans ce site : 

Mise en oeuvre :

Entre les deux balises <body> et </body>

<!-- DEBUT SCRIPT MENU DEROULANT NOUVELLE FENETRE -->
<script LANGUAGE="JavaScript">
<!-- Script trouvé sur http://www.toulouse-renaissance.net/ D'après Vincent CARRIER - Forum amen.fr-->
<!--
var target = "blank" //Destination des URL: "blank", "top" "self" ou "nom du cadre"
function envoie(frm){
URL = frm.mgros.options[frm.mgros.selectedIndex].value
if (frm.mgros.selectedIndex != 0){
if (target == "blank") mywindow = window.open(''+URL+'');
else if (target == "self") document.location = URL;
else parent.frames[target].location = URL;
}}
//-->
</script>

<form name="Form_1">
<font face="Times New Roman" size="3" color="#000099"><strong><p>Les trucs et astuces
employés dans ce site :&nbsp; </strong></font><select NAME="mgros"
onChange="envoie(this.form)"
style="font-family: Verdana; font-size: 10pt;background-color:teal; color:yellow" size="1">
<option SELECTED="http://www.toulouse-renaissance.net/c_menu_deroulant_fenetre.htm">-&nbsp;&nbsp;&nbsp;Faites votre choix&nbsp;&nbsp;&nbsp;-</option>
<option VALUE="http://www.toulouse-renaissance.net/c_outils.htm">-&nbsp;&nbsp;Trucs et astuces en JavaScript et HTML</option>
<option VALUE="http://www.toulouse-renaissance.net/c_outils/c_img.htm">-&nbsp;&nbsp;2300 images, 1426 icônes, 115 sons</option>
<option VALUE="http://www.toulouse-renaissance.net/c_outils/c_referencement_1.htm">-&nbsp;&nbsp;Faire un bon référencement de votre site</option>
<option VALUE="http://www.toulouse-renaissance.net/c_outils/c_secure.htm">-&nbsp;&nbsp;La sécurité sur Internet</option>
<option VALUE="http://www.toulouse-renaissance.net/c_outils/c_genermeta.htm">-&nbsp;&nbsp;Un puissant générateur de meta tag</option>
</select></p>
</form>
<!-- FIN SCRIPT MENU DEROULANT NOUVELLE FENETRE -->

Remarque :
- Remplacez var target = "blank" par la destination des URL: "blank", "top" "self" ou "nom du cadre"
- L'option nulle (Faites votre choix) reprendra l'URL de la page où se trouve ce menu déroulant.
- Reportez-vous à Générateur de menu déroulant pour complément d'information à cette page.
- Vous pouvez sélectionner un élément en particulier afin qu'il soit le premier visible dans la fenêtre en ajoutant "selected"   dans le champ <option>. Exemple : <option selected>

Retour