createElement('img') and .width properties in percentages?

[Catherine Lynn Smith]

I want to use javascript to build page elements using onLoad but I
seem to be having trouble defining the width value of an IMG tag if I
create it with javascript.

If I build the element with HTML it works just fine with:

<img src="foo.gif" width="100%" height="100">

But if I try to create it within the javascript, it will not work.

imgObj = createElement('img');
imgObj.width = "100%";

Is there a way to do this?

KL

 

[Martin Honnen]

I want to use javascript to build page elements using onLoad but I
seem to be having trouble defining the width value of an IMG tag if I
create it with javascript.

If I build the element with HTML it works just fine with:

<img src="foo.gif" width="100%" height="100">

But if I try to create it within the javascript, it will not work.

imgObj = createElement('img');
imgObj.width = "100%";

Is there a way to do this?

Yes, with Netscape 6/7, Mozilla, and Opera 7 you can use

var img = document.createElement('img');
img.src = 'kiboInside.gif';
img.setAttribute('width', '100%');
img.setAttribute('height', '100%');
img.alt = 'Kibology';
document.body.appendChild(img);

however that way IE/Win will insert the img in its normal size. I guess
for IE you need to use insertAdjacentHTML instead of W3C DOM methods

 

[Lasse Reichstein Nielsen]

But if I try to create it within the javascript, it will not work.

imgObj = createElement('img');
imgObj.width = "100%";

Is there a way to do this?

Use styles
imgObj.style.width="100%";

/L