Jump to content
Sign in to follow this  

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

Recommended Posts


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

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

<script type="text/javascript"><!--
function display(view) {
	if (view == 'list') {
		$('.product-grid').attr('class', 'product-list'); //здесь просто замена класса у div-а
		//вот как сюда запихнуть просто кусок html кода?
		$('.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>';

		//и вот сюда тоже просто кусок html кода
		$('.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>';

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

Share this post

Link to post
Share on other sites

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

Share this post

Link to post
Share on other sites

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

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

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

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

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

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

Share this post

Link to post
Share on other sites

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

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

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


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

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.


Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.