Sliding Navigation bar

[Blisk]

OK, no problem I already giveup-
But I don't know which code have some forum where I find this sliding bar works with mozilla.
I will find a forum and put here a link.

[Blisk]

I found a solution, this code for sliding navigation bar, you must copy it to index.php or portal.php to the top of file and than it works, if you copy into tpl file than doesn't work.

[oxpus]

Curious, but okay
If the mod works, you can use each method to do this...

[Blisk]

yws it works you can check my forum.

[oxpus]

I've already seen. Thanks. Fine on Firefox, too.

[Marco]

[quote="Blisk";p="16783"]
I found a solution, this code for sliding navigation bar, you must copy it to index.php or portal.php to the top of file and than it works, if you copy into tpl file than doesn't work.

[/quote]

Hello Blisk
Sorry my English is very bad, i'm German!
I've a Problem with my Slide Menu under Mozilla Firefox.
Can you tell me, what you have changed, that it's work??
I hope you can understand me

mfg marco

[Tauchretter]

[quote="Marco - Mo 22.Nov, 2004 15:34";p="17437"][quote="Blisk";p="16783"]
I found a solution, this code for sliding navigation bar, you must copy it to index.php or portal.php to the top of file and than it works, if you copy into tpl file than doesn't work.

[/quote]

Hello Blisk
Sorry my English is very bad, i'm German!
I've a Problem with my Slide Menu under Mozilla Firefox.
Can you tell me, what you have changed, that it's work??
I hope you can understand me

mfg marco[/quote]
Also diesen Code

Code: Alles auswählen

<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript1.2 src="./templates/menue.js"></SCRIPT>
<SCRIPT language=JavaScript1.2>
<!--
	YOffset=145;
	staticYOffset=51;
	slideSpeed=1;
	waitTime=100;
	menuBGColor="#003D71";
	menuIsStatic="no";
	menuWidth=230;
	hdrFontFamily="Verdana, Arial, Helvetica, sans-serif";
	hdrFontSize="1";
	hdrFontColor="#000000";
	hdrBGColor="#F0F0F0";
	hdrAlign="left";
	hdrVAlign="center";
	hdrHeight="12";
	linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
	linkFontSize="1";
	linkBGColor="#DADADA";
	linkOverBGColor="#DADADA";
	linkTarget="_self";
	linkAlign="left";
	barBGColor="#E9E9E9";
	barFontFamily="Verdana, Arial, Helvetica, sans-serif";
	barFontSize="1";
	barFontColor="#000000";
	barVAlign="center";
	barWidth=12;
	startMenu("Navigation", "FOREN - NAVIGATION");
		addExItem("Intro", "intro.php");
		addExItem("Portal", "portal.php");
		addExItem("Index", "{U_INDEX}");
	addHdr("&nbsp;");
		addExItem("{L_LOGIN_LOGOUT}", "{U_LOGIN_LOGOUT}");
		addExItem("{L_PROFILE}", "{U_PROFILE}");
		addExItem("{PRIVATE_MESSAGE_INFO}", "{U_PRIVATEMSGS}");
	addHdr("&nbsp;");
		addExItem("{L_USERGROUPS}", "{U_USERGROUPS}");
		addExItem("{L_SEARCH}", "{U_SEARCH}");
		addExItem("{L_MEMBERLIST}", "{U_MEMBERLIST}");
	addHdr("&nbsp;");
		addExItem("{L_FAQ}", "{U_FAQ}");
		addExItem("Netiquette", "rules.php");
		addExItem("Acronyme", "acronyme.php");
	addHdr("&nbsp;");
	addExItem("VOR", "javascript:history.forward()");
	addExItem("ZURUECK", "javascript:history.back()");
	endMenu();
	function showhelp(helptext,boardid)
		{
		helpwindow = open("useraction.php3?action=gethelp&BoardID=" + boardid + "&helptext=" + helptext, "Helpfenster", "width=400,height=500,dependent=yes,locationbar=no,menubar=no,status=no,resizable=yes");
		helpwindow.document.write(windowtext);
		}
//-->
</SCRIPT>

entweder in die Index.php oder Portal.php ganz am Anfang reinkopieren, dann geht das Slidemenü.

