Javascript .style.left top geht nicht unter IE

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo, ich bin am verzweifeln, vielleicht könnt ihr mir helfen.
Ich will ein Bild onmouseover einblendet und die Positionierung klappt in IE nicht.

ich habe ein td:
bild

blabla

mein css-Eintrag:
#bild2 {
position:absolute;
display:none;
}

meine javascript function:

function func(modus) {
if (modus==„on“){ document.getElementById(„bild2“).style.top = 100;
document.getElementById(„bild2“).style.left =200;
document.getElementById(„bild2“).style.display = „block“;

}else{

document.getElementById(„bild2“).style.display = „none“;
}
}

#2

Hallo

ebenso… =)

ich bin am verzweifeln, vielleicht könnt ihr mir
helfen.

immer ruhig, wir versuchen es…

[…] und die Positionierung klappt in IE nicht.

das ist ja ganz was neues ^^

bild

In beiden Fällen soll es gezeigt werden? Komisch, aber
für das Testen sinnvoll…

Doch zunächst habe ich eine ganz grundlegende Frage:
Was macht er denn? Funktioniert alles andere und nur
style.top und style.left ignoriert er oder ignoriert er
die ganze Funktion?

Denn auf Anhieb sehe ich jetzt keinen Fehler…
Und was machen FF/Chrome/Opera/… ? (teste vielleicht
mal hier: http://browsershots.org/ )

Gruß
ghostdog21

#3

Hallo,

Tut mir leid, da kann ich leider nicht direkt weiterhelfen.

Ich habe ein ähnliches Problem einmal gelöst, indem ich ein vorgefertigtes JavaScript-Framework Namens FancyBox (http://fancybox.net/) verwendet habe.
Dieses ist allerings eher nicht für Anwendung bei Mouseover, sondern allgemein zum Anzeigen der größeren Version eines Bildes z.B. in einer Bildergalerie gedacht (und auch erst nach einem Klick).

Grundsätzlich sollte die Verwendung von position:absolute und dann top und left so funktionieren und müsste eigentlich auch in Microsoft-Browser funktionieren. Bist du sicher, dass du diesen Code getestet hast, mit den festen Koordinaten.
Falls du nämlich das Bild mausabhängig mit „window.event.y“ o.ä. positionierst, dann muss man es meist für IE und richtige Browser einzeln Programmieren. (siehe auch http://www.tutorials.de/forum/javascript-ajax/251147…)

Hier sind auch noch 2 andere Alternativen beschrieben (das tooltip framework, lightbox):
http://www.juergens-workshops.de/board/showthread.ph…

Ich hoffe das hilft dir irgendwie; ich kann mir dein Problem im Moment nicht wirklich erklären (verwende aber auch nie IE).

Du findest sicher noch weitere Hinweise via:
http://www.google.de/search?q=bild+anzeigen+bei+mous…

Grüße

#4

Hi a26,

das Style-Element top erwartet eine numerische Angabe.
Was genau diese Angaben sind, kannst du hier nachlesen:

http://de.selfhtml.org/css/formate/wertzuweisung.htm#nu
merische

Im Klartext heißt das, dass der Browser grundsätzlich
einen Wert (String) wie „100px“ erwartet anstatt von
einer Zahl wie 100.

Soweit die Theorie, haha. Wenn das nicht klappen
sollte, stell die Frage noch einmal und wer-weiss-was
wird mir wieder eine Email senden.

Grüße aus Amerika!

#5

Ich will ein Bild onmouseover einblendet und die
Positionierung klappt in IE nicht.

Welche Version von IE ist das? In meinem IE 8 funktioniert es nämlich.

bild

Hier sollte das zweite ‚on‘ vermutlich ein ‚off‘ sein, oder?

#6

Hallo, das problem ist schon gelöst. alles wurde eingeblendet, ich hab nur nicht aufgepasst bei overflow:hidden deshalb konnte ich nix sehen:wink:
danke für die Rückmeldung

#7

Versuch´s doch mal mit:
document.getElementById(„bild2“).top = 100;
document.getElementById(„bild2“).left = 200;

also ohne „style“

#8

Hi,

document.getElementById(„bild2“).style.top =
100;
document.getElementById(„bild2“).style.left =200;

hier musst Du auf jeden Fall Einheiten angeben, wie im CSS auch, also …style.left
= „200px“; oder so.

Sorry, dass es gedauert hat!

Gruß
Diedrich

#9

Ich habe das selbe Problem. Jedoch hilft bei mir auch das angeben der Einheit nichts. Hier:
http://www.computerbase.de/forum/showthread.php?t=97…