[javascript] Img width undefined

[vitrix]

function img(text) {
var img=prompt("Type de url in. [b.v. http://www.voorbeeld.nl/voorbeeld.jpg]", "http://");
if(img != null && img != ""){
if (img.width < '500') {
document.form1.bericht1.value += img.width + " is kleinder dan 500";
document.form1.bericht1.focus();
} else {
document.form1.bericht1.value += img.width + " is groter dan 500";
document.form1.bericht1.focus();
}
}
}

Nu display hij undefined groter dan 500.

Het is voor een tekst toe tevoegen aan een pagina.
Ze drukken op een knop en dan typen ze de url in.
maar om de layout goed te houden mogen de plaatjes natuurlijk niet te groot worden.
Het plaatje staat dus al online.

[CodeCaster]

Je varabele 'img' is nu een string. Die heeft geen attribuut 'width'.

[user109731]

Je voert een url in, maar dat is dus nog geen image. Wat je invoert is gewoon een string, en die heeft geen width...

Daarom zul je om te beginnen iets als dit moeten doen:

JavaScript:

var url=prompt("blabla", "http://");
var img = document.createElement('img');
img.src = url;

[NMe]

Elementen geef je niet op deze manier met hun url door, daar heb je tools als die hierboven beschreven voor. Dat is verder echt wel te vinden online. Verder wil ik je graag wijzen op Waar hoort mijn topic? en Hoe post je code? / Hoe gebruik je de code tag? Javascript hoort niet hier maar in Webdesign, Markup & Clientside Scripting, maar omdat ze daar ook graag wat meer niveau zien in een topic verplaats ik dit topic niet.

[ Voor 3% gewijzigd door NMe op 20-10-2006 13:00 ]