Der folgende Beitrag wurde am 15. 03. 2007, 16:08 Uhr von surrender veröffentlicht.
Hallo erstmal
ich würde gerne wissen wie ich ein Bild verschieben kann also z.B. durch einen Buttonclick..
Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..
Kann mir jemand helfen??
Der folgende Beitrag wurde am 15. 03. 2007, 16:12 Uhr von wahsaga veröffentlicht.
hi,
> ich würde gerne wissen wie ich ein Bild verschieben kann also z.B. durch einen Buttonclick..
>
> Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..
Positionieren kannst du Elemente über diverse CSS-Eigenschaften (position, margin, etc.)
Und dynamisch verändern kannst du diese per Javascript über das style-Objekt.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 15. 03. 2007, 16:22 Uhr von surrender veröffentlicht.
<script type="text/javascript">
function los() {
i = 0;
getElementByTagName("img")[0].style.left = i;
i++;
}
</script>
meintest du das ungefaähr so??
Der folgende Beitrag wurde am 15. 03. 2007, 16:37 Uhr von wahsaga veröffentlicht.
hi,
> <script type="text/javascript">
> function los() {
> i = 0;
> getElementByTagName("img")[0].style.left = i;
> i++;
> }
> </script>
> meintest du das ungefaähr so??
Höchstens "ungefähr".
Für Werte ungleich 0 wäre natürlich die Angabe einer Einheit erforderlich.
Gut, bei dir bleibt i immer 0, weil du es ja zu Beginn der Funktion auf diesen Wert setzt.
Und ausserdem muss die restliche Formatierung des Elements natürlich auch entsprechend aussehen, damit eine left-Angabe überhaupt Wirkung zeigen kann.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 15. 03. 2007, 16:41 Uhr von surrender veröffentlicht.
> Gut, bei dir bleibt i immer 0, weil du es ja zu Beginn der Funktion auf diesen Wert setzt.
Mist hätte ich selber drauf kommen sollen....
> Und ausserdem muss die restliche Formatierung des Elements natürlich auch entsprechend aussehen, damit eine left-Angabe überhaupt Wirkung zeigen kann.
Ja ich hab ja den Quelltext mal reingestellt
Der folgende Beitrag wurde am 15. 03. 2007, 16:22 Uhr von surrender veröffentlicht.
meinstest du das ungefähr so??(css rausgelassen)
<script type="text/javascript">
function los() {
i = 0;
getElementByTagName("img")[0].style.left = i;
i++;
}
</script>
Mfg
Der folgende Beitrag wurde am 15. 03. 2007, 16:19 Uhr von Christoph Schnauß veröffentlicht.
hallo,
> Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..
Du meinst vermutlich moveBy(). Für die Beispieldartstellung in SELFHTML wurden Fenster als Verschiebeobjekte gewählt, und du kannst dein Bild natürlich in ein solches Fenster laden.
Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?
Grüße aus Berlin
Christoph S.
--
Visitenkarte
ss:| zu:) ls:& fo:) va:) sh:| rl:|
Der folgende Beitrag wurde am 15. 03. 2007, 16:21 Uhr von surrender veröffentlicht.
> Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?
Meine Fehlerkonsole meinte Move.By wäre keine Function oder so..
ka was das heissen soll^^
Der folgende Beitrag wurde am 15. 03. 2007, 16:26 Uhr von Christoph Schnauß veröffentlicht.
hallo,
> Meine Fehlerkonsole meinte Move.By wäre keine Function
Das geschieht zu recht. Du mußt es halt richtig schreiben. Wie es richtig geschrieben wird, habe ich dir gezeigt.
Grüße aus Berlin
Christoph S.
--
Visitenkarte
ss:| zu:) ls:& fo:) va:) sh:| rl:|
Der folgende Beitrag wurde am 15. 03. 2007, 16:28 Uhr von surrender veröffentlicht.
> Das geschieht zu recht. Du mußt es halt richtig schreiben. Wie es richtig geschrieben wird, habe ich dir gezeigt.
Das war jetzt nur Flüchtigkeit im Quelltext ist es richtig geschrieben!
Der folgende Beitrag wurde am 15. 03. 2007, 16:35 Uhr von wahsaga veröffentlicht.
hi,
> Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?
Was sollte denn deiner Meinung nach dabei herauskommen?
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 15. 03. 2007, 16:36 Uhr von surrender veröffentlicht.
<script type="text/javascript">
function test() {
i = 0;
getElementByTagName("img")[0].style.left = i;
i++;
}
</script>
</head>
<body bgcolor="black">
<div style="position:absolute;"><img src="url"width="150" ght="100"></div>
<form name="Formular">
<input type="button" value="los" onclick="test()">
</form>
</body>
was hab ich denn falsch gemacht??
wieso ist getElementByTagName undefined??
Der folgende Beitrag wurde am 15. 03. 2007, 16:39 Uhr von wahsaga veröffentlicht.
hi,
> was hab ich denn falsch gemacht??
Du drängelst - schliesslich hast du weiter unten im Thread schon mit fast identischem Code gefragt.
> wieso ist getElementByTagName undefined??
Weil es getElementsByTagName heisst.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 15. 03. 2007, 16:43 Uhr von surrender veröffentlicht.
> Weil es getElementsByTagName heisst.
Hab ich, aber da ändert sich nix... Der ist immernoch undefined
Der folgende Beitrag wurde am 15. 03. 2007, 17:03 Uhr von JürgenB veröffentlicht.
Hallo surrender,
Du gehörst wohl auch zu denen, die sich durch stundenlanges Herumprobieren minutenlanges Handbuchlesen ersparen.
Die getElement...-Methoden sind Methoden des Objektes document, also document.getElement...
Es macht keinen Sinn, das Bild, das Du bewegen willst, "normal" positioniert zu lassen, das umgebende DIV aber absolut. Das Element, dass Du bewegen möchtest, muss absolut positioniert sein.
Gruß, Jürgen
Der folgende Beitrag wurde am 15. 03. 2007, 17:10 Uhr von surrender veröffentlicht.
Ich hab das jetzt so geschrieben.
Jetzt sagt die Feheler-Konsole nicht mehr aber es funktioniert immernoch
nicht:
<head>
<script type="text/javascript">
function test() {
document.getElementsByTagName("img")[0].style.left = 200 ;
}
</script>
</head>
<body bgcolor="black">
<div style="position:absolute;"><img src="url"width="150" height="100"></div>
<form name="Formular">
<input type="button" value="los" onclick="test()">
</form>
</body>
Der folgende Beitrag wurde am 15. 03. 2007, 17:15 Uhr von JürgenB veröffentlicht.
Hallo surrender,
> document.getElementsByTagName("img")[0].style.left = 200 ;
wie oft muss man Dir noch schreiben, dass hier eine Einheit hinter muss?
> <div style="position:absolute;"><img src="url"width="150" height="100"></div>
Und was habe ich über die Positionierung geschrieben?
Gruß, Jürgen
Der folgende Beitrag wurde am 15. 03. 2007, 17:19 Uhr von surrender veröffentlicht.
was denn für ne Einheit??
Der folgende Beitrag wurde am 15. 03. 2007, 17:22 Uhr von Jens Holzkämper veröffentlicht.
Tach,
> was denn für ne Einheit??
Kartoffelpufferbreiten, falls du die Verschiebung in Kartoffelpufferbreiten messen willst ansonsten bieten sich, die in CSS bekannten Einheiten an.
mfg
Woodfighter
Der folgende Beitrag wurde am 15. 03. 2007, 17:24 Uhr von surrender veröffentlicht.
okay war ne doofe frage..
sorry
Der folgende Beitrag wurde am 15. 03. 2007, 17:25 Uhr von surrender veröffentlicht.
sorry war ne doofe frage...
Der folgende Beitrag wurde am 15. 03. 2007, 18:02 Uhr von wucher wichtel veröffentlicht.
Hallo!
> sorry war ne doofe frage...
Du musst nicht alles zweimal sagen. Wird dadurch nicht besser. Ein Posting reicht wirklich zum gleichen Thema.
ciao, ww
--
sh:( fo:| ch:~ rl:( br:> n4:~ ie:% mo:) va:) de:] zu:) fl:( ss:| ls:~ js:)
Der folgende Beitrag wurde am 15. 03. 2007, 17:33 Uhr von JürgenB veröffentlicht.
Hallo surrender,
ich gebe auf. Ich glaube, man oder zumindestens ich kann Dir nicht helfen.
Gruß, Jürgen
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