Nun hab ich aber eine frage noch dazu, wie kann ich es schaffen wenn der Code in der Portal.php eingefügt ist, das man ihn trotzdem ein und auschalten kann wie beim original Slide-Menü-Mod? manche meiner User würden ihn wie vorher gerne abschalten,bzw. umschalten können.
[schild=5 fontcolor=FF0000 shadowcolor=C0C0C0 shieldshadow=1]Hilfe[/schild]

[Marco]

Ok, aber ich finde, das das Slidenenü nur sinnvoll ist, wenn es mir auch auf jeder Seite zur Verfügung steht.
Ich hab gesehen, das das Slide Menu mit Firefox unter der Originalversion von phpbb einwandfrei läuft.
Kann das vielleicht an phpbb Plus liegen?

[Marco]

z.b. bei dem Style Christmas Two für das Plus Board bleiben die Schneeflocken oben links hängen
An welchem Mod im Plus kann es liegen???

Christmas Two

[Tauchretter]

also mit dem Internet-Explorer kommt Weihnachtliche Stimmung auf, will sagen da fallen die Flocken.
hängt wohl wieder mit der exaktheit des Firefoxes zusammen.:wuah:
[schild=11 fontcolor=008000 shadowcolor=C0C0C0 shieldshadow=1]kling Glöckchen klingelingeling[/schild]

[oxpus]

Yepp.
Da werden die Scripte scheinbar nicht immer sauber gestartet.
Mal ein Link zum Board, bzw. Mod damit ich auch mal testen kann???

[Marco]

Hier das Slide Menü
und ein Original Forum mit Slide Menü http://www.phpbb2.vwcaddy-forum.de/

[oxpus]

Das Slidemenu arbeitet bei Dir korrekt. Und der Schneefall? Link dazu?

[Marco]

Und hier ein phpbb2 plus mit Slide Menü

[oxpus]

Trag am Ende der overall_header.tpl diese Zeile ein:

Code: Alles auswählen

<script language="JavaScript" type="text/javascript">initSlide();</script>

Vielleicht hilfts das.

[Marco]

Ich danke dir Oxpus das du mir hilfst ,
aber dein Vorschlag hat leider nicht geholfen.

[oxpus]

Blisk hatte das Javascript in der page_header.php untergebracht und dann lief es. Versuchs mal...
Also vor <?php

[Blisk]

I did install this javascript like it is in install, into overall_header.tpl before

Code: Alles auswählen

</head>

but the menu is opened in mozilla, so I did put this line to page_header.php, at the top of it

Code: Alles auswählen

<script language="Javascript" type="text/Javascript">initSlide();</script>

so it works in mozilla too

if you want the menu only on portal, put it into portal_body.tpl, or on index, index_body.tpl, but you must put the line into page_headeer.php

[Snoopy]

Code: Alles auswählen

<script>
<!--

/*
Copyright © Project Rav3n, All Rights Reserved.
Site: http://project-rav3n.com
E-mail: fused_boi@hotmail.com
Script: Static Slide Menu
Version: 1.0
*/

NS6=(document.getElementById&&!document.all)
IE=(document.all);IE4=(document.all&&!document.getElementById)
NS=(navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
OP=(navigator.userAgent.indexOf('Opera')>-1)

tempBar='';barBuilt=0;lastY=0;lastX=0;sI=new Array();moving=setTimeout('null',1);

function moveOut() {
	if(parseInt(ssm.left)<0&&mPos||parseInt(ssm.left)>0&&!mPos){
		clearTimeout(moving);
		moving=setTimeout('moveOut()', slideXSpeed);
		slideMenu((!mPos)?"out":"out");
		}
	else {
		clearTimeout(moving);
		moving=setTimeout('null',1);
	}
}
function moveBack() {
	clearTimeout(moving);
	moving=setTimeout('moveBack1()',waitTime);
}
function moveBack1() {
	if(parseInt(ssm.left)>-(menuWidth+1)&&mPos||parseInt(ssm.left)<menuWidth+1&&!mPos) {
		clearTimeout(moving);
		moving=setTimeout('moveBack1()',slideXSpeed);
		slideMenu((!mPos)?"in":"in");
	}
	else{
		clearTimeout(moving);
		moving=setTimeout('null',1);
	}
}
function slideMenu(way){
	fHow=(NS6)?0.4:0.2;
	if(way=="out")flow=fHow*-(parseInt(ssm.left));
	if(way=="in"&&!mPos)flow=fHow* (menuWidth+1-parseInt(ssm.left));
	else if(way=="in")flow=fHow*-(menuWidth+1+parseInt(ssm.left));
	if(flow>0)flow=Math.ceil(flow);
	else flow=Math.floor(flow);
	if(IE||NS6){
		lastX+=flow;
		bssm.clip="rect(0 "+((!mPos)?(barWidth+menuWidth+3):(barWidth+2+lastX))+" "+(((IE4)?document.body.clientHeight:0)+tssm.offsetHeight)+" "+((!mPos)?(lastX+1):0)+")";
		}
	ssm.left=parseInt(ssm.left)+flow;
	if(NS){
		if(!mPos){
			bssm.clip.left+=flow;
			bssm2.clip.left+=flow;
		}
		else{
			bssm.clip.right+=flow;
			bssm2.clip.right+=flow;
		}
		if(bssm.left+bssm.clip.right>document.width)document.width+=flow;
	}
}

function makeStatic() {
	winY=(IE)?document.body.scrollTop:window.pageYOffset;
	sHow=(NS6)?0.4:0.2;
	if(winY!=lastY&&winY>YOffset-staticYOffset)smooth=sHow*(winY-lastY-YOffset+staticYOffset);
	else if(YOffset-staticYOffset+lastY>YOffset-staticYOffset&&winY<=YOffset-staticYOffset)smooth=sHow*(winY-lastY-(YOffset-(YOffset-winY)));
	else smooth=0;
	if(smooth>0)smooth=Math.ceil(smooth);
	else smooth=Math.floor(smooth);
	bssm.top=parseInt(bssm.top)+smooth;
	lastY=lastY+smooth;
	setTimeout('makeStatic()',slideYSpeed);
}

function menuClick(id) { 
	obj=(document.all)?document.all(id):document.getElementById(id);
	with(obj){
		if(event.srcElement.id!=id){
			if(target=="_top")top.location=href;
			else if(target=="_parent")parent.location=href;
			else if(target=="_blank")window.open(href);
			else if(target>""&&top.frames[target])top.frames[target].location=href;
			else if(target>"")eval('window.open("'+href+'","'+target+'")');
			else location=href;
		}
	}
}

function buildBar() {
	if(!barType)tempBar='<IMG SRC="'+barText+'" BORDER="0">';
	else{
		for(b=0;b<barText.length;b++)tempBar+=barText.charAt(b)+"<BR>"
	}
	ssmHTML+='<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'" align="'+barAlign+'" class="ssmBar" NOWRAP>'+tempBar+'</td>';
}

function initSlide() {
	if (!mPos)lastX=menuWidth
	if ((NS6||IE)&&!OP||(operaFix!=2&&OP)){
		ssm=(NS6)?document.getElementById("thessm").style:document.all("thessm").style;
		tssm=(NS6)?document.getElementById("thessm"):document.all("thessm");
		bssm=(NS6)?document.getElementById("basessm").style:document.all("basessm").style;
		bssm.clip="rect(0 "+(barWidth+2+((!mPos)?menuWidth+1:0))+" "+(((IE4)?document.body.clientHeight:0)+tssm.offsetHeight)+" "+((!mPos)?(menuWidth+1):0)+")";
		if (OP&&operaFix==1)XOff=(!mPos)?document.body.clientWidth-barWidth-3:0;
		bssm.left=(!mPos)?XOff-menuWidth:XOff;
		if(OP)ssm.left=ssm.left;
		bssm.visibility="visible";
		if(NS6&&!OP){
			bssm.top=YOffset;
			if(menuOpacity!=100)ssm.MozOpacity=menuOpacity/100;
			slideIsGo=window.innerHeight>tssm.offsetHeight+staticYOffset;
		}
		else{
			if(menuOpacity!=100)ssm.filter="alpha(opacity="+menuOpacity+")";
			slideIsGo=((OP)?window.innerHeight:document.body.clientHeight)>parseInt(tssm.offsetHeight)+staticYOffset;
			}
		if(autoHideXOverflow&&((IE?document.body.clientWidth:window.innerWidth-16)<parseInt(bssm.left)+parseInt(ssm.left)+menuWidth+barWidth+3)){
			document.body.style.overflowX="hidden";
			document.body.style.overflowY="scroll";
		}
	}
	else if(NS){
		bssm=document.layers["basessm1"];
		bssm2=bssm.document.layers["basessm2"];
		ssm=bssm2.document.layers["thessm"];
		bssm.clip.left=(!mPos)?menuWidth+1:0;
		bssm.clip.right=(!mPos)?(menuWidth+barWidth+3):barWidth+2;
		bssm.left=(!mPos)?XOff-menuWidth:XOff;
		ssm.visibility="show";
		slideIsGo=window.innerHeight>ssm.clip.bottom+staticYOffset;
	}
	if(slideY&&(slideOnYOverflow||(!slideOnYOverflow&&slideIsGo)))makeStatic();
	if(!slideX)moveOut();
}

function getXOff() {
	return (((!XAlign)?((IE||OP)?document.body.clientWidth-barWidth-3:window.innerWidth-barWidth-3-17):(XAlign==1)?Math.floor(((IE||OP)?document.body.clientWidth/2-barWidth/2-1.5:window.innerWidth/2-barWidth/2-1.5)):0)+XOffset);
}

function buildMenu() {
	mPos=menuPosition;
	ssmHTML="";
	XOff=getXOff();
	if(IE||NS6)ssmHTML+='<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Top : '+YOffset+' ;Z-Index : 20;width:'+(barWidth+2)+';"><DIV ID="thessm" style="Position : Absolute ;Left : '+((!mPos)?menuWidth+1:-menuWidth-1)+' ;Top : 0px ;Z-Index : 30;'+((IE)?"width:1px":"")+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
	if(NS)ssmHTML+='<LAYER name="basessm1" top="'+YOffset+'" visibility="show" onload="initSlide()"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+((!mPos)?menuWidth+1:-menuWidth-1)+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
	if(NS6)ssmHTML+='<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+3)+'"><TR><TD>';
	ssmHTML+='<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+3)+'" bgcolor="'+((!NS)?menuBGColor:"")+'">';
	for(i=0;i<sI.length;i++){
		ssmHTML+='<TR>';
		if(barBuilt==0&&!mPos){
			buildBar();
			barBuilt=1
		}
		if(sI[i][3]>1)ssmHTML+='<TD BGCOLOR="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" WIDTH="'+menuWidth+'"'+((NS6)?' style="padding:'+hdrPadding+'px"':'><TABLE CELLPADDING="'+hdrPadding+'" CELLSPACING="0" BORDER="0"><TR><TD')+' CLASS="ssmHdr" VALIGN="'+hdrVAlign+'">'+((sI[i][3]==3)?'<a HREF="'+((sI[i][1].indexOf("://")==-1&&sI[i][1].indexOf("../")==-1)?targetDomain:'')+sI[i][1]+'" target="'+sI[i][2]+'" class="ssmHdr">':'')+sI[i][0]+((sI[i][3]==3)?'</a>':'')+((NS6)?'':'</TD></TR></TABLE>')+'</TD>';
		else{
			if(!sI[i][2])sI[i][2]=targetFrame;
			ssmHTML+='<TD WIDTH="'+menuWidth+'"'+(NS&&!sI[i][3]?'':'BGCOLOR="'+linkBGColor+'"')+' '+((NS6)?'CLASS="ssmItem" style="padding:'+linkPadding+'px;" ALIGN="'+linkAlign+'"':'')+' '+((sI[i][3])?'>':'onmouseover="style.backgroundColor=\''+linkOverBGColor+'\'" onmouseout="style.backgroundColor=\''+linkBGColor+'\'" onclick="menuClick(\'item_'+i+'\');"'+(IE?' style="cursor:hand;"':'')+'><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'" bgcolor="'+linkBGColor+'">')+((NS6)?'':'<DIV ALIGN="'+linkAlign+'" CLASS="ssmItem"><TABLE CELLPADDING="'+linkPadding+'" CELLSPACING="0" BORDER="0"><TR><TD VALIGN="'+linkVAlign+'" CLASS="ssmItem">')+((sI[i][3])?'':'<A HREF="'+((sI[i][1].indexOf("://")==-1&&sI[i][1].indexOf("../")==-1)?targetDomain:'')+sI[i][1]+'" target="'+sI[i][2]+'" CLASS="ssmItem" id="item_'+i+'">')+sI[i][0]+''+((sI[i][3])?'':'</A>')+((NS6)?'':'</TD></TR></TABLE></DIV>')+((sI[i][3])?'':'</LAYER></ILAYER>')+'</TD>';
		}
		if(barBuilt==0&&mPos){
			buildBar();
			barBuilt=1;
		}
		ssmHTML+='</TR>';
	}
	ssmHTML+='</table>';
	if(NS6)ssmHTML+='</TD></TR></TABLE>';
	if(IE||NS6){
		ssmHTML+='</DIV></DIV>';
		setTimeout('initSlide();',1);
	}
	if(NS)ssmHTML+='</LAYER></ILAYER></LAYER>';
	document.write(ssmHTML);
}

function addHdr(text){sI[sI.length]=[text, '', '', 2]}

function addLink(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 3]}

function addItem(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 0]}

function addText(text){sI[sI.length]=[text, '', '', 1]}

//window.onresize=function(){setTimeout('alert(getOff());XOff=getXOff();bssm.left=(!mPos)?XOff-menuWidth:XOff;');}

//-->
</script>
<script>
<!--
YOffset=40;
XAlign=2;
XOffset=0;
staticYOffset=20;
waitTime=500;
slideX=1;
slideXSpeed=15;
slideY=1;
slideYSpeed=15;
slideOnYOverflow=1;
autoHideXOverflow=1;
targetFrame="";
targetDomain="";
operaFix=0;
menuOpacity=100;
menuPosition=1;
menuBGColor="black";
menuWidth=125;
hdrBGColor="#2C323B";
hdrPadding=3;
hdrAlign="left";
hdrVAlign="center";
linkBGColor="#545C65";
linkOverBGColor="#2C323B";
linkAlign="left";
linkVAlign="center";
linkPadding=3;
barWidth=15;
barBGColor="#2C323B";
barAlign="left";
barVAlign="center";
barType=1;
barText="NAVIGATION";


//The Menu's Items
addHdr("Site Navi.");
addItem("Home", "{U_INDEX}", "");
addItem("Members", "{U_MEMBERLIST}", "");
<!-- BEGIN switch_user_logged_out -->
addItem("Register", "{U_REGISTER}", "");
<!-- END switch_user_logged_out -->
addItem("Profile", "{U_PROFILE}", "");
addItem("Priv.Msgs.", "{U_PRIVATEMSGS}", "");
addItem("{L_LOGIN_LOGOUT}", "{U_LOGIN_LOGOUT}", "");
buildMenu();


