+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Menü probleme (/thread-15499.html)
Seiten: Seiten:
1
2
Menü probleme - da3d - 15.01.2010
<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 ');
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 ');
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> <\/p>');
}
//-->
</script>
Möchte gerne das das ohne cheack Box ist es soll einfach nur mitscrollen!
RE: Menü CSS Probleme - querschlaeger - 15.01.2010
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/positionierung.htm
RE: Menü probleme - da3d - 15.01.2010
nein dort ist eine cheack box die sollte nicht angezeigt werden ich weis leider nicht wie ich diese entfernen soll
RE: Menü probleme - querschlaeger - 15.01.2010
Entferne einfach diesen JS-Code:
Code:
<script type="text/javascript">
<!--
if(window.top.name=='false') {
with(document) {
write('<form>');
write('Menü scrollt mit ');
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 ');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;" ');
write('checked>');
write('<\/form>');
}
}
//-->
</script>RE: Menü probleme - da3d - 15.01.2010
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
RE: Menü probleme - querschlaeger - 15.01.2010
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;"> </p>Einfach alles gegen diesen Code ersetzen.
RE: Menü probleme - da3d - 15.01.2010
Menü geht aber nun ist ne fehlermeldung ;D der code soll aber ohne fehler gehen;D
RE: Menü probleme - querschlaeger - 15.01.2010
Dann wäre jetzt ein Link zu der Seite sehr hilfreich.
RE: Menü probleme - da3d - 15.01.2010
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
RE: Menü probleme - querschlaeger - 15.01.2010
(15.01.2010, 22: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