top eines div mit ID ändern
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bessere methoden
check
code
grund
helfen
http
internet
kleinen ausschnitt
methode
null
position
problem
setzen
sichtweite
spart
speichern
starten
-
Um das Menü immer in Sichtweite zu haben, benutze ich folgendes
Javascript:
...
var mover = null;
if (NS4) {
mover = \"document.menu_1.top = window.pageYOffset\";
} else if (MOZ) {
mover = \"self.document.getElementById(\'menu_1\').style.top = window.pageYOffset\";
} else {
mover = \"menu_1.style.pixelTop = document.body.scrollTop\";
}
function check() {
if (!printing) {
eval(mover);
setTimeout(\"check()\", 100);
}
}
...
Das läuft zwar mit HTML 4, aber nicht wenn ich XHTML benutze, also
die Seite so starten lasse:
<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
<!DOCTYPE html
PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">
Dann sagt der Firefox, dass top nicht deklariert sei.
Gibt es nun bessere Methoden, um top eines DIVs mit einer ID zu verändern?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
wie wärs mit CSS: position:fixed ?
Hat das einen Grund warum du das in \"mover\" speichern möchtest, es spart doch nichts oder? Hab noch gar nicht gewusst das dass mit eval geht...
Hast du dann im HTML-Code id=\"\" und name=\"\" angegeben?
Mit dem kleinen Ausschnitt aus dem ganzen ist schwierig zu helfen.... -
position: fixed funktioniert mit dem Firefox prima.
Würde alle Probleme lösen, aber leider funktioniert das mit
dem Internet Explorer nicht
Nun ja, das Menü sieht natürlich so aus:
<span id=\"menu_1\">menü... </span>
Und check wird natürlich so aufgerufen:
<body onload=\"check();\">
Also mich interessiert ja, ob es mittlerweile andere Methoden gibt,
\"top\" zu setzen. Und zwar so, dass ein und der selbe Code unter allen
neuen Browsern läuft. -
das mit dem top funktioniert schon, du musst im javascript nur noch ein .style vor das top hängen dann sollte es eigentlich gehen.
gruss joma -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage