Menu deroulant multidirection.

Commenter

Contenu du snippet

un menu deroulant dans une frame gauche
les liens envoient automatiquement dans la direction pre-definie
frame du haut , frame de droite , de gauche , totalité de la page , nouvelle page , popup .

Source / Exemple : 


<FORM name="guideform">
  <p align="center">Menu Déroulant</p>
  <p>&nbsp;</p>
  <p align="center"> 
    <SELECT style="color: #FFFFFF; background: #1C3859;" NAME="guidelinks" onChange="cliquer()">
      <option value="right.htm" selected>--Choose-- </option>
      <option value="page1.htm">page droite</option>
      <option value="haut_page1.htm">page haute</option>
      <option value="http://www.google.fr">new page</option>
      <option value="page_20.htm">page gauche</option>
      <option value="popupforum.htm">popup</option>
      <option value="total01.htm">page fenetre</option>
    </SELECT> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function cliquer() {
 if (guideform.guidelinks.value.substring(0,5)=="http:")
	  envoie(guideform);

 else if (guideform.guidelinks.value.substring(0,5)=="popup") 
	popup(guideform);

 else if (guideform.guidelinks.value.substring(0,5)=="page_")
	 envoie3(guideform);

 else if (guideform.guidelinks.value.substring(0,5)=="total")
	 envoie5(guideform);

 else if (guideform.guidelinks.value.substring(0,5)=="haut_")
	 envoie4(guideform);

 else envoie2(guideform);
}

function envoie2(guideform){ 
window.top.rightFrame.location.href = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
} 

function popup(guideform){
var hauteur_popup=280;
var H = (screen.height - hauteur_popup) / 2;
var largeur_popup=480;
var L = (screen.width - largeur_popup) / 2;
URL = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
{
mywindow = window.open(''+URL+'','FoRuM', 'top='+H+',left='+L+',width='+largeur_popup+',height='+hauteur_popup+',menubar=no,resizable=yes,status=no,toolbar=no,scrollbars=no');
}
}

function envoie3(guideform){ 
window.top.leftFrame.location.href = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
} 

function envoie4(guideform){ 
window.top.topFrame.location.href = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
}

function envoie(guideform){ 
URL = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
{
mywindow = window.open(''+URL+'');
}
}

function envoie5(guideform){ 
URL = guideform.guidelinks.options[guideform.guidelinks.selectedIndex].value;
{
parent.frames.location  = URL;}
}
//-->
</script>
</FORM>
..................
Explications :

menu pour un frameset 3 frames :
les liens commençant par : http: ouvrent une nouvelle fenetre.
les liens commençant par : page_ ouvrent dans la frame de gauche
les liens commençant par : popup ouvrent un popup
les liens commençant par : haut_ ouvrent dans la frame du haut
les liens commençant par : total ouvrent dans la totalité de la fenetre.
les autres liens ouvrent dans la frame de droite.

on peut rajouter des propriétés si besoin ...

Conclusion :


merci de commenter .

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_leris)