✔ Button mit JS erzeugen?

[dotti]

Hallo Leute,

ich habe mit folgenden CODE einen Button per JS erzegt.

			GitternetzButtonDIV = document.createElement("div");
			GitternetzButtonDIV.id = "GitternetzButton";
			GitternetzButtonDIV.style.left = 100;

			GitternetzButtonInput = document.createElement("input");
			GitternetzButtonInput.type = "button";
			GitternetzButtonInput.value = "AUS";
			GitternetzButtonInput.onclick='alert("test")';
			
			GitternetzButtonDIV.appendChild(GitternetzButtonInput);

			document.appendChild(GitternetzButtonDIV);

Das Problem ist der Button klebt immer links Oben im eck und läst sich nicht verschiebn mit hilfe des left Parameters.

Wieso nicht?
Ich bin schon am verzweifeln....


mfg


Klaus D.

 

[Quaese]

Hi,

hast du schon versucht, dem Wert mit einer Einheit auszuzeichnen?

GitternetzButtonDIV.style.left = 100 + "px";

Ciao
Quaese

 

[dotti]

Hallo Quaese,

Ja hab ich.

Und wenn ich die Eigenschaft mit

alert(GitternetzButtonDIV.style.left)

abfrage steht da dann auch

100px

drin.

Bin echt am verzweifeln.
Ich nutze den IE7.


mfg


Klaus D.

 

[hasta_jesaja]

uhm... also entweder

GitternetzButtonDIV.style.position = "absolute";

sonst bringt das left natürlich nichts, oder einfach per margin

GitternetzButtonDIV.style.marginLeft = "100px";

 

[dotti]

Hallo hasta_jesaja,

GitternetzButtonDIV.style.position = "absolute";

Wenn ich das mache verschindet der Button total ?

GitternetzButtonDIV.style.marginLeft = "100px";

Und bei dieser Angabe wird die komplette Seite um 100px eingerückt und der Hintergrund ist dann bei den ersten 100px weiß statt blau?


mfg


Klaus D.

 

[FipsTheThief]

Naja ich würde ja den Button in den Body Tag reinbasteln und nicht einfach so ins Document.
Weiss nicht ob der Button dann noch hinter dem html Tag liegt , weil das document ist ja alles.

Zusammen fassend mit den anderen Vorschlägen

GitternetzButtonDIV = document.createElement("div");
GitternetzButtonDIV.id = "GitternetzButton";
GitternetzButtonDIV.style.position = 'absolute';
GitternetzButtonDIV.style.left = 100+'px';

GitternetzButtonInput = document.createElement("input");
GitternetzButtonInput.type = "button";
GitternetzButtonInput.value = "AUS";
GitternetzButtonInput.onclick='alert("test")';
            
GitternetzButtonDIV.appendChild(GitternetzButtonInput);
document.getElementsByTagName('BODY')[0].appendChild(GitternetzButtonDIV);

 

[dotti]

Hallo FipsTheThief,

uhu das wars. Mit dem einhängen im Body hats geklappt


Jetzt hab ich aber noch ein anderes Problem.
Wenn ich auf den Button Klick wird das

alert("test");

nicht ausgeführt!

An was kann denn des liegen?


mfg


Klaus D.

 

[Quaese]

Hi,

weis den alert einer anonymen Funktion zu:

GitternetzButtonInput.onclick = function(){alert("test");}

Ciao
Quaese

 

[dotti]

Hallo Quaese,

das wars jetzt funktioniert alles.
Danke euch allen für eure Hilfe!

mfg


Klaus D.