PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Einbinden einer scrollnavi



Rottimom
07.10.2005, 16:34
Ich hätte wahnsinnig gerne diese Scrollnavi bei mir ins vB 3.0.9 rein .

Ein paar Versuche habe ich jetzt durch , leider scrollt sie nicht mit .............
Kann mir einer sagen wie bzw. wo ich sie einbauen muß , oder ob etwas geändert werden muß ?

Hier das komplette script das in meinem alten Forum ohne Probleme läuft .
(im Header-Template eingebaut)


<SCRIPT language="JavaScript1.2">
<!--

/*

© 2003 - 2005 by ISVnet
*/

// Default settings. Don't change them.

YOffset=20; // no quotes!!

staticYOffset=20; // no quotes!!

slideSpeed=20 // no quotes!!

waitTime=1000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

hdrFontFamily="Verdana";

hdrFontSize="3";

hdrFontColor="white";

hdrBGColor="#0371A8";

hdrAlign="right";

hdrVAlign="center";

hdrHeight="20";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#DDDDDD";

linkTarget="_self";

linkAlign="left";

menuBGColor="white";

menuIsStatic="yes";

menuWidth=110; // Must be a multiple of 10! no quotes!!

barBGColor="#0371A8";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="top";

barWidth=20; // no quotes!!

NS6 = (document.getElementById&&!document.all)

IE = (document.all)

NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

moving=setTimeout('null',1)

function kapelle() {



kap=window.open("http://trmedia.covers.de/***-alsfeld/kapelle.html","Fenster2","resizable=no,height=200,width=320");

}

function moveOut() {

if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) {

clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)

if (NS6) {ssm.left = parseInt(ssm.left)+10+"px";}

if (IE) {ssm.style.pixelLeft += 10;}

if (NS) {document.ssm.left += 10;}}

else {clearTimeout(moving);moving=setTimeout('null',1)}};

function moveBack() {

clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}

function moveBack1() {

if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) {

clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);

if (NS6) {ssm.left = parseInt(ssm.left)-10+"px";}

if (IE) {ssm.style.pixelLeft -= 10;}

if (NS) {document.ssm.left -= 10;}}

else {clearTimeout(moving);moving=setTimeout('null',1)}};

lastY = 0;

function makeStatic() {

if (NS6) {winY = window.pageYOffset;}

if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style}

if (NS) {winY = window.pageYOffset;var NM=document.ssm}

if (NS6||IE||NS) {

if (winY!=lastY&&winY>YOffset-staticYOffset) {

smooth = .2 * (winY - lastY - YOffset + staticYOffset);}

else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {

smooth = .2 * (winY - lastY);}

else {smooth=0}

if(smooth > 0) smooth = Math.ceil(smooth);

else smooth = Math.floor(smooth);

if (NS6) ssm.top=parseInt(ssm.top)+smooth+"px"

if (IE) NM.pixelTop+=smooth;

if (NS) NM.top+=smooth;

lastY = lastY+smooth;

setTimeout('makeStatic()', 1)}}

function initSlide() {

if (NS6){

ssm=document.getElementById("ssm").style

ssm.visibility="visible";

ssm.left = -menuWidth;}

else if (IE) {

ssm.style.visibility = "visible"

ssm.style.pixelLeft = -menuWidth;}

else if (NS) {

document.ssm.left = -menuWidth;

document.ssm.visibility = "show"}

if (menuIsStatic=="no") makeStatic();}

function startMenu(menuHeader, barText) {

if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="#FFFFFF" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="#000000"><TR><TD>')}

tempBar=""

for (i=0;i<barText.length;i++) {

tempBar+=barText.substring(i, i+1)+"<BR>"}

document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="#FF0000"><tr><td bgcolor="#FF0000" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="#FF0000" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')}

function addItem(text, link, target) {

document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" CLASS="ssmItems" target="'+target+'">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}

function addExItem(text, link, target) {

document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}

function addExPic(text, link, target) {

document.write('<TR><TD cellpadding="2" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssmItems"><img src="'+text+'" border="0"></A></DIV></LAYER></ILAYER></TD></TR>')}

function addHdr(text) {

document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}

function endMenu() {

document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')

if (NS6){document.write('</TD></TR></TABLE>')}

if (IE||NS6) {document.write('</DIV>')}

if (NS) {document.write('</LAYER>')}

if (NS6||IE||NS) setTimeout('initSlide();', 100)}

YOffset=51;
staticYOffset=51;
slideSpeed=40;
waitTime=100;
menuBGColor="#000000";
menuIsStatic="no";
menuWidth=120;
hdrFontFamily="Verdana, Arial, Helvetica, sans-serif";
hdrFontSize="1";
hdrFontColor="#0371A8";
hdrBGColor="#FF0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="1";
linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
linkFontSize="1";
linkBGColor="#F5F5F5";
linkOverBGColor="DDDDDD";
linkAlign="left";
barBGColor="#FF0000";
barFontFamily="Verdana, Arial, Helvetica, sans-serif";
barFontSize="1";
barFontColor="#0371A8";
barVAlign="center";
barWidth=15;
startMenu("H&S Forum", "Navi");
addExItem("Ins Forum einladen", "http://13835.invitefriend.onetwomax.de/?output=htmlbody", "_blank");
addExItem("Mein Gästebuch", "http://417377.guestbook.onetwomax.de", "_blank");
addExItem("Forum als gelesen markieren", "http://24449.forum.onetwomax.de/forcenewvisit=1", "_self");
addExItem("Startseite", "http://24449.forum.onetwomax.de/", "_self");
addExItem("Registrieren", "http://24449.forum.onetwomax.de/signup", "_self");
addExItem("Seitenanfang", "#top", "_self");
addExItem("Suche", "http://24449.forum.onetwomax.de/suche", "_self");
addExItem("Neueste Beiträge", "http://24449.forum.onetwomax.de/action=recenttopics&newposts=1&limit=80", "_self");
addExItem("PN Nachrichten", "http://24449.forum.onetwomax.de/editsms", "_self");

endMenu();
//-->
</SCRIPT>

Ich ware sehr dankbar , denn ich hätte sie gerne drin , da sie ein Geschenk ist .:)

StGaensler
07.10.2005, 17:30
Wenn ich den Code in eine normale HTML-Datei kopiere erscheint das Men&#252;, und wenn ich &#252;ber einen Link gefahren bin, dann verschwindet die Navi, und es bleibt nur noch ein Balken auf der linken Seite &#252;brig. Passt so, oder?

Soll diese Navi nun immer an der selben Stelle stehen bleiben? Oder was soll sie machen?

Hast du einen Link zu einer Seite parat, wo diese Navi so funktioniert, wie es du dir vorstellst?

Viele Gr&#252;&#223;e,
Stefan

PS: Habe den Thread in das HTML-Forum verschoben, da es mit vBulletin nichts zu tun hat.

Rottimom
07.10.2005, 17:45
Sorry für die falsche Ecke , wo ich das hier schrieb .

Nein , wenn man mit der Maus drauf geht , fährt sie aus .......

geht man runter , geht sie wieder zu .

Überall wo man ist auf einer Seite , ist sie auch , weil sie mitwandert .......

Eingebunden in den Header ist sie hier :

www.hund-und-spass.de


Testnick (sonst sieht man sie nicht) ist Rottifan PW = 12345

hier funktioniert sie einwandfrei , deshalb nahm ich auch aus dem Header den Code .

Aber in meinem neuen Forum funktioniert sie nicht , sie scrollt nicht mit .........

Rottimom
07.10.2005, 17:47
Ach ja , hier ist der gleiche Code drin f&#252;r die gleiche Navi ................


www.isvnet.de

StGaensler
07.10.2005, 18:42
Kein Problem, dass du es in die falsche Ecke geschrieben hast. Deswegen gibt es ja Moderatoren :)

Ich habe mal ein wenig herumprobiert, und folgendes herausgefunden: Wenn mein Browser (Mozilla 1.8b2) eine solche Seite mit dem Standardkonformen Modus darstellt (wozu er meine Demo-Seite befunden hat), scrollt die Navi nicht mit. Wenn ich ihn aber in den Quirks-Modus zwinge (Dokumenttyp-Definition entferne), dann scrollt das Men&#252; ordentlich mit.

Ich werde mal ein wenig am Code basteln, vielleicht bekomme ich das ja noch hin :)

Rottimom
07.10.2005, 18:52
Au fein , vielen lieben Dank . :)

StGaensler
07.10.2005, 19:17
Ich musste eine Zeile &#228;ndern, und nun scrollt es mit:
if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden; position:absolute; left:0px; top:'+YOffset+'px; z-index:20; width:1px; " onmouseover="moveOut()" onmouseout="moveBack()">')}
Die Zeile soltest du eigentlich im obigen Script wiedererkennen - ich habe nur ab "style=" ge&#228;ndert. (Es ist die Zeile nach "function startMenu(menuHeader, barText) { ")
Mozilla zeigt mir beim Aufrufen der Seite immer noch einen Fehler an, den habe ich leider nicht gefunden: Das Men&#252; ist beim Aufruf der Seite ausgeklappt, und klappt erst ein, wenn man einmal einen Link ber&#252;hrt hat. Wende dich da vielleicht mal doch an den Autor des Scriptes.

Viele Gr&#252;&#223;e,
Stefan

Rottimom
07.10.2005, 19:29
Erst mal vielen herzlichen Dank für deine Mühe .:)

SchwarzeGenetik
23.12.2007, 15:48
hi!

also ich versuch schon paar stunden das menü auf der Version 3.6.8 zum scrollen zubringen, aber es klappt einfach nich.

wollte auch nen kontexmemü via javascript einbauen, aber auch das erscheint nicht wenn man weiter runter scrollt.

ich schätze mal das liegt an den ganzen div-bereichen, oder?

Gruß SG