Menu deroulant spécial

Soyez le premier à donner votre avis sur cette source.

Snippet vu 10 838 fois - Téléchargée 21 fois

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

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
16 nov. 2008 à 10:47
mettre un zip avec les fichiers images ce serait sympa,
faites Copier / Coller !
Merci
@karamel Messages postés 1830 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 2 juin 2023 146
23 oct. 2008 à 21:38
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
15 oct. 2008 à 01:58
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
13 oct. 2008 à 12:10
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
11 oct. 2008 à 14:21
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>
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.