Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Картинка в таблице (https://javascript.ru/forum/dom-window/30098-kartinka-v-tablice.html)

веснушка 24.07.2012 08:54

Картинка в таблице
 
Доброго времени суток всем!
подскажите, пожалуйста, как вставить в динамически созданную таблицу картинку?
просто текст вроде бы понятно, а как быть с картинкой?

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);
	                
                }


В средней ячейке средней строки должны быть картинка, но ее там нет. что я делаю не так?

bes 24.07.2012 12:00

картинку создали, но не вставили (appendChild())

Dim@ 24.07.2012 12:06

веснушка,
скажите на милость зачем вам отключать правую кнопку мыши (пользователей это бесит)?

веснушка 24.07.2012 12:12

точно, такое забыла!!
спасибо, теперь-то работает)

веснушка 24.07.2012 12:13

мне нужно отключить конкретно для этой картинки меню браузера по правой кнопке мыши. а вы можете предложить другой способ?

bes 24.07.2012 12:17

Тогда для картинки и прописывайте oncontextmenu, а не для всего документа

Deff 24.07.2012 12:25

веснушка,
Проще считать размеры картинки и переставить её на бекграунд img - а на верхнюю часть поставить однопиксельную прозрачку с теми жа размерами


Часовой пояс GMT +3, время: 08:02.