button dynamisch verändern

[piet]

Hallo,

ich möchte einen Button dynamisch verändern.

document.write =('<input type="button" id="bezeichnung"
     style="position:absolute ;
     left:30;
     top: 40;
     height:hoehe;
     width:breite">');

dazu wird die Variable mit der "hoehe" und "breite" verändert.
Irgendwie ist aber die obere Programmzeile falsch. Wie muss Ich die Anführungszeichen setzen ?

Danke
                   piet

[Tom]

Hello,

ich möchte einen Button dynamisch verändern.

document.write =('<input type="button" id="bezeichnung"
     style="position:absolute ;
     left:30;
     top: 40;

height:'+hoehe+';
      width:'+breite+'">');

dazu wird die Variable mit der "hoehe" und "breite" verändert.
Irgendwie ist aber die obere Programmzeile falsch. Wie muss Ich die Anführungszeichen setzen ?

Ich würde mal raten, so. Aber ob die Zeilenumbrüche im Write-String erlaubt sind, weiß ich nicht. Das erscheint mir fehlerträchtig.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Vinzenz]

Hallo,

ich möchte einen Button dynamisch verändern.

document.write =('<input type="button" id="bezeichnung"
     style="position:absolute ;
     left:30;
     top: 40;
      height:'+hoehe+';
      width:'+breite+'">');

Bei CSS-Angaben bitte eine Einheit angeben, z.B. px

left: 30px;
    top: 40px;
...

dazu wird die Variable mit der "hoehe" und "breite" verändert.
Irgendwie ist aber die obere Programmzeile falsch. Wie muss Ich die Anführungszeichen setzen ?

Ich würde mal raten, so. Aber ob die Zeilenumbrüche im Write-String erlaubt sind, weiß ich nicht. Das erscheint mir fehlerträchtig.

Ansonsten sieht das gut aus.

Freundliche Grüsse,

Vinzenz

[KD-one]

Hi piet,

document.write =('<input type="button" id="bezeichnung"
     style="position:absolute ;
     left:30;
     top: 40;
     height:hoehe;
     width:breite">');

dazu wird die Variable mit der "hoehe" und "breite" verändert.
Irgendwie ist aber die obere Programmzeile falsch. Wie muss Ich die Anführungszeichen setzen ?

Unter anderem sind Zeilenumbrüche so nicht zulässig. Du musst die folgenden Zeilen verknüpfen.
Das "=" nach document.write ist sinnlos/falsch.
Die Anführungszeichen haben unterschiedliche Bedeutung.

document.write("<input type='button' id='bezeichnung'"+
"style='position:absolute;'"+
" usw...
Du kannst auch normale Anführungszeichen innerhalb der Scriptzeilen verwenden, allerdings musst du diese dann mit Hilfe eines Backslashes maskieren, da ansonst das Script abbrechen würde.
Ich habe grad noch nach einer Beschreibung gesucht, warum du  die Inhalte innerhalb von doppelten Anführungszeichen setzen musst anstatt innerhalb von einfachen, habe diese aber leider im Moment nicht gefunden.
Aus dem Stegreif kann ich es dir leider auch nicht schlüssig erklären, ich weiss nur, daß es so ist. ;-)

Gruß

Kurt

[H2O]

Hallo.

document.write =('<input type="button" id="bezeichnung"

document.write("<input type="button" id="bezeichnung" value="Klicken Sie drauf" style="position:absolute; left:30px; top:40px; height:" + hoehe + "px; width:" + breite + "px;">");

Das Ding funktioniert, wenn du noch hoehe und breite angibst.

Ich hoffe ich konnte helfen, H2O

[KD-one]

Hi piet,

Was allerdings das

height:hoehe;
     width:breite">');

in der Styledefinition zu suchen hat, erschliesst sich mir nicht.
Falls du hier versuchts, per JS veränderte Werte einzufügen, so ist dein Ansatz hier falsch.

Gruß

Kurt

[Struppi]

ich möchte einen Button dynamisch verändern.

mit dem Konstrukt, erzeugst du dynamisch einen Button, veränderst aber keinen.

document.write =('<input type="button" id="bezeichnung"
     style="position:absolute ;
     left:30;
     top: 40;
     height:hoehe;
     width:breite">');

document.write('<input type="button" id="bezeichnung" style="position:absolute;left:30px;top:40px;height:' + hoehe + 'px;width:' + breite + 'px;">');

Mehrzeilige Strings sind in JS nicht möglich. Um das optisch gefälliger zu gestalten kannst du aber einen String über mehrere Zeilen zusammensetzten:

document.write('<input type="button"'

• ' id="bezeichnung"'
• ' style="'
• 'position:absolute;'
• 'left:30px;'
• 'top:40px;'
• 'height:' + hoehe + 'px;'
• 'width:' + breite + 'px;'
• '">');

Struppi.