Menu deroulant spécial

Commenter

Contenu du snippet

menu déroulant leger utilisant une référence secondaire et des images donc très fluide sur la page.

Source / Exemple : 


var co; //entée sur la nouvelle image
var cp; //valeurs
var so; //incrément

function choix1(){
if(cp==1){so=11;}
if(cp==10){so=so+1;cp=9;}
setTimeout("aige()",100); //anti-rip de sortie
}

function aige()
{
if(co==1){
if(so==11){document.formule.arretd.src="dselect11.jpg";
document.formule.arretdd.value=cp;}}
if(so==12){
document.formule.arretd.src="dselect12.jpg";
document.formule.arretdd.value=cp+8;}}
if(so==13){
document.formule.arretd.src="dselect13.jpg";
document.formule.arretdd.value=cp+16;}}
if(so==14){
document.formule.arretd.src="dselect14.jpg";
document.formule.arretdd.value=cp+25;}}
}

if(co==2){document.formule.arretd.src="tramd.jpg";}
}

<head>
<form name=formule>
<body width=1280 background=fond.jpg>
<img src="...jpg" name="arreta" onmouseover="choix1(cr=1)" onmouseout="choix1(cr=2)" usemap="#map"style="border:3px solid #70FF13; position: absolute; left: 999; top: 258">
<map name="map">
<area shape="rect" coords="1,0,126,73" onmouseover="choix1(cp=1)">
<area shape="rect" coords="1,73,126,93" onmouseover="choix1(cp=2)">
<area shape="rect" coords="1,93,126,113" onmouseover="choix1(cp=3)">
<area shape="rect" coords="1,113,126,133" onmouseover="choix1(cp=4)">
<area shape="rect" coords="1,133,126,143" onmouseover="choix1(cp=5)">
<area shape="rect" coords="1,143,126,163" onmouseover="choix1(cp=6)">
<area shape="rect" coords="1,163,126,183" onmouseover="choix1(cp=7)">
<area shape="rect" coords="1,183,126,203" onmouseover="choix1(cp=8)">
<area shape="rect" coords="1,203,126,223" onmouseover="choix1(cp=9)">
<area shape="rect" coords="1,223,126,252" onclick="choix1(cp=10)">
</map>
</form>

Conclusion :


je l'ai essayer sur un questionaire cela marche plutot bien.

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.