Can someone please look at the following Gurt Menu script and tell me how I can create the appropriate target page links. For example, if you hovered over America, U.S.A., and clicked on Los Angeles; I would want my visitors to go to losangeles.html
Downloaded 4 files at >> http://gurtom.com/products/menus/js/documentation
I want to incorporate "demo 1 [simple]" script into my website.
demo.html
<html>
<head>
<title>Gurt Menu</title>
<script language=JavaScript src=http://codingforums.com/archive/index.php/"menu.js"></script>
<script language=JavaScript src=http://codingforums.com/archive/index.php/"menu_hier.js"></script>
<link href=http://codingforums.com/archive/index.php/"menu.css" rel=stylesheet>
<style>
body {
font: 11px Arial,Verdana,Helvetica,sans-serif;
}
</style>
</head>
<body bottommargin="0" topmargin="15" leftmargin="15" marginheight="15" marginwidth="15">
Root level - continents<br>
Level 1 - top 5 populated countries of a continent<br>
Level 2 - top 3 populated cities of a county<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>
menu.js
// Product title: Gurt JavaScript Menu
// Product version details: 1.0.0, 12-16-2005 (mm-dd-yyyy) [compressed version]
// Product URL: http://gurtom.com/products/menus/js
// Contact info: feedback@gurtom.com (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) 2005 by Gurtom.Com
var _m0J=[],_m0Q=window.external?' style="width:100%;height:100%"':'';function menu(_m01,_m0N){var _=this,i;_._m01=_m01;_._m0N=_m0N;_._m0R='';_.id=_m0J.length;_._m00=[];_._m02=[];_._m03=[0,0];_._m0N[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'width':100,'height':22,'hideAfter':200,'_m05':0,'css':''};for(i=0;i<_._m01.length;i++)if(_._m01[i])new _m0F(0,_,_,_._m01[i]);for(i=0;i<_._m02.length;i++)_m0B(_._m02[i],1);_m0J[_.id]=_;}function _m0E(_m0D){var i,a=_m0J[_m0D]._m00;for(i=0;i<a.length;i++){_m0B(a[i],0);_m0C(a[i],'norm');}}function _m0G(_m0D,_m08){var _=_m0J[_m0D]._m00[_m08]._m01[1];_m0C(_m0J[_m0D]._m00[_m08],'clck');if(_)document.location=_;}function _m0H(_m0D,_m08){var m=_m0J[_m0D];m._m0K=setTimeout('_m0E('+_m0D+')',_m0A(m._m0M._m07,m._m0N,'hideAfter'));if(m._m0M.id==_m08)m._m0M=null;}function _m0I(_m0D,_m08){var m=_m0J[_m0D],_,_m06,i;m._m0M=_=m._m00[_m08];clearTimeout(m._m0K);for(i=0;i<m._m00.length;i++){_=m._m00[i];_m06=!m._m0M._m0R.indexOf(_._m0S);if(_m06)_m0C(_,_==m._m0M?'over':'norm');_m0B(_,_m06);}if(m._m0M._m05)for(i=m._m0M;i&&i._m04;i=i._m0O)_m0C(i,'over');}function _m0F(l,p,m,_m01){var _=this,i,c=p._m02.length,_m0N=m._m0N;_._m01=_m01;_._m0O=p;_._m0S=p._m0R;_._m0R=p._m0R+':'+c;_._m07=l;_.id=m._m00.length;m._m00[_.id]=_;p._m02[c]=_;var id=m.id+','+_.id,nX,nY;_._m05=_m0A(l,_m0N,'_m05');for(i=l;i>=-1;i--){if(_m0N[i]&&_m0N[i]['nextX']!=null)nX=_m0N[i]['nextX'];if(_m0N[i]&&_m0N[i]['nextY']!=null)nY=_m0N[i]['nextY'];if(nX!=null||nY!=null)break;}_._m03=[p._m03[0]+_m0A(l,_m0N,'firstX')+(nX!=null?nX*c+_m0A(l,_m0N,'width')*c:0),p._m03[1]+_m0A(l,_m0N,'firstY')+(nY!=null?nY*c+_m0A(l,_m0N,'height')*c:0)];document.write('<a href=http://codingforums.com/archive/index.php/"javascript:;" id="me',id,'" style="position:absolute;top:',_._m03[1],'px;left:',_._m03[0],'px;width:',_m0A(l,_m0N,'width'),'px;height:',_m0A(l,_m0N,'height'),'px;visibility:hidden;z-index:',l,';text-decoration:none" onclick="_m0G(',id,')" onmouseout="_m0H(',id,')" onmouseover="_m0I(',id,')"><div',_m0Q,' id="mi',id,'" class="',_m0A(l,_m0N,'css'),'norm">',_m01[0],'</div></a>');_._m04=[document.getElementById('me'+m.id+','+_.id),document.getElementById('mi'+m.id+','+_.id),_m0A(l,_m0N,'css')];if(_m01.length>2){_._m02=[];for(i=2;i<_m01.length;i++)if(_m01[i])new _m0F(l+1,_,m,_m01[i]);}}function _m0B(_,_m09){if(_._m0P==_m09)return;_._m0P=_m09;if(_m09)_._m04[0].style.visibility='visible';else if(_._m07)_._m04[0].style.visibility='hidden';}function _m0C(_,_m0L){if(_._m04[3]==_m0L)return;_._m04[3]=_m0L;_._m04[1].className=_._m04[2]+_m0L}function _m0A(l,_m0N,k){for(var i=l;i>=-1;i--)if(_m0N[i]&&_m0N[i][k]!=null)return _m0N[i][k];}
menu_hier.js
var menuHierarchy = [
['Europe', null,
['Germany', null, ['Berlin'], ['Hamburg'], ['München']],
['Turkey', null, ['Ìstanbul'], ['Ankara'], ['Ìzmir']],
['United Kingdom', null, ['London'], ['Birmingham'], ['Glasgow']],
['France', null, ['Paris'], ['Marseille'], ['Lyon']],
['Italy', null, ['Roma'], ['Milano'], ['Napoli']]
],
['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']]
]
]
menu.css
.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;
}
Im on a Mac computer so if you can please post the code to the screen without the code tags, it would be much appreciated.
TOP
