begin process at 2012 05 29 13:30:17
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Menu deroulant vertical


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Menu deroulant vertical

lundi 30 octobre 2006 à 09:12:59 | Menu deroulant vertical

leo7511

Bjr,
J'espère être sur le bon thème.
J'ai essayé le menu déroulant vertical en copiant le code sur le bloc note pour avoir le fichier "Menu.js" et ajouté le script donné sur une page html que j'ai nommée "menu.htm" comme indiqué.
Or quand j'ouvre la page "menu.htm", rien ne se passe ni en local ni sur le serveur.
Je pensais voir le menu déroulant vertical de l'exemple.
Néophite, j'utilise frontpage2000.

Merci de me renseigner.
lundi 30 octobre 2006 à 10:21:18 | Re : Menu deroulant vertical

bultez

Membre Club
Bonjour,
   sans savoir le menu utilisé, sans le moindre
   petit bout de code...  Hein_2.gifcomment répondre ?

                              Cordialement       Bul    [mon Site]    [M'écrire]
lundi 30 octobre 2006 à 13:08:36 | Re : Menu deroulant vertical

leo7511

Voila le code que j'ai copié dans le fichier Menu.js

1. //************ Menu Principal ************//
   2. Text = '#FFFFFF'
   3. bgcolor = '#000000' // Couleur Arrière
   4. bgcolor2 = '#6699CC' // Couleur Arrière Surbrillance
   5. bgcolor3 = '#ff00ff' // Couleur Bordure
   6. LargeurM = 110 // Largeur
   7. HauteurM = 30 // Hauteur
   8. TailleM = 2 // Taille Font
   9. menu = new Array
  10. i=0
  11. menu[i++] = 'HomePage' // <-- Titre
  12. menu[i++] = '#' // <-- Adresse (ici aucune)
  13. menu[i++] = 'Mon Compte'
  14. menu[i++] = 'http://www.javascriptfr.com/moncompte.aspx'
  15. menu[i++] = 'JavaScript'
  16. menu[i++] = 'http://www.javascriptfr.com'
  17. menu[i++] = 'CPP'
  18. menu[i++] = 'http://www.cppfrance.com'
  19. 
  20. //************ Sous-Menus ************//
  21. bgcolor5 ='#555555' // Couleur Arrière
  22. bgcolor6 ='#6699ff' // Couleur Arrière Surbrillance
  23. bgcolor4 ='#ffff00' // Couleur Bordure
  24. LargeurS = 150 // Largeur
  25. HauteurS = 20 // Hauteur
  26. TailleS = 1 // Taille Font
  27. zlien = new Array
  28. zlien[0] = new Array
  29. zlien[1] = new Array
  30. zlien[2] = new Array
  31. zlien[3] = new Array
  32. i=0
  33. zlien[0][i++] = 'MultiDesk' // <-- Titre
  34. zlien[0][i++] = 'http://multidesk.pass-x.com/' // <-- Adresse
  35. //i=0 Pas de Sous-Menus pour le menu principal 'Mon Compte'
  36. //zlien[1][i++] = '...'
  37. //zlien[1][i++] = 'http://'
  38. //zlien[1][i++] = '...'
  39. //zlien[1][i++] = 'http://...'
  40. i=0
  41. zlien[2][i++] = 'Code'
  42. zlien[2][i++] = 'http://www.javascriptfr.com/listecodes.aspx'
  43. zlien[2][i++] = 'Forum'
  44. zlien[2][i++] = 'http://www.javascriptfr.com/forum.v2.aspx'
  45. zlien[2][i++] = 'Emploi'
  46. zlien[2][i++] = 'http://www.javascriptfr.com/emploi.aspx'
  47. i=0
  48. zlien[3][i++] = 'Code'
  49. zlien[3][i++] = 'http://www.cppfrance.com/listecodes.aspx'
  50. zlien[3][i++] = 'Forum'
  51. zlien[3][i++] = 'http://www.cppfrance.com/forum.v2.aspx'
  52. zlien[3][i++] = 'Emploi'
  53. zlien[3][i++] = 'http://www.cppfrance.com/emploi.aspx'
  54. zlien[3][i++] = 'Livres'
  55. zlien[3][i++] = 'http://www.cppfrance.com/500.aspx?aspxerrorpath=/livres.aspx'
  56. 
  57. //************ Fin des paramètres, Début du programme ************//
  58. 
  59. document.write('<style type="text/css">')
  60. document.write('.popper {POSITION:absolute; VISIBILITY:hidden; z-index:15; left:'+(LargeurM-1)+' }')
  61. document.write('.ejsmenu {color:#FFFFFF; text-decoration:none; cursor:default;}') //cursor:default ou hand
  62. document.write('</style>')
  63. document.write('<div style="position:relative"><DIV class=popper id=topdeck></DIV>')
  64. 
  65. if(document.getElementById) { skn = document.getElementById("topdeck").style }
  66. 
  67. function pop(msg,pos)
  68. {    skn.visibility = "hidden"
  69.     skn.top = pos
  70.     if(msg.length == 0) return
  71.     var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor4+" WIDTH="+LargeurS+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
  72.     pass = 0
  73.     while(pass < msg.length)
  74.     {    content += "<TR><TD BGCOLOR="+bgcolor5+" onMouseDown='location.href=\""+msg[pass+1]+"\"'CLASS=ejsmenu onMouseOver=\"this.style.background='"+bgcolor6+"'\" onMouseOut=\"this.style.background='"+bgcolor5+"'\" HEIGHT="+HauteurS+"><FONT SIZE="+TailleS+" FACE=Verdana><B> &nbsp;"+msg[pass]+"</B></FONT></TD></TR>";
  75.         pass+=2
  76.     }
  77.     content += "</TABLE></TD></TR></TABLE>"
  78.     document.getElementById("topdeck").innerHTML = content
  79.     skn.visibility = "visible"
  80. }
  81. 
  82. document.onclick = function() { if(document.getElementById) skn.visibility = "hidden" }
  83. 
  84. if(document.getElementById)
  85. {    document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+LargeurM+' HEIGHT=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT='+HauteurM*menu.length/2+'>')
  86.     pass = 0
  87.     while(pass < menu.length/2)
  88.     {    document.write('<tr><TD WIDTH='+LargeurM+' ALIGN=center BGCOLOR='+bgcolor+' onMouseDown="location.href=\''+menu[pass*2+1]+'\'" onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien['+pass+'],'+pass*HauteurM+')" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE='+TailleM+' FACE=Verdana><B>'+menu[pass*2]+'</B></FONT></TD></tr>')
  89.         pass++
  90.     }   
  91.     document.write('</TABLE></TD></TR></TABLE></DIV>')
  92. }
  93. document.write('</div>')

Et le code sur la page menu.htm entre les balises <Body> et </Body>

<script language="JavaScript" src="Menu.js" type="text/JavaScript"></script>

Il doit me manquer quelque chose sur cette page.
Par contre j'ai télécharger un menu deroulant multi-niveaux en .zip qui fonctionne très bien mais c'est beaucoup trop compliqué. Le 1er me suffirait.
Merci pour la réponse.

lundi 30 octobre 2006 à 14:09:56 | Re : Menu deroulant vertical

bultez

Membre Club
là, tu nous dis ce que tu a fait... enfin... peut-être !
car, sans porter de jugement sur ce menu, ça devrait baigner.
mais... ce qui existe est-il = à ce qui est dit ? probablement pas.

                                          Cordialement    Bul    [mon Site]    [M'écrire]
lundi 30 octobre 2006 à 14:11:51 | Re : Menu deroulant vertical

bultez

Membre Club
j'ai omis de dire, si c'est sur un site, 
   l'URL nous permettrait de voir, peut-être ?

                                          Cordialement                   Bul          [mon Site]    [M'écrire]
lundi 30 octobre 2006 à 14:21:57 | Re : Menu deroulant vertical

leo7511

J'ai placé les 2 fichiers sur mon esoace perso ici
http://pageperso.aol.fr/smserge/menu.htm

http://pageperso.aol.fr/smserge/Menu.js
Je viens de vérifier ce fichier. En affichant le code source , on retrouvbe le script initial.
Merci
lundi 30 octobre 2006 à 14:23:46 | Re : Menu deroulant vertical

leo7511

C'est peut-être en renommant le fichier Menu.txt en fichier Menu.js que ça ne va pas.
J'ai copier le code script sur une page du bloc note.
lundi 30 octobre 2006 à 14:27:21 | Re : Menu deroulant vertical

bultez

Membre Club





ah.... y'a plein d'autres choses avec ce menu !
et déjà, surtout :

<SCRIPT LANGUAGE="JavaScript">
function NoError()
 {
 return true;
 }
window.onerror=NoError;
</SCRIPT>

ce qui veut dire que même s'il y a une erreur,
elle ne sera pas signalée ! à éviter à tout prix !
( et c'est sur que des erreurs, il y en a ! )


                                                   Cordialement                   Bul             [mon Site] [M'écrire]
lundi 30 octobre 2006 à 14:32:05 | Re : Menu deroulant vertical

bultez

Membre Club




j'ai vérifié aussi Menu.js :

   1. //************ Menu Principal ************//
   2. Text = '#FFFFFF'
   3. bgcolor = '#000000' // Couleur Arrière
   4. bgcolor2 = '#6699CC' // Couleur Arrière Surbrillance
   5. bgcolor3 = '#ff00ff' // Couleur Bordure
   6. LargeurM = 110 // Largeur ....

les n° de lignes ne doivent pas exister !

//************ Menu Principal ************//
 Text = '#FFFFFF'
 bgcolor = '#000000' // Couleur Arrière
 bgcolor2 = '#6699CC' // Couleur Arrière Surbrillance
 bgcolor3 = '#ff00ff' // Couleur Bordure
 LargeurM = 110 // Largeur ....

et ça commencera à prendre tournure...
sans préjuger du reste.


                                    Cordialement                            Bul          [mon Site]    [M'écrire]
lundi 30 octobre 2006 à 14:42:57 | Re : Menu deroulant vertical

leo7511

Bjr
Formidable, ça marche en local, donc ça devra fonctionner en ligne. Il me suffira de changer les libellés (ex : homepage par accueil).
Merci. Cordialement.

1 2

Cette discussion est classée dans : menu, page, déroulant, deroulant, vertical


Répondre à ce message

Sujets en rapport avec ce message

komen creer un menu non deroulant [ par aftag ] sltje ss debutantje voudrais créer un menu non deroulant et avec mes arr plan perso et kon puisse mettre a jour facilement au lieu de changer le menu menu vertical + intégration flash [ par reyterg ] Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s menu vertical + intégration flash [ par reyterg ] Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s Menu déroulant [ par Looping2605 ] Bonsoir,j'ai un petit problème avec mon site web.Alors j'ai une page avec un formulaire, et dans ce formulaire 2 menu déroulant.J'aimerais, lorsque le Affichage dynamique [ par Ma2004 ] Bonjour à tous,J'ai une liste déroulante insérée dans une page htm (qui contient des logos,  la date et l'heure, . . .). J'aimerai que lorsque je chan menu déroulant + frame [ par kaotrik ] Bonjour, J'aimerais rediriger mon menu déroulant vers des frames différentes... mon menu déroulant fonctionne mais j'arrive pas à insérer le "target" menu déroulant vertical [ par rduvrac ] J'ai récupéré ce script mais il ne fonctionne pas. J'aimerai bien car il est simple à mettre en place et à actualiser sinon. Si quelqu'un arrive à vo menu déroulant et affichage dans la même page [ par cybermalicia ] Slt @ tous et déjà merci d'avance ^^.Pr info jsui une petite débutante sur le plan utilisation des menus sans l'utilisation des frames alors je suis e Menu deroulant specifique [ par sensoide ] Bonjour a tous,J'ai un menu déroulant avec des dates qui proviennent de ma base de données.J'ai un tableau avec des informations qui proviennent égale lancer la page d'un menu deroulant [ par salim81 ] bonjour a tous! j'ai réaliser un menu déroulant dynamique vertical en DHTML avec des sous menu qui s'ouvrent et se ferment.j'ai travaillé avec Easyphp


Nos sponsors


Sondage...

Comparez les prix

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 : 0,359 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales