iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

par **Caribou** » Mar 2 Fév 2010 14:25

zepatente a écrit:oula on dirait que celà sentirait la demande de tutoriel pour moi çà

Oui, mais quand tu auras repassé ta belle chemise à carreaux. :lol:

Si quelqu'un cherche un tuto sur un menu en accordéon, j'ai fait ce tuto :
http://iweb.debutersurmac.com/siteiweb/ ... rdeon.html
Les grands principes décrits sur ce tuto sont à appliquer pour un grand nombre de menus en javascript proposés par les sites web notamment les dropdown menus.
Un site pour faire des "Drop Down" menus facilement : http://www.cssmenumaker.com/
par contre il faudra éditer le code du menu pour ajouter les target="_top" nécessaire à iWeb (voir mon tuto cité plus haut)

par **hubscher** » Lun 3 Mai 2010 03:16

Bonjour,

Pour mon site je voulais aussi intégrer un menu déroulant. A force de chercher sur internet j'ai fini par en trouver un. ( voir ci-dessous). Il faut seulement changer les mots à l'intérieur du langage html ( remplacer toulouse marseille, en couple en famille.... par ce que vous souhaitez ).

<html>
<title>liste déroulante dynamique</title>
<head>
<script language="javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
vari = formulaire.boite1.selectedIndex;
if (i==0)
for(j = 1:j <3; j++)
formulaire.boite2.options[j].text="";

else{
switch (i){
case 1 : var text = new Array ( "Marseille","PSG", Monaco");
break;
case 2 : var text = new Array("Toulouse","Agen","Paris");
break;

case3 : var text = new Array("Jijopn","Pau","Gravelines");
break;
}

for(j = 0; j<3; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formuliare.boite2.selectedIndex=0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="boite1" onChange="choix(this.form)">
<option selected>......choisissez une rubrique....</option>
<option>couple</option>
<option>famille</option>
<option>celibataire</option>

</select>

<select name="boite2">
<option selected>.....Choisissez une rubrique.....</option>
<option></option>
<option></option>
<option></option>
</form>
</select>

Et voilà, j'espère que cela fonctionnera.

Bon courage

A+

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

Menus sur iWeb...

Re: Menus sur iWeb...

Publicité

Re: Menus sur iWeb...

Re: Menus sur iWeb...

Re: Menus sur iWeb...

Re: Menus sur iWeb...

Re: Menus sur iWeb...

Re: Menus sur iWeb...

Qui est en ligne