Доброго времени суток всем!
подскажите, пожалуйста, как вставить в динамически созданную таблицу картинку?
просто текст вроде бы понятно, а как быть с картинкой?
win.onmouseup = function() {
document.oncontextmenu = function (){return false};
img.parentNode.removeChild(box);
var table = document.createElement('table'), tr, td,
close = document.createElement('div');
img_map = document.createElement('img');
img_map.style.width='300px';
img_map.style.height='300px';
for(x = 0; x < 3; x++) {
tr = document.createElement('tr');
for(y = 0; y < 3; y++){
td = document.createElement('td');
if ((x == 2)&&(y == 2))
{
img_map.src = 'http://dreaminginpictures.files.wordpress.com/2010/06/nature_flowers_tulips_and_cakes_022579_.jpg';
}
else
{
td.innerHTML = '';
}
tr.appendChild(td);
}
table.appendChild(tr);
}
table.style.cssText = 'padding: 15px; position: absolute; background-color: #fff;'+
'left: ' + (typeof x =='undefined' ? '50%' : x + 'px' ) + '; '+
'top: ' + (typeof y =='undefined' ? '50%' : y + 'px' ) + ';' +
'border-radius: 10px; box-shadow: 2px 2px 4px #000;' +
'width:300px;height:300px';
close.style.cssText = 'position: absolute; top: 0; right: 0; margin: 2px 7px 0 0; font: 14px Tahoma; '+
'color: blue; cursor: pointer; font-weight: bold;';
close.innerHTML = 'x';
close.onclick = function() {
document.body.removeChild(table);
}
table.appendChild(close);
document.body.appendChild(table);
}
В средней ячейке средней строки должны быть картинка, но ее там нет. что я делаю не так?
