begin process at 2012 05 28 11:22:36
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Frames

 > MENU DEROULANT MULTIDIRECTION.

MENU DEROULANT MULTIDIRECTION.


 Information sur la source

Note :
3,8 / 10 - par 5 personnes
3,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Frames Niveau :Initié Date de création :05/03/2004 Vu :36 916

Auteur : leris

Ecrire un message privé
Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

 Description

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

  • <FORM name="guideform">
  • <p align="center">Menu D&eacute;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 ...
<FORM name="guideform">
  <p align="center">Menu D&eacute;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 .


 Sources du même auteur

Source avec Zip EXPAND BANNER EN JAVASCRIPT
Source avec Zip LA CELEBRE FENETRE BEOS DE ED PROD (MISE À JOUR)
BOUGE DE LA ! DEPLACEMENT D'UN CALQUE.
SCROLL BAR EN COULEUR (ENCORE ET TOUJOURS ...)
SCROLL BAR EN COULEUR (ENCORE ET ENCORE ...)

 Sources de la même categorie

Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec une capture CHARGER UNE PAGE WEB DANS UN DIV par flk974
DYNAMIC CONTENT DANS UNE DIV par duterte
INCLUDE EN JAVASCRIPT par yousfane
Source avec Zip PASSER DE FRAMES A UNE PAGE par David78390

Commentaires et avis

Commentaire de linkinpar236737 le 06/03/2004 11:33:03

Script très connu, ce qui peut être intéressant, c'est la couleur de fond du formulaire, 6/10

Commentaire de leris le 06/03/2004 12:43:44

tres connu ? c'est moi qui l'ai fait (il y a un peu plus d'un an !)

dis moi où tu l'as vu ?

L.

Commentaire de marte59 le 06/03/2004 18:54:23

Votre script à l'air bien mais quand j'essai par exemple de cliquer dans le formulaire sur "page droite", ça marque erreur à la ligne.......
Y a t-il une erreur de script ?

Commentaire de leris le 06/03/2004 19:11:08

bonjour,

si je peux me permettre une question  ...

vous avez bien placé ce menu dans la frame gauche d'un frameset dont la frame droite se "name" rightFrame ?

c'est ma faute ,j'aurais dù le preciser ,

il faut 3 frames :

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;mapage&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;/head&gt;
&lt;frameset cols="200,1*" frameborder="yes" border="1" framespacing="0"&gt;
  &lt;frame name="leftFrame" scrolling="NO" noresize src="goch.htm"&gt;
  &lt;frameset rows="80,*" frameborder="yes" border="1" framespacing="0"&gt;
  &lt;frame name="topFrame" scrolling="NO" noresize src="haut.htm" &gt;
  &lt;frame name="rightFrame" src="right.htm"&gt;
&lt;/frameset&gt;
&lt;/frameset&gt;
&lt;noframes&gt;&lt;body bgcolor="#FFFFFF"&gt;
&lt;/body&gt;&lt;/noframes&gt;
&lt;/html&gt;

le menu se place dans la page : goch.htm

mais vous pouvez n'avoir que 2 frames (pas de haut)  , il suffit pour cela de ne pas utiliser la direction vers la 3eme.

cordialement,

Leris.

Commentaire de linkinpar236737 le 07/03/2004 09:13:57

Je l'ai vu sur beaucoup de livres JavaScript, également sur certains sites.

Commentaire de iubito le 08/03/2004 06:45:07

et puis les frames....... :p

Commentaire de leris le 08/03/2004 11:32:28

&gt;iubito : "et puis les frames....... :p "

alors là completement d'accord et entre nous , le menu deroulant , j'aime pas non plus ... mais chacun fait ce qu'il veut , et si ce pauvre bout de code peut servir à quelqu'un ... ce forum aura servi à quelque chose ...
n'est ce pas son but ??

cordialement.

Leris.

Commentaire de alixes le 19/03/2004 08:52:23

pour le commentaire :

ce script est bien mais il est un peu compliqué ,
je suis bien arrivé à le faire fonctioné sur mon pc
mais une après l'avoir édité sur mon site weeb
http://membres.Lycos.FR/guilleminotalix/index.HTML

IL NE FONCTIONNE PLUS QUAND JE VEUX FAIRE BOUGER
UNE PAGE DANS UN CADRE
SI J'appelle depuis le menu déroulant la page haut par exemple
elle ne se charge pas

en outre je vois mal depuis mon editeur sur pc
comment la page ou il y a le scipt c'est à dire la page 2
ne ferait pas d'erreur

Commentaire de leris le 19/03/2004 16:40:50

salut,
voir ma reponse dans ces commentaires.

" il faut 3 frames : etc ... .. etc ... "

le "name" des frames est primordial  , sinon ça fonctionne pas (rectifier si les frames ont un autre nom que :leftFrame ,topFrame ,et rightFrame )

en plus tu as choisi l'hebergeur le plus pourri qui soit , qui rajoute une frame pour sa pub !


"en outre je vois mal depuis mon editeur sur pc
comment la page ou il y a le scipt c'est à dire la page 2
ne ferait pas d'erreur"

le script doit etre placé dans la page qui s'affiche dans la "leftFrame" , vois pas de page 2 , j'ai pas d'erreur quand je fais fonctionner ce script.


RAPPEL : ceci est obligatoire ! les pages doivent etre nommées comme suit :

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.

++

L.

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,827 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales