Modifier un menu javascript

Signaler
-
Messages postés
1784
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
28 avril 2021
-
bonjour,
je cherche a modifier un menu javascript, je m'explique !

voila le menu test : http://img43.xooimage.com/files/0/7/b/menu-9f086a.html

comme vous voyez j'ai 18 lien sur le menu et meme plus dans le future !
je veux afficher le menu comme un tableaux comme sur cette image :
http://img45.xooimage.com/files/b/0/2/a-9f08ca.png

code menu:
<HTML><HEAD>

<style type="text/css">
a {
    color:             #0067a9;
    text-decoration:   none;
}

#dropmenudiv{
position:absolute;
background-color: #f1faff;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:12px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 1px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #dff8ff;
color: #fa3b3b;
}

.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}
</style>

<script type="text/javascript">
//Contents for menu 1
var menu1=new Array()
menu1[0]='[http:// Lien 01]'
menu1[1]='[http:// Lien 02]'
menu1[2]='[http:// Lien 03]'
menu1[3]='[http:// Lien 04]'
menu1[4]='[http:// Lien 05]'
menu1[5]='[http:// Lien 06]'
menu1[6]='[http:// Lien 07]'
menu1[7]='[http:// Lien 08]'
menu1[8]='[http:// Lien 09]'
menu1[9]='[http:// Lien 10]'
menu1[10]='[http:// Lien 11]'
menu1[11]='[http:// Lien 12]'
menu1[12]='[http:// Lien 13]'
menu1[13]='[http:// Lien 14]'
menu1[14]='[http:// Lien 15]'
menu1[15]='[http:// Lien 16]'
menu1[16]='[http:// Lien 17]'
menu1[17]='[http:// Lien 18]'
       
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var horizontaloffset=2 //horizontal offset of menu from default location. (0-5 is a good value)

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('

')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x-obj.offsetWidth < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move menu up?
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? (position at top of viewable window then)
edgeoffset=dropmenuobj.y
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}

function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+horizontaloffset+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)if ((b b.parentNode) a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
</script>

</HEAD>

[default.htm Links]

</HTML>

si c'est réalisable merci de m'aider

2 réponses

Messages postés
15814
Date d'inscription
jeudi 8 août 2002
Statut
Modérateur
Dernière intervention
4 mars 2013
120
Salut,

Java est un langage bel et bien différent de Javascript !

Je déplace vers le forum de javascript
______________________________________
DarK Sidious
Messages postés
1784
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
28 avril 2021
126
bonjour
si toute ces lignes fonts partie du menu change de menu car pour un simple menu sa en fait des lignes
fait une recherche sur le site il y en a une foultitude