MyBB.de Forum

Normale Version: Menü probleme
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
<style type="text/css">
<!--
#menuhaupt {
background-color:#CCCCCC;
position:absolute;
top:80px;
left:60px;
width:180px;
border:1px solid #000000;
}
//-->
</style>
</head>
<body onload="init()">

<div id="menuhaupt">
<a href="htmlscroll.html">Link 1</a><br>
<a href="htmlscroll.html">Link 2</a><br>

<script type="text/javascript">
<!--
if(window.top.name=='false') {
with(document) {
write('<form>');
write('Menü scrollt mit&nbsp;');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;">');
write('<\/form>');
}
} else {
window.top.name='true';
with(document) {
write('<form>');
write('Menü scrollt mit&nbsp;');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;" ');
write('checked>');
write('<\/form>');
}
}
//-->
</script>

</div>

<script type="text/javascript">
<!--

/**************************************
Script von Joerg Ahrens
www.gueldenstern-webdesign.de
Fragen an:
info@gueldenstern-webdesign.de
**************************************/

var DHTML=(document.getElementById ||
document.all ||
document.layers);
var menuhaupt;
var Scroll=true;
var lastScrollY=0;
var percent;
var winpos=10;

function init() {
if(!DHTML) return;
menuhaupt = new nimmObj('menuhaupt');
Scroll=(document.layers) ?
document.menuhaupt.document.forms[0].elements[0].checked :
document.forms[0].elements[0].checked;
LaufDuSau();
}

function LaufDuSau() {
if(window.top.name=='true') {
if(window.innerHeight) {
pos=window.pageYOffset;
} else if(document.documentElement &&
document.documentElement.scrollTop) {
pos=document.documentElement.scrollTop;
} else if(document.body) {
pos=document.body.scrollTop;
}

// Falls die Position auf der Seite
// immer die gleiche sein soll,
// einfach die naechsten drei Zeilen
// weglassen und ersetzen durch:
// pos += X # X = Abstand vom oberen Fensterrand

pos+=0;
if(pos<=70) pos=70; // urspruengliche Position
if(pos>70) pos+=10; // Abstand vom oberen Fensterrand
if(pos!=lastScrollY) {
percent=.03*(pos-lastScrollY);
if(percent>0) {
percent=Math.ceil(percent);
} else {
percent=Math.floor(percent);
}
winpos=winpos+percent;
menuhaupt.style.top=winpos;
lastScrollY=lastScrollY+percent;
}
}
temp=window.setTimeout('LaufDuSau()',1);
}

function nimmObj(name) {
if(document.getElementById) {
this.style=document.getElementById(name).style;
} else if(document.all) {
this.style=document.all[name].style;
} else if(document.layers) {
this.style=document.layers[name];
}
}
//-->
</script>



<!-- Das Folgende täuscht Inhalt vor -->

<script type="text/javascript">
<!--
for(i=1;i<=50;i++) {
document.write('<p>&nbsp;<\/p>');
}
//-->
</script>
Möchte gerne das das ohne cheack Box ist es soll einfach nur mitscrollen!
Hallo und willkommen auf MyBBoard.de!

Sorry, aber ich verstehe nicht ganz, was du möchtest. Soll ich den Codeblock jetzt erst lokal abspeichern und schauen was passiert?

Elemente (z.B. ein <div>-Container mit weiteren Inhalt) kannst du mit CSS positionieren und fixieren: http://de.selfhtml.org/css/eigenschaften...ierung.htm
nein dort ist eine cheack box die sollte nicht angezeigt werden ich weis leider nicht wie ich diese entfernen soll
Entferne einfach diesen JS-Code:

Code:
<script type="text/javascript">
<!--
if(window.top.name=='false') {
with(document) {
write('<form>');
write('Menü scrollt mit&nbsp;');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;">');
write('<\/form>');
}
} else {
window.top.name='true';
with(document) {
write('<form>');
write('Menü scrollt mit&nbsp;');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;" ');
write('checked>');
write('<\/form>');
}
}
//-->
</script>
nein dann geht die nicht mehr ich will das check dingen weg haben aber wie wenn ich weg mache scrollt das menü nicht mehr mit
Hm, schon mal auf der Seite des Autors geschaut?

Ansonsten halte ich das hier für kompatibler:

Code:
<style type="text/css">
<!--
#menuhaupt {
background-color:#CCCCCC;
position:fixed;
top:80px;
left:60px;
width:180px;
border:1px solid #000000;
}
//-->
</style>

<div id="menuhaupt">
<a href="htmlscroll.html">Link 1</a><br>
<a href="htmlscroll.html">Link 2</a><br>
</div>

<!-- Das Folgende täuscht Inhalt vor -->

<p style="margin:2000px; padding:1000px;">&nbsp;</p>

Einfach alles gegen diesen Code ersetzen. Smile
Menü geht aber nun ist ne fehlermeldung ;D der code soll aber ohne fehler gehen;D
Dann wäre jetzt ein Link zu der Seite sehr hilfreich.
http://www.gueldenstern-webdesign.de/refz.html

Sein menü das will ich so haben aber ich bekomm das nicht hin leider
http://www.gueldenstern-webdesign.de/html_scro.html
(15.01.2010, 21:39)handyphones schrieb: [ -> ]http://www.gueldenstern-webdesign.de/refz.html

Sein menü das will ich so haben aber ich bekomm das nicht hin leider

Ich meinte eher ein Link zu der (deiner) Seite mit den Fehlermeldungen.
Ansonsten schau dir mal diese Seite an und lies dich etwas in CSS ein: http://de.selfhtml.org/css/layouts/fixbereiche.htm
Seiten: 1 2