Cannot Insert Preloaded Background Image into TR, TD in IE

[vunet.us]

why am i unable to insert image background into a tr or td element in
IE using preloaded image object, like this:

var img = new Image();
img.src = 'blah.gif';
document.getElementById('someId').style.backgroundImage =
"url('"+img.src+"')";

<table><tr id='someId'><td>content</td></tr></table>

 

[Evertjan.]

wrote on 08 mei 2007 in comp.lang.javascript:

why am i unable to insert image background into a tr or td element in
IE using preloaded image object, like this:

var img = new Image();
img.src = 'blah.gif';
document.getElementById('someId').style.backgroundImage =
"url('"+img.src+"')";

<table><tr id='someId'><td>content</td></tr></table>

Works fine over here in IE7.
The id-ed element must be ready, of course.

<table><tr id='someId'>
<td>content<br><br><br><br><br><br><br><br>
</td></tr></table>

<script type='text/javascript'>
var img = new Image();
img.src = 'blah.gif';
document.getElementById('someId').style.backgroundImage =
"url('"+img.src+"')";
</script>

 

[ASM]

(e-mail address removed) a écrit :

why am i unable to insert image background into a tr or td element in
IE using preloaded image object, like this:

var img = new Image();
img.src = 'blah.gif';

is the document completly loaded when you do the following ?

document.getElementById('someId').style.backgroundImage =
"url('"+img.src+"')";

onload = function() {
var d = document.getElementById('someId').style
d.backgroundImage = 'url('+img.src+')';
}

works with my FF, IE(mac), Safari and some others

 

[vunet.us]

wrote on 08 mei 2007 in comp.lang.javascript:




Works fine over here in IE7.
The id-ed element must be ready, of course.

<table><tr id='someId'>
<td>content<br><br><br><br><br><br><br><br>
</td></tr></table>

<script type='text/javascript'>
var img = new Image();
img.src = 'blah.gif';
document.getElementById('someId').style.backgroundImage =
"url('"+img.src+"')";
</script>

thank you for inspiration! i just did something wrong...