HTML/Bild

[Masau]

hey Leute,

kenne mich zwar etwas mit html und css es aber habe Probleme mit grafiken und Bildern. folgendes Szenario:

ich möchte die größe (width, height) eintippen und dann wenn ich auf den button klicke erscheint das bild in der größe die ich angegeben habe.

< script type="...>
var bild = new Image();
bild.src = http://2.bp.blogspot.com/_YGs7eU5ZG-.../s400/zonk.gif;

function draw(width, height){

document.getElementById('drawbox'). wie geht's weiter?

}
< Body>
< Input type="number" value="0" Name="width" id="idwidth">
< Input type="number" value="0" Name="height" id="idheight">
< Input type="button" value="zeichnen" onclick="draw(idwith.value, idheight.value)";

< div id="drawbox">
< /div>

 

[threadi]

Dein HTML-Code ist total kaputt. Als erstes solltest Du das beheben (oder den kompletten Code den Du verwendest auch hier posten).

Was Du suchst ist die Anpassung der Style-Eigenschaften height und width. Beispiel:

document.getElementById('drawbox').style.width = parseInt(width) + "px";
document.getElementById('drawbox').style.height = parseInt(height) + "px";

Was ich nur nicht verstehe: was hat das Bild mit dem div mit der id drawbox zu tun?

Und bitte verwende Code-Tags wenn Du Quellcode im Forum zeigst.

Moderation: Verschoben von HTML zu JavaScript.