Показать сообщение отдельно
  #1 (permalink)  
Старый 26.07.2009, 18:57
Аватар для HelpeR
Профессор
Отправить личное сообщение для HelpeR Посмотреть профиль Найти все сообщения от HelpeR
 
Регистрация: 21.10.2008
Сообщений: 241

переписать таблицу
Здравствуйте!
Имеется код для создания таблицы, долго думал, как же можно создать ее но более красивым способом
tblStyle = {
		position : 'absolute',
		display : 'none',
		opacity : '0',
		filter : 'alpha(opacity=0)',
		fontFamily : pr_font,
		fontSize : '11px',
		color : pr_font_color,
		border : '0px'
	}
	
    // создаем саму подсказку
	this.table = document.createElement('table');
	
	for(var z in tblStyle) {
	    this.table.style[z] = tblStyle[z];
	}
	
	for(var i = 0; i < 2; i++) {
	    this.table.insertRow(i);
		
		for(var a = 0; a < 4; a++) {
		    this.table.rows[i].insertCell(a);
		}
	}
	
	this.table.rows[0].cells[1].colSpan = 2;
	this.table.rows[0].deleteCell(2);
	this.table.cellSpacing = 0;
	this.table.cellPadding = 0;
	
	var cell = this.table.rows[0].cells[0];
	cell.style.width = '4px';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderLeft.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[0].cells[1];
	cell.align = 'center';
	cell.style.backgroundImage = 'url(' + pr_bg_dir + pr_kind + '/centerLine.gif)';
	cell.style.backgroundPosition = 'top left';
	cell.style.backgroundRepeat = 'repeat-x';
	
	var cell = this.table.rows[0].cells[2];
	cell.style.width = '8px';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderRight.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[0];
	cell.style.width = '4px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderLeftBottom.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[1];
	cell.style.width = '33px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/bottom.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[2];
	cell.style.backgroundImage = 'url(' + pr_bg_dir + pr_kind + '/bottomLine.gif)';
	cell.style.backgroundPosition = 'top';
	cell.style.backgroundRepeat = 'repeat-x';
	
	var cell = this.table.rows[1].cells[3];
	cell.style.width = '8px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderRightBottom.gif';
	cell.appendChild(img);
	
	document.body.appendChild(this.table);
Ответить с цитированием