nicht angemeldet
Sidemenue auf der rechten Seite?
Hallo,
auf meiner page www.hobbybrauer.info habe ich auf der linken Seite ein Sidemenue. Es ist nicht von mir da ich JS nicht kann. Muss mal nen Kurs besuchen.
Auf jeden Fall, hätte ich gerne das gleiche menue auf der rechten Seite.
Geht das? Und wie kann ich das machen?
Wäre nett wenn Ihr mir helfen könntet!
Gruss
Mike
// SIDEMENU - V2.0 // BY: BRIAN GOSSELIN (HTTP://SCRIPTASYLUM.COM) // ADD YOUR LINKS BELOW.
// TO ADD A HYPERLINK, THE FORMAT IS: list[x]=new Array('text displayed' , 'url' , 'target' ); // TO ADD A NON-WORKING LINK, THE FORMAT IS: list[x]=new Array('text displayed' , '' , '' ); // TO ADD A TITLEBAR, THE FORMAT IS: list[x]=new Array('text displayed' , null, null );
// KEEP NUMERICAL ORDER. START WITH 1. DO NOT SKIP A NUMBER.
var list=new Array(); list[1]=new Array('<center><b>Bierbrauen</b></center>', null , null ); list[2]=new Array('<b>Zum Bierbrauen</b>' , 'brauprozess.htm', '_self'); list[3]=new Array('<b>Berechnungen</b>' , 'bierberechnungen.htm' , '_self'); list[4]=new Array('<b>Bierrezepte</b>' , 'bierrezepte.htm' , '_self'); list[5]=new Array('<b>Biergeschichte</b>' , 'biergeschichte.htm' , '_self'); list[6]=new Array('<center><b>Sonstiges</b></center>' , null , null ); list[7]=new Array('<b>Hobbybrauer Forum</b>' , 'http://forum.webmart.de/wmforum.cfm?id=734813', '_self'); list[8]=new Array('<b>Bierplauderei</b>' , 'spinchat.html', '_self'); list[9]=new Array('<b>Bücherecke</b>' , 'buecherecke.htm', '_self'); list[10]=new Array('<b>Bier und Gesundheit</b>' , 'gesundheit.htm', '_self'); list[11]=new Array('<b>Brauereibesichtigung</b>' , 'slideshow/imgslideticker/imgslideticker.html', ''); list[12]=new Array('<b>Bierlinks</b>' , 'bierlinks.htm', '_self'); list[13]=new Array('<b>Downloads</b>' , 'downloads.htm', '_self'); list[14]=new Array('<b>Gästebuch</b>' , 'http://gb.webmart.de/guestbook.cfm?bookid=535445', '_self'); list[15]=new Array('<b>Kontakt</b>' , 'feedbackformular.htm', '_self'); list[16]=new Array('<b>Promillerechner</b>' , 'http://www.wekacityline.de/alkohol.cfm?aid=169', '_self'); list[17]=new Array('<b>Umfragen zum Bier</b>' , 'bierumfragen.htm', '_self'); list[18]=new Array(' ' , null , null );
// VARIOUS SETTINGS/COLORS/TEXT STYLES
var linktextcolor="black"; // Schriftfarbe der Links var linktexthovercolor="teal"; // Farbe der Links bei MouseOver var linktextsize=2; // Schriftgroesse der Links (1 TO 6) var linktextface="sans-serif"; // Schriftart der Links var linkbgcolor="lightgrey"; // Hintergrund der Links var linkhoverbgcolor="darkgray"; // Hintergrund der Links bei MouseOvervar var cellheight=25; // Hoehe der Links in Pixel (MIN=20). var bartextcolor="white"; // Schriftfarbe der Ueberschriften var bartextsize=3; // Schriftgroesse der Ueberschriften var bartextface="sans-serif"; // Schriftart der Ueberschriften var barbgcolor="brown"; // Hintergrund der Ueberschriften var bordercolor="black"; // Randfarbe var barwidth=22; // Breite des sichtbaren Streifens beim geschlossenem Menue var follow=true; // true=Menue scrollt mit, false=MENU bleibt stehen var menuwidth=250; // Breite des gesamten Menues nach dem ausfahren var yoffset=60; // Entfernung vom oeren Fensterrand
//Ab hier nichts mehr aendern*// var smenu, pagedone=false, id, loff=1; linktextsize=Math.max(Math.min(linktextsize,6),1); if(linktextsize>6)linktextsize=6; if(linktextsize<1)linktextsize=1; if((linktextsize5+10)>cellheight)cellheight=Math.max(20,(linktextsize5+10)); var btbl='<table cellpadding="0" cellspacing="0" border="0" width="'+menuwidth+'"><tr><td valign="center" width="'+menuwidth+'" height="'+cellheight+'" '; var NS4=(navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false; var IE4=(document.all)? true : false; var NS6=(parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txt=(NS4)?'<layer name="smenu" bgcolor="'+bordercolor+'" top="0" left="0" onmouseover="showmenu(true)" width="'+(menuwidth+barwidth+3)+'" visibility="hide" onmouseout="showmenu(false)">' : '<div id="smenu" style="width:'+(menuwidth+barwidth+3)+'; position:absolute; left:0px; top:0px; background-color:'+bordercolor+'; visibility:hidden" onmouseover="showmenu(true)" onmouseout="showmenu(false)">'; txt+='<table cellpadding="0" cellspacing="1" border="0" bgcolor="'+bordercolor+'" width="'+(menuwidth+barwidth+3)+'">'; for(i=1;i<list.length;i++){ if(list[i][1]!=null){ txt+='<tr><td width="'+menuwidth+'" height="'+cellheight+'">'; txt+=(NS4)?'<ilayer>' : '<div style="position:relative; width:'+menuwidth+'px; height:'+cellheight+'px;">'; txt+=(NS4)?'<layer name="h'+(i-loff)+'" height="'+cellheight+'" visibility="hide" bgcolor="'+linkhoverbgcolor+'">'+btbl+' bgcolor="'+linkhoverbgcolor+'"><font color="'+linktexthovercolor+'" size="'+linktextsize+'" face="'+linktextface+'"> '+list[i][0]+'</font></td></tr></table></layer>' : '<div id="h'+i+'" style="position:absolute; top:0px; left:0px; width:'+menuwidth+'px; height:'+cellheight+'px; background-color:'+linkhoverbgcolor+';">'+btbl+' bgcolor="'+linkhoverbgcolor+'"><font color="'+linktexthovercolor+'" size="'+linktextsize+'" face="'+linktextface+'"> '+list[i][0]+'</font></td></tr></table></div>'; txt+=(NS4)?'<layer name="n'+(i-loff)+'" height="'+cellheight+'" bgcolor="'+linkbgcolor+'">'+btbl+' bgcolor="'+linkbgcolor+'"><font color="'+linktextcolor+'" size="'+linktextsize+'" face="'+linktextface+'"> '+list[i][0]+'</font></td></tr></table></layer>' : '<div id="n'+i+'" style="position:absolute; top:0px; left:0px; width:'+menuwidth+'px; height:'+cellheight+'px; background-color:'+linkbgcolor+';">'+btbl+' bgcolor="'+linkbgcolor+'"><font color="'+linktextcolor+'" size="'+linktextsize+'" face="'+linktextface+'"> '+list[i][0]+'</font></td></tr></table></div>'; txt+=(NS4)?'<layer height="'+cellheight+'" onmouseover="hoverlayer('h','n','+(i-loff)+')" onmouseout="hoverlayer('n','h','+(i-loff)+')">' : '<div style="position:absolute; top:0px; left:0px; width:'+menuwidth+'px; height:'+cellheight+'px;" onmouseover="hoverlayer('h','n','+i+')" onmouseout="hoverlayer('n','h','+i+')">'+btbl+'>'; txt+='<a href="'+list[i][1]+'" target="'+list[i][2]+'"><img src="menu/blank.gif" width="'+menuwidth+'" height="'+cellheight+'" border="0"></a>'; txt+=(NS4)?'</layer></ilayer></td>' : '</td></tr></table></div></div></td>'; }else{ txt+='<tr height="'+cellheight+'"><td width="'+menuwidth+'" bgcolor="'+barbgcolor+'" height="'+cellheight+'" valign="center"><font color="'+bartextcolor+'" size="'+linktextsize+'" face="'+linktextface+'">'+list[i][0]+'</font></td>'; loff+=1; } if(i==1)txt+='<td rowspan="'+(list.length-1)+'" bgcolor="'+barbgcolor+'" width="'+barwidth+'" height="'+cellheight+'" align="center"><font color="'+bartextcolor+'" size="'+bartextsize+'" face="'+bartextface+'"><b>M<br>E<br>N<br>U</b></font></td>'; txt+='</tr>'; } txt+='</table>'; txt+=(NS4)?'</layer>' : '</div>'; document.write(txt);
function hoverlayer(h,n,num){ if(NS6){ document.getElementById(h+num).style.visibility="visible"; document.getElementById(n+num).style.visibility="hidden"; } if(IE4){ document.all[h+num].style.visibility="visible"; document.all[n+num].style.visibility="hidden"; } if(NS4){ smenu.document.layers[num].document.layers[h+num].visibility="show"; smenu.document.layers[num].document.layers[n+num].visibility="hide"; }} function init(){ if(NS4){ smenu=document.smenu; movexto(-menuwidth-2); smenu.visibility="show"; } else if(IE4){ smenu=document.all.smenu; movexto(-menuwidth-2); smenu.style.visibility="visible"; } else if(NS6){ smenu=document.getElementById('smenu'); movexto(-menuwidth-2); smenu.style.visibility="visible"; } pagedone=true; setInterval('movemenu()', 75); } function movemenu(){ if(follow){ var y=(NS4)?smenu.top:parseInt(smenu.style.top); var sy=(NS4||NS6)?window.pageYOffset:document.body.scrollTop; moveyto(((sy-y+yoffset)/3+3)+y); }} function showmenu(toshow){ if(pagedone){ if(toshow){ clearTimeout(id); movexto(0); }else id=setTimeout('movexto(-menuwidth-2)',200); }} function movexto(x){ if(NS4)smenu.left=x; if(IE4||NS6)smenu.style.left=x+'px'; } function moveyto(y){ if(NS4)smenu.top=y; if(IE4||NS6)smenu.style.top=y+'px'; } if(NS4)window.onresize=new Function("history.go(0)"); window.onload=init;