Salve ho trovato in rete un menu in javascript e dopo aver ottimizzato quest' ultimo con le misure della mia pagina web mi sono bloccato. In pratica non riesco a far funzionare i link per andare da una pagina ad un altra, non trovo infatti i riferimenti "<a href......>". Ecco il codice:
<html>
<style type="text/css">
.Stile6 {color: #FF0000}
.Stile7 {color: #FFFF00}
a:link.mio{background:red; width:100px; font-size:20}
a:visited.mio{background:red; width:100px}
a:active.mio{background-color:red; width:100px}
a:hover.mio{background-color:red; width:100px}
.Stile13 {color: #3083B8}
.Stile14 {font-size: 18px}
.Stile9 {color: #999999}
.Stile15 {font-size: 12px}
.gurtl0onorm {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #5E8383;
border-left: 4px solid #5E8383;
background: #5E8383;
color: white;
cursor: hand;
}
.gurtl0oover {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #A4A4A4;
border-left: 4px solid #E1B700;
background: #A4A4A4;
color: white;
cursor: hand;
}
.gurtl0oclck {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #A4A4A4;
border-left: 4px solid #E1B700;
background: #949494;
color: white;
cursor: hand;
}
.gurtl1onorm {
padding: 3px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid white;
border-left: 4px solid #EBEFEF;
background: #EBEFEF;
color: #243D4B;
cursor: hand;
}
.gurtl1oover {
padding: 3px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid white;
border-left: 4px solid #E1B700;
background: #EBEFEF;
color: #243D4B;
cursor: hand;
}
.gurtl1oclck {
padding: 3px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid white;
border-left: 4px solid #E1B700;
background: #DBDFDF;
color: #243D4B;
cursor: hand;
}
</style>
<body>
<script language=JavaScript>
var menus=[],_m3=window.external?[' style="width:100%;height:100%"','div onclick="','div']:['','a href="javascript:','a'],_mC=document.getElementById?function(_mR){return document.getElementById(_mR)}:function(_mR){return document.all[_mR]};function menu(_m1,_mO){var _=this,i;_._m1=_m1;_._mO=_mO;_._mS='';_.id=menus.l ength;_._m0=[];_._m2=[];_._m4=[0,0];_._mO[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'w idth':100,'height':22,'hideAfter':200,'target':'_s elf','trace':0,'css':''};for(i=0;i<_._m1.length;i+ +)if(_._m1[i])new _mE(0,_,_,_._m1[i]);for(i=0;i<_._m2.length;i++)_mA(_._m2[i],1);menus[_.id]=_;}function _mD(_mK){var i,a=menus[_mK]._m0;for(i=0;i<a.length;i++){_mA(a[i],0);_mB(a[i],'norm');}}function _mF(_mK,_mI){var m=menus[_mK],_=m._m0[_mI]._m1[1];_mB(m._m0[_mI],'clck');if(_)open(_,_m9(m._m0[_mI]._m8,m._mO,'target'));}function _mG(_mK,_mI){var m=menus[_mK];m._mL=setTimeout('_mD('+_mK+')',_m9(m._mN._m8,m._ mO,'hideAfter'));if(m._mN.id==_mI)m._mN=null;}func tion _mH(_mK,_mI){var m=menus[_mK],_,_m7,i;m._mN=_=m._m0[_mI];if(m._mL)clearTimeout(m._mL);for(i=0;i<m._m0.leng th;i++){_=m._m0[i];_m7=!m._mN._mS.indexOf(_._mT);if(_m7)_mB(_,_==m._ mN?'over':'norm');_mA(_,_m7);}if(m._mN._m6)for(i=m ._mN;i&&i._m5;i=i._mP)_mB(i,'over');}function _mE(l,p,m,_m1){var _=this,i,c=p._m2.length,_mO=m._mO;_._m1=_m1;_._mP= p;_._mT=p._mS;_._mS=p._mS+c+':';_._m8=l;_.id=m._m0 .length;m._m0[_.id]=_;p._m2[c]=_;var id=m.id+','+_.id,nX,nY;_._m6=_m9(l,_mO,'trace');fo r(i=l;i>=-1;i--){if(_mO[i]&&_mO[i]['nextX']!=null)nX=_mO[i]['nextX'];if(_mO[i]&&_mO[i]['nextY']!=null)nY=_mO[i]['nextY'];if(nX!=null||nY!=null)break;}_._m4=[p._m4[0]+_m9(l,_mO,'firstX')+(nX!=null?nX*c+_m9(l,_mO,'wid th')*c:0),p._m4[1]+_m9(l,_mO,'firstY')+(nY!=null?nY*c+_m9(l,_mO,'hei ght')*c:0)];document.write('<',_m3[1],'_mF(',id,')" id="me',id,'" style="position:absolute;top:',_._m4[1],'px;left:',_._m4[0],'px;width:',_m9(l,_mO,'width'),'px;height:',_m9(l ,_mO,'height'),'px;visibility:hidden;z-index:',l,';text-decoration:none" onmouseout="_mG(',id,')" onmouseover="_mH(',id,')"><div',_m3[0],' id="mi',id,'" class="',_m9(l,_mO,'css'),'norm">',_m1[0],'</div></',_m3[2],'>');_._m5=[_mC('me'+m.id+','+_.id),_mC('mi'+m.id+','+_.id),_m 9(l,_mO,'css')];if(_m1.length>2){_._m2=[];for(i=2;i<_m1.length;i++)if(_m1[i])new _mE(l+1,_,m,_m1[i]);}}function _mA(_,_mJ){if(_._mQ==_mJ)return;_._mQ=_mJ;if(_mJ)_ ._m5[0].style.visibility='visible';else if(_._m8)_._m5[0].style.visibility='hidden';}function _mB(_,_mM){if(_._m5[3]==_mM)return;_._m5[3]=_mM;_._m5[1].className=_._m5[2]+_mM}function _m9(l,_mO,k){for(var i=l;i>=-1;i--)if(_mO[i]&&_mO[i][k]!=null)return _mO[i][k];}
</script>
<script language=JavaScript>
var menuHierarchy = [
['Europe', null,
['Germany'],
['Turkey'],
['United Kingdom'],
['France'],
['Italy']
],
['America', null,
['U.S.A.'],
['Brazil'],
['Mexico'],
['Colombia'],
['Argentina']
],
['Asia', null,
['China'],
['India'],
['Indonesia'],
['Pakistan'],
['Bangladesh']
],
['Africa', null,
['Nigeria'],
['Egypt'],
['Ethiopia'],
['Congo'],
['Sudan']
],
['Australia', null,
['.....'],
['....'],
['....'],
['....'],
['.....']
]
]
<!--
var menuConfig = [
{
'height': 25,
'width' : 159,
'firstX' : 100,
'firstY' : 135,
'nextX' : 2,
'hideAfter' : 200,
'css' : 'gurtl0o',
'trace' : true
},
{
'height': 23,
'width' : 159,
'firstY' : 25,
'firstX' : 0,
'nextY' : -1,
'css' : 'gurtl1o'
},
];
new menu (menuHierarchy, menuConfig);
//-->
</script>
</body>
</html>
Mi aiutate? manca qualcosa o sbaglio?