nicht angemeldet
Move-funktion
0 
Gunnar Bittersmann
0
0 0
Move-funktion
Grüezi Grüezi
Kleine Frage. Eure Meinung verbesserungsvorschläge:
<html>
<head>
<title> Eingabe </title>
<SCRIPT language="javascript">
function show(was) {document.getElementById("Ebene").style.visibility = was;}
function init() {ebene=Ebene.style;}
function move(x,y) {ebene.top=x; ebene.left=y;}
</SCRIPT>
</head>
<BODY onLoad="init()">
<A HREF="Javascript:show('visible')"> <img src="button.gif" alt=""/> </A> <br> <br> <br>
<A HREF="Javascript:move(50,60)"> links </A> <br> <br>
<DIV ID="Ebene" style="position:relative; width:560; height:800; visibility:hidden;">
test
</DIV>
</body>
</html>
danke.....
-
Hello out there!
Kleine Frage. Eure Meinung verbesserungsvorschläge:
<SCRIPT language="javascript">
Das ist zu verbessern. <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=JavaScript-Bereiche in HTML definieren>
function init() {ebene=Ebene.style;}
Globale Variablen sind sicher nicht die hohe Schule der Programmierkunst.
<A HREF="Javascript:show('visible')"> <img src="button.gif" alt=""/> </A>
Vermeide das 'javascript'-Pseudoprotokoll. Du möchtest einen Button? Dann verwende auch einen; kein 'a'-Element. 'onclick' ist dein Freund.
Auch wenn HTML nicht case-sensitiv ist, solltest du dir angewöhnen, Element- und Attributnamen immer gleich zu schreiben; in Hinblick auf XHTML am besten alles klein.
<br> <br> <br>
Mehr als ein 'br' ist mit nahezu 100%iger Sicherheit schlechtes Markup. Abstände gibst du mit CSS an.
<A HREF="Javascript:move(50,60)"> links </A> <br> <br>
▲
Hier strapazierst du wohl die Fehlerkorrektur der Browser. Aber siehe oben.Und was war jetzt eigentlich deine Frage?
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)-
Meine Frage ist, wie das Script Richtig aussehen sollte. Also, ich will einfach ein Element inerhalb des Bodys Verschieben.
Danke für KONSTRUKTIVE Antworten.
-
Lieber peter,
Meine Frage ist, wie das Script Richtig aussehen sollte. Also, ich will einfach ein Element inerhalb des Bodys Verschieben.
Danke für KONSTRUKTIVE Antworten.
konstruktiv? Dann sei das nächste Mal so sorgfältig und gestalte Deine Frage/Deinen Post so, dass andere den Eindruck bekommen, dass Dir konstruktive Antworten auch am Herzen liegen! So "hingerotzt" Dein Post auch auf mich wirkt, so sehr reizt er, ebenso eine hingerotzte Antwort zu verfassen.
Also jetzt eine "Konstruktive Antwort":
<html> <head> <title>Dynamic Layer</title> <script type="text/javascript">DynLayer = new Object(); DynLayer.init = function () { DynLayer.ebene = document.getElementById("Ebene"); DynLayer.ebene.style.position = "relative"; DynLayer.ebene.style.width = "560px"; DynLayer.ebene.style.height = "800px"; } DynLayer.show = function () { DynLayer.ebene.style.display = "block"; } DynLayer.hide = function () { DynLayer.ebene.style.display = "none"; } DynLayer.move = function (dx, dy) { DynLayer.ebene.style.top = dy + "px"; DynLayer.ebene.style.left = dx + "px"; } DynLayer.oldWinOnLoad = window.onload; window.onload = function () { if (typeof(DynLayer.oldWinOnLoad) == "function") DynLayer.oldWinOnLoad(); DynLayer.init(); }</script> </head> <body> <h1>Dynamic Layer Test</h1> <ul> <li><input type="button" value="show" onclick="DynLayer.show()" /></li> <li><input type="button" value="show" onclick="DynLayer.hide()" /></li> <li><input type="button" value="show" onclick="DynLayer.move(50, 80)" /></li> </ul> <div id="Ebene">Test-Ebene</div> </body> </html>Hoffe, dass das so passt.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Vielen Vielen Dank Herr Riesterer.
Ich werde mich in Zukunft bemühen, meine Beiträge etwas konkreter und konstrutkiver zu gestalten.
Schöner Tag
-
-
-
-
Hi,
Kleine Frage.
hier ist ein "l" zu viel, denn ich sehe keine Frage.
Eure Meinung verbesserungsvorschläge:
Neben dem von Gunnar Gesagten: Dein Code ist invalide, und zwar sowohl HTML als auch CSS. Dies wird in Deinem JavaScript-Code fortgeführt.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Die Init Funktion im Onload ist irgendwie total unnötig finde ich...
der move Funktion könntest du auch die ID mitgeben, um die globale Variable zu vermeiden...
im CSS heißt es: width:500px; height:800px;
Die anderen Fehler wurden schon genannt.
Gruß!
Grüezi Grüezi
Kleine Frage. Eure Meinung verbesserungsvorschläge:
<html>
<head>
<title> Eingabe </title><SCRIPT language="javascript">
function show(was) {document.getElementById("Ebene").style.visibility = was;}function init() {ebene=Ebene.style;}
function move(x,y) {ebene.top=x; ebene.left=y;}
</SCRIPT>
</head><BODY onLoad="init()">
<A HREF="Javascript:show('visible')"> <img src="button.gif" alt=""/> </A> <br> <br> <br>
<A HREF="Javascript:move(50,60)"> links </A> <br> <br><DIV ID="Ebene" style="position:relative; width:560; height:800; visibility:hidden;">
test
</DIV>
</body></html>
danke.....