//-->
</script>

Dies hab ich in der overall_header.tpl eingefügt. Unter dem Internet Explorer scheint der zu laufen, aber unter Mozilla nicht! Da verschwindet die nicht, sondern bleibt draussen! Was kann ich dagegen tun?

[oxpus]

Das Slidemenu ist aktuell nicht kompatibel zu Mozilla und Firefox!

[Snoopy]

Gibt es da eins das mit den beiden kompatibel ist?

Oder kann man den kompatibel machen?

[oxpus]

Ich kenne kein anderes (habe auch nie danach gesucht) und ansonsten wäre der Autor mal anzusprechen.

[Snoopy]

Ich hab da grad ne Mail hin geschickt und dieses wieder bekommen:

Code: Alles auswählen

The original message was received at Sun, 12 Jun 2005 13:08:14 +0200
from fmservice13.dlan.cinetic.de [172.20.7.86]

----- The following addresses had permanent fatal errors -----
<fused_boi@hotmail.com>
(reason: 550 Requested action not taken: mailbox unavailable)

----- Transcript of session follows -----
... while talking to mx3.hotmail.com.:
>>> DATA
<<< 550 Requested action not taken: mailbox unavailable
550 5.1.1 <fused_boi@hotmail.com>... User unknown
<<< 503 Need Rcpt command.

Was bedeutet das?

[oxpus]

Das die Adresse nicht stimmt oder gerade nicht erreichbar ist.

[Snoopy]

Na toll!

Und die Homepage von ihm ist auch nicht zu erreichen!

Was mach ich nun?