Menu deroulant spécial

Soyez le premier à donner votre avis sur cette source.

Snippet vu 10 408 fois - Téléchargée 20 fois

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

Ajouter un commentaire

Commentaires

cs_joedom
Messages postés
2
Date d'inscription
samedi 15 novembre 2008
Statut
Membre
Dernière intervention
16 novembre 2008

mettre un zip avec les fichiers images ce serait sympa,
faites Copier / Coller !
Merci
@karamel
Messages postés
1743
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
16 janvier 2020
52
tu met un script qui doit etre associe a une image map on te propose de mettre le zip avec l'image et le html qui vas avec pour pouvoir avoir un appercu de ton script pour conclure tu repond a personne et tu ne met pas de zip.
question : a quoi sa sert de mettre ce script ?
cs_Villa Flore
Messages postés
2
Date d'inscription
mardi 14 novembre 2006
Statut
Membre
Dernière intervention
10 août 2011

En attendant le zip ... faites Copier / Coller !
h405
Messages postés
7
Date d'inscription
vendredi 27 juin 2008
Statut
Membre
Dernière intervention
28 février 2011

mettre un zip avec les fichiers images ce serait sympa, souiplai
Merci
cs_petifa
Messages postés
215
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
10 mars 2014

slt neacko
pour tester tu devrais mettre un zip avec les fichiers images et ta page de test. Ton code javascript doit être mis entre des balises <script>

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.