inserimento link

alexgentili

Utente Attivo
15 Lug 2010
39
0
0
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.



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&otilde; Paulo'], ['Rio de Janeiro'], ['Salvador']],
		['Mexico', null, ['Ciudad de Mexico'], ['Guadalajara'], ['Ecatepec']],
		['Colombia', null, ['Bogot&aacute;'], ['Cali'], ['Medell&iacute;n']],
		['Argentina', null, ['Buenos Aires'], ['C&oacute;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&iuml;']]
	],
	['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:
Mi sispondo da solo.
Al posto dei "null" metto il link - 'www.miolink.it'

Sul sito del produttore bastava guardare !

Bye
 

Discussioni simili