nicht angemeldet
seperate css-dateien mit javascript verändern
moinmoin,
ich habe in meiner html datei dieses bild:
<img class="test" src="test.gif" id="test" alt="test" />
die klasse ist aufgeteilt in 2 seperate css-dateien, eine, auf die mit javascript zugegriffen wird, und die andere soll einfach für die restlichen daten(hat eigentlich keinen sinn, nur zur übersicht):
.test {
position:absolute;
}
.test {
left:0px; /*veränderbar*/
top:0px; /*veränderbar*/
}
die darstellung ist einwandfrei, ich kann die position auch per hand verändern, aber wie geht das mit javascript ?
mein versuch mit( document.getElementById("test").style.left="50";) funktionierte nicht...
vielen dank
wilhelm
-
.test {
position:absolute;
}.test {
left:0px; /*veränderbar*/
top:0px; /*veränderbar*/
}mein versuch mit( document.getElementById("test").style.left="50";) funktionierte nicht...
="50px" meinteste sicher.
Kann auch nicht funktionieren, da du auf das Element mit der id "test" zugreifst; im StyleSheet aber position, left und top für die Klasse "test" definiert hast.
Muss im Stylesheet #test heißen.
Gunnar--
Die Menschen sollten endlich lernen, andere Kulturen objektiv zu betrachten, damit sie wissen, wann sie sich einmischen sollten und wann nicht.
(T'Pol in Enterprise: "Aufbruch ins Unbekannte")-
Nochmalüberleg...
Du hattest dem Bild ja neben der ID test auch die Klasse test verpasst. (Siehste, den Namen mehrmals zu verwenden stiftet nur Verwirrung.)
Und dann funktioniert es doch!<html>
<head>
<title>test</title>
<style type="text/css">
.test {position:absolute; left:0; top:0}
</style>
</head>
<body>
<img class="test" id="test" src="http://forum.de.selfhtml.org/src/xweb.gif" alt="">
<script type="text/javascript">
document.getElementById("test").style.left="200px";
</script>
</body>
</html>Haste vielleicht das Script an der falschen Stelle eingebaut?
Sorry für die erste falsche Antwort,
Gunnar--
Die Menschen sollten endlich lernen, andere Kulturen objektiv zu betrachten, damit sie wissen, wann sie sich einmischen sollten und wann nicht.
(T'Pol in Enterprise: "Aufbruch ins Unbekannte")-
danke für die schnell antwort, bekomms aber irgendwie nich hin...
ich hab den script im head mit
<script src="testbewegung.js" type="text/javascript"> </script> eingebaut...sollte man das nicht machen?-
ich hab den script im head mit
<script src="testbewegung.js" type="text/javascript"> </script> eingebaut...sollte man das nicht machen?Mit type="text/javascript" sollte man das schon machen. SCNR
Im head stehend wird das Script sofort ausgeführt, bevor das Bild überhaupt bekannt ist. Deshalb kann getElementById nicht daraufzugreifen. Das Script gehört in den body, und zwar hinter das img-Element. Daran lag's.
Gunnar
PS. Ist es wirklich sinnvoll, einer ganzen Klasse von Elementen left:0 und top:0 zuzuweisen? #test im Stylesheet erscheint mir logischer.
PPS. Man sollte seine fehlerhaften Postings canceln können. SCNR
--
Die Menschen sollten endlich lernen, andere Kulturen objektiv zu betrachten, damit sie wissen, wann sie sich einmischen sollten und wann nicht.
(T'Pol in Enterprise: "Aufbruch ins Unbekannte")-
funktioniert jetzt, danke :)
ps. nein, ist nicht sinnvoll, hab ich jetzt auch geändert...
schönen gru
wilhelm
-
-
-
-