Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 12.09.2008, 00:34
Кандидат Javascript-наук
Отправить личное сообщение для magistr_bender Посмотреть профиль Найти все сообщения от magistr_bender
 
Регистрация: 07.09.2008
Сообщений: 133

при создании динамической таблицы почемуто неполучается указать свойства целспэйсин и целпаддинг
вот код
var vjtwindow;
function create_control() {
if (!vjtwindow) {
        vjtwindow=document.createElement("table");
        vjtwindow.setAttribute("cellpadding","0");
        vjtwindow.setAttribute("cellspacing","0");
        vjtwindow.setAttribute("id","vij-table");


    var newRow=vjtwindow.insertRow(0);
    var newCell = newRow.insertCell(0);
        newCell.setAttribute("align", "right");
        newCell.innerHTML="<img src=\"skins/standart/images/21.png\" border=\"0\"/>";

    var newCell = newRow.insertCell(1);
        newCell.setAttribute("id","vjt-table-top");
        newCell.innerHTML="";

    var newCell = newRow.insertCell(2);
        newCell.setAttribute("align","left");
        newCell.innerHTML="<img src=\"skins/standart/images/24.png\" border=\"0\"/>";

    var newRow=vjtwindow.insertRow(1);
    var newCell = newRow.insertCell(0);
        newCell.innerHTML="<img src=\"skins/standart/images/29.png\" border=\"0\"/>";

    var newCell = newRow.insertCell(1);
        newCell.setAttribute("id","vjt-table-bottom");
        newCell.innerHTML="";

    var newCell = newRow.insertCell(2);
        newCell.setAttribute("align","right");
        newCell.innerHTML="<img src=\"skins/standart/images/28.png\" border=\"0\"/>";

    var newRow=vjtwindow.insertRow(1);
    var newCell = newRow.insertCell(0);
        newCell.setAttribute("id","vjt-table-left");
        newCell.innerHTML="";

    var newCell = newRow.insertCell(1);
        newCell.setAttribute("id","vjt-tab");
        newCell.setAttribute("vlign","top");
        newCell.innerHTML="<b>23</b>";

    var newCell = newRow.insertCell(2);
        newCell.setAttribute("align","right");
        newCell.setAttribute("id","vjt-table-right");
        newCell.innerHTML="";
document.body.appendChild(vjtwindow);
}
}


а именно по какойто причине
vjtwindow.setAttribute("cellpadding","0");
vjtwindow.setAttribute("cellspacing","0");

не оказывает никакого воздействия, пробовал закинуть в css но всёравно невыходит..
Ответить с цитированием
  #12 (permalink)  
Старый 12.09.2008, 00:37
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

vjtwindow.cellPadding = 0;
vjtwindow.cellSpacing = 0;


newCell.setAttribute("id","vjt-table-right"); зачем???
newCell.id = "vjt-table-right"; короче почти в 2 раза!!!
Ответить с цитированием
  #13 (permalink)  
Старый 12.09.2008, 00:51
Кандидат Javascript-наук
Отправить личное сообщение для magistr_bender Посмотреть профиль Найти все сообщения от magistr_bender
 
Регистрация: 07.09.2008
Сообщений: 133

хм.. чёт не подумал..
а за подсказку пасиб
Ответить с цитированием
  #14 (permalink)  
Старый 09.03.2009, 12:53
Новичок на форуме
Отправить личное сообщение для AndyRoot Посмотреть профиль Найти все сообщения от AndyRoot
 
Регистрация: 09.03.2009
Сообщений: 1

Здесь подробно расписано как программно строить и менять таблицы. Работает в IE, Firefox и Opera
Ответить с цитированием
  #15 (permalink)  
Старый 23.07.2009, 17:36
Аспирант
Отправить личное сообщение для Bajjy Посмотреть профиль Найти все сообщения от Bajjy
 
Регистрация: 25.09.2008
Сообщений: 33

создаю таблицу, в принципе, стандартным методом:
var table = document.createElement('table');
	table.style.borderCollapse = 'collapse'
	table.style.position = "absolute"
	table.style.width = xlen*cellwd+'px'
	table.style.height = ylen*cellhg+'px'
	table.style.borderWidth = '0px'
	table.style.borderStyle = 'solid'
	table.id=tid
	for (var k = 0; k < 50; k++) {
		var row = table.insertRow(-1);
		for (var j = 0; j < 50; j++) {
			var cell = row.insertCell(-1);
			cell.style.width = cellwd+'px'
			cell.style.height = cellhg+'px'
			cell.style.borderWidth = '1px'
			cell.style.borderStyle = 'solid'
			cell.style.borderColor = '#cccccc'
			cell.innerHTML = " ";
		}

однако, после выполнения кода браузер начинает дико нагружать процессор. возможно, я что-то неправильно делаю?
firefox 3.5.1
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Повторное создание iframe Smoke Events/DOM/Window 7 07.02.2009 15:14
Создание закругленные края с резиной по weight и height baal1988 (X)HTML/CSS 0 02.09.2008 15:12
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 17:17
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55
Создание элементов createElement в IE. Phoenix Общие вопросы Javascript 6 26.09.2007 19:43