Ciao a tutti.
Ho trovato questo script che potrebbe interessarmi ma non capisco come fare (sono un principiante di javascript ) e dove mettere eventuali indirizzi web link ai tasti del menu.
per esempio vorrei che ogni tasto(bottone) creato puntasse ad uno specifico link. (www.miapagina.it)
Grazie anticipatamente.
Ho trovato questo script che potrebbe interessarmi ma non capisco come fare (sono un principiante di javascript ) e dove mettere eventuali indirizzi web link ai tasti del menu.
per esempio vorrei che ogni tasto(bottone) creato puntasse ad uno specifico link. (www.miapagina.it)
Grazie anticipatamente.
HTML:
<style>
body {
font: 11px Arial,Verdana,Helvetica,sans-serif;
}
</style>
<style>
.gurtl0onorm {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
color: white;
cursor: hand;
}
.gurtl0oover {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
color: white;
cursor: hand;
}
.gurtl0oclck {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
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>
</head>
<body bottommargin="0" topmargin="15" leftmargin="15" marginheight="15" marginwidth="15">
<br>
<script language="JavaScript">
<!--
var menuConfig = [
{
'height': 25,
'width' : 110,
'firstX' : 151,
'firstY' : 215,
'nextX' : 1,
'hideAfter' : 200,
'css' : 'gurtl0o',
'trace' : true
},
{
'height': 23,
'width' : 110,
'firstY' : 25,
'firstX' : 0,
'nextY' : -1,
'css' : 'gurtl1o'
},
{
'firstX' : 111,
'firstY' : 0
}
];
new menu (menuHierarchy, menuConfig);
//-->
</script>
</body>
</html>
<html>
<head>
<script language=JavaScript>
// Product title: Gurt JavaScript Menu
// Product version details: 1.1, 01-25-2006 (mm-dd-yyyy) [compressed version]
// Product URL: http://gurtom.com/products/menus/js
// Contact info: [email protected] (specify product title in subject line)
// Notes: This script is free. Feel free to copy, use and change this script as
// long as this head part remains unchanged. Visit official site for details.
// Copyright: (c) 2006 by Gurtom.Com
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.length;_._m0=[];_._m2=[];_._m4=[0,0];_._mO[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'width':100,'height':22,'hideAfter':200,'target':'_self','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;}function _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.length;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');for(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,'width')*c:0),p._m4[1]+_m9(l,_mO,'firstY')+(nY!=null?nY*c+_m9(l,_mO,'height')*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),_m9(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 = [
['Gestione del socio']
['Crea socio']
['Vedi saldo socio']
// esempio per estensione menù ['Versamenti socio', null, ['London'], ['Birmingham'], ['Glasgow']],
],
['America', null,
['U.S.A.', null, ['New York'], ['Los Angeles'], ['Chicago']],
['Brazil', null, ['Saõ Paulo'], ['Rio de Janeiro'], ['Salvador']],
['Mexico', null, ['Ciudad de Mexico'], ['Guadalajara'], ['Ecatepec']],
['Colombia', null, ['Bogotá'], ['Cali'], ['Medellín']],
['Argentina', null, ['Buenos Aires'], ['Córdoba'], ['San Justo']]
],
['Asia', null,
['China', null, ['Shanghai'], ['Beijing'], ['Tianjin']],
['India', null, ['Mumbai'], ['Kolkata'], ['Delhi']],
['Indonesia', null, ['Jakarta'], ['Surabaya'], ['Bandung']],
['Pakistan', null, ['Karachi'], ['Lahore'], ['Faisalabad']],
['Bangladesh', null, ['Dhaka'], ['Chittagong'], ['Khulna']]
],
['Africa', null,
['Nigeria', null, ['Lagos'], ['Kano'], ['Ibadan']],
['Egypt', null, ['Al-Qahirah'], ['Al-Iskandariyah'], ['Al-Jizah']],
['Ethiopia', null, ['Adis Abeba'], ['Dire Dawa'], ['Nazret']],
['Congo', null, ['Kinshasa'], ['Lubumbashi'], ['Mbuji-Mayi']],
['Sudan', null, ['Umm Durman'], ['Al-Khartum'], ['Al-Khartum Bahrï']]
],
['Australia', null,
['Australia', null, ['Sydney'], ['Melbourne'], ['Brisbane']]
]
]
</script>
<style>
body {
font: 11px Arial,Verdana,Helvetica,sans-serif;
}
</style>
<style>
.gurtl0onorm {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
color: white;
cursor: hand;
}
.gurtl0oover {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
color: white;
cursor: hand;
}
.gurtl0oclck {
padding: 4px;
font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: none;
border: 1px solid #006699;
border-left: 4px solid #006699;
background: #006699;
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>
</head>
<body bottommargin="0" topmargin="15" leftmargin="15" marginheight="15" marginwidth="15">
<br>
<script language="JavaScript">
<!--
var menuConfig = [
{
'height': 25,
'width' : 70,
'firstX' : 15,
'firstY' : 65,
'nextX' : 1,
'hideAfter' : 200,
'css' : 'gurtl0o',
'trace' : true
},
{
'height': 23,
'width' : 110,
'firstY' : 25,
'firstX' : 0,
'nextY' : -1,
'css' : 'gurtl1o'
},
{
'firstX' : 111,
'firstY' : 0
}
];
new menu (menuHierarchy, menuConfig);
//-->
</script>
</body>
</html>
Ultima modifica di un moderatore: