bewegliche Navileiste auf einer Seite

Nöh......
Außerdem dürfte der Fehler an einem nicht korrektem Quelltext der Seite liegen. Wenn Du uns einen Link spendierst, kann man ja mal schauen gehen. Wir haben hier nämlich einige gute Leute in Sachen Quelltext. :wink:

...... also in FF 1.0 PR (Standardeinstellungen!) funktioniert es.

[Blockierte Grafik: http://www.thomas-pake.de/pc/fuzzy.jpg]

B. Lindemann

Es scrollt aber nicht mit.

Zitat von bugcatcher

Es scrollt aber nicht mit.

Bei scrollts, funktioniert links/recht, hoch/runter .... oder meint Ihr, daß diese Leiste "mitwandern" soll, selbst wenn ich die Seite nach unten scrolle.

Mit "Es" meine ich sicherlich nicht die Seite. Wenn Du mal kurz IE gestestet hättest, wüsstest du wie es sein sollte. ; )

Ach so! :wink:

....... naja, der IE kann ja alles, interpetiert ja jedes Script nach eigenen Gutdünken, fasse ihn schon seit Wochen nicht mehr an.

hier mal der Quellcode von dem Script

<script language=javascript>
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
moving=setTimeout('null',1);
lastY = 0;
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)
}
}
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 + "px"; ;
} 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('<span class="tablea" layer visibility="hide" top="'+YOffset+'" name="ssm" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')
}
if (NS6){
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" span class="tablea"><tr><td>')
}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<br>"
}
document.write('<table cellpadding="0" cellspacing="2" width="'+(menuWidth+barWidth+2)+'" border="{$style['tableinborder']}" class="tableinborder"><tr><td class="tabletitle" width="'+(menuWidth-1)+'" height="6" align="center" valign="center"> <span class="smallfont"><b>'+menuHeader+'</b></span></td><td align="center" rowspan="100" width="'+barWidth+'" span class="tableb" valign="center"><p align="center"><span class="smallfont"><b>'+tempBar+'</b></span></p></td></tr>')
}
function addItem(text, link, target) {
if ( !target ) {
target = '_self';
} else {
target = '_blank';
}
document.write('<tr>');
document.write('<td span class="tablea" width="'+(menuWidth-1)+'">');
document.write('<ilayer><layer width="100%" align="center">');
document.write('<div align="center">');
document.write('<a href="'+link+'" class="ssmItems" target='+target+'>');
document.write('<span class="smallfont"> '+text+'</span></div></a>');
document.write('</layer></ilayer></td></tr>');
}
function addHdr(text) {
document.write('<tr><td span class="tabletitle" height="6" align="center" valign="center" width="'+(menuWidth-1)+'"> ');
document.write('<span class="smallfont"><b>'+text+'</b></span></td></tr>')
}
function endMenu() {
document.write('</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=20; // no quotes!!
staticYOffset=20; // no quotes!!
slideSpeed=20 // no quotes!!
barWidth=20; // no quotes!!
waitTime=5000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuWidth=120; // Must be a multiple of 10! no quotes!!
menuIsStatic="no";
linkTarget="_self";

startMenu("Boardlinks",".:: Fuzzyboard Special Menü ::.")
addItem("Portal", "portal.php");
addItem("Forum", "index.php");
addItem("Private Nachrichten", "pms.php");
addItem("Guthaben", "guthaben.php");
addItem("Mitglieder", "memberslist.php");
addItem("Team", "team.php");
addItem("Kalender", "calender.php");
addItem("Skat Forum", "http://skat-forum.de/portal.php");
addItem("Skat spielen", "http://meister-skat.de");
addItem("Registrieren", "register.php");
addItem("Gästebuch", "burningbook");
addItem("Board Chat", "http://handwerker-board.de/chat.php");
addHdr("Fuzzyboard Games");
addItem("Maedn Game", "maedn.php.php");
addItem("Arcade Games", "arcade_gold.php");
addItem("Kicktip", "kt_main.php");
addItem("Uno", "uno.php");
addItem("Monopoly", "monopoly.php");
addItem("Glücksrad", "g_rad.php");
addItem("Safeknacker", "safeknacker.php");
addItem("BlackJack", "17u4.php");
addItem("Lotto", "lottozahlen.php");
addItem("Adventure Maze", "maze.php");
addItem("Ultimate Battle", "rpg_index.php");
addItem("Formel1 Tipp", "f1tipp_1.php");
addItem("Scrabble", "wordc.php");
addItem("Kniffel", "kniffel_play.php");
endMenu()
</script>

was hälst du für den fux statt dem ganzen javascript-geraffel von css { POSITION: fixed; TOP: 100px;} ?
das script braucht nur der ie, weil er für "position: fixed" zu doof ist.