Un menu déroulant avancé

DEMONSTRATION

Sélectionnez si vous voulez ouvrir le lien dans une nouvelle fenêtre ou non. On peut paramétrer ce menu avec ou sans bouton.

nouvelle fenêtre

Code source en 1 partie entre <BODY> et </BODY>
top

<FORM name="frm">
<!--Mettez la ligne suivante (la case) où vous voulez mais entre la balise <FORM> et </FORM>-->
<INPUT TYPE="checkbox" NAME="rad" VALUE="nouvelle page"> nouvelle page<BR>

<SELECT NAME="mgros" SIZE=1 onChange="if (bouton != 'with') envoie(frm)">
<OPTION SELECTED VALUE="">-------- MENU --------
<OPTION VALUE="mailto:webmaster@webgraf.com">E-MAIL
<OPTION VALUE="http://www.webgraf.com">WEBGRAF.COM
<OPTION VALUE="http://www.yahoo.fr">YAHOO.FR
<!--pour plus d'option : rajoutez des lignes <OPTION VALUE=" URL "> Nom  -->

</SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
var bouton = "with" //"with"= menu avec un bouton, "without" = pas de bouton
var target = "self" //Destination case non coché (self, top ou nom du cadre)

function envoie(frm){ URL = frm.mgros.options[frm.mgros.selectedIndex].value;
if (frm.mgros.selectedIndex != 0){
if (frm.rad.checked) mywindow = window.open(''+URL+'');
else {if (target == "self") document.location = URL;
else parent.frames[target].location  = URL;}
}else alert('Veuillez faire un choix au menu.');}
if (bouton == "with") document.write("<INPUT TYPE='button' VALUE='OK' onClick='envoie(frm)'>")
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
//-->
</script>
</FORM>
 
INFORMATIONS COMPLEMENTAIRES
top

Remplacer le target="....." par la destination de votre choix lorsque la case n'es pas coché: Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com

window.document.[form|forms['nom'|n]].checkbox.checked