begin process at 2012 05 28 11:23:04
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > MENU DEROULANT SPÉCIAL

MENU DEROULANT SPÉCIAL


 Information sur la source

Note :
Aucune note
Catégorie :Menu & Co Niveau :Débutant Date de création :08/10/2008 Vu :8 897
Auteur : neacko_80

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

 Description

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

Source

  • 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>
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.


 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

Commentaire de petifa le 11/10/2008 14:21:20

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>

Commentaire de h405 le 13/10/2008 12:10:43

mettre un zip avec les fichiers images ce serait sympa, souiplai
Merci

Commentaire de Villa Flore le 15/10/2008 01:58:47

En attendant le zip ...   faites  Copier / Coller   !

Commentaire de kazma le 23/10/2008 21:38:33 administrateur CS

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 ?

Commentaire de joedom le 16/11/2008 10:47:51

mettre un zip avec les fichiers images ce serait sympa,
faites  Copier / Coller   !
Merci

 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 : 1,435 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)