Вопрос по отображению "Список/Сетка" (java script)

[trafbite]

Здравствуйте!

Помогите, разобраться)

Сейчас за отображение списком отвечает такой код:

<script type="text/javascript"><!--
function display(view) {
	if (view == 'list') {
		$('.product-grid').attr('class', 'product-list'); //здесь просто замена класса у div-а
		//вот как сюда запихнуть просто кусок html кода?
                //например:
                //<table>
                //<tbody>
		$('.product-list > div').each(function(index, element) {
                        //а уже здесь будет формироваться строка таблицы для каждого товара
			html  = '<div class="right">';
			html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
			html += '</div>';			
			
			html += '<div class="left">';
			
			var image = $(element).find('.image').html();
			
			if (image != null) { 
				html += '<div class="image">' + image + '</div>';
			}
			
			var price = $(element).find('.price').html();
			
			if (price != null) {
				html += '<div class="price">' + price  + '</div>';
			}
					
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
			
			var rating = $(element).find('.rating').html();
			
			if (rating != null) {
				html += '<div class="rating">' + rating + '</div>';
			}
				
			html += '</div>';

						
			$(element).html(html);
		});		
		//и вот сюда тоже просто кусок html кода
                //</tbody>
                //</table>
		$('.display').html('<b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');
		
		$.totalStorage('display', 'list'); 
	} else {
...

Т.е. по сути нужно скриптом вывести html код на страницу. Гуглил, пробовал

html = '<table>';
html += '<tbody>';
...

не работает ((

[halfhope]

Вам что именно нужно? Сетку на список поменять? 

[trafbite]

Да, сетку на список.

Сейчас "из коробки" меня все устраивает.

Но вот в тех местах, где я комментарии указал, а именно перед строкой:

"$('.product-list > div').each(function(index, element) {"

мне нужно вставить шапку таблицы. Ну или любой другой html-код. Вот как его вставить в этот скрипт?

Т.е. если словами логику объяснить, то примерно так: если сетка, то отображаем так, а если список, то перед списком добавляем такой-то html-код.

[Гість]

Создайте себе блок с классом table_block

В блок засуньте таблицу и все что хотите

И в скрипте добавьте где нужно

 

html += ' <div class="table_block">' + $(element).find('.table_block').html() + '</div>';