Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Скриптовые языки программирования > PHP
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.10.2016, 12:35   #1
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье HTML-код не работает в PHP

Подскажите пожалуйста, почему когда вывожу блок сортировки в php, кнопки вида вывода товара перестают работать? т.е., перестают реагировать на клик.
Вот так все работает:
Код HTML:
<div id="block-sorting">
<p id="nav-breadcrumbs"><a href="index.php">Главная страница</a> \ <span>Все товары</span> </p>
<ul id="options-list">
<li>Вид: </li>
<li><img id="style-grid" src="img/icon-grid.png" /> </li>
<li><img id="style-list" src="img/icon-list.png" /> </li>
...
</ul>
</li>
</ul>
</div>
А так не работает:

PHP код:
<?php
echo '
 <div id="block-sorting">
<p id="nav-breadcrumbs"><a href="index.php">Главная страница</a> \ <span>Все товары</span> </p>
<ul id="options-list">
<li>Вид: </li>
<li><img id="style-grid" src="img/icon-grid.png" /> </li>
<li><img id="style-list" src="img/icon-list.png" /> </li>
...
</ul>
</li>
</ul>
</div>
        
     '
;    ?>
Женя32 вне форума Ответить с цитированием
Старый 24.10.2016, 13:43   #2
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

обработка кликов в js? j
ADSoft вне форума Ответить с цитированием
Старый 24.10.2016, 14:18   #3
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье

Цитата:
Сообщение от ADSoft Посмотреть сообщение
обработка кликов в js? j
Да, js...
JS Меняет иконку кнопки..

Код HTML:
$(document).ready(function(){
	
.....

$("#style-grid").click(function(){

	$("#block-tovar-list").hide();
	$("#block-tovar-grid").show();
	
	$("#style-grid").attr("src","img/icon-grid-active.png");
	$("#style-list").attr("src","img/icon-list.png");
	
	localStorage.setItem('select_style','grid'); 
	});	
	
$("#style-list").click(function(){
	
	$("#block-tovar-grid").hide();
	$("#block-tovar-list").show();
	
	$("#style-grid").attr("src","img/icon-grid.png");		
	$("#style-list").attr("src","img/icon-list-active.png");

    localStorage.setItem('select_style','list');
	});

...
});	
Женя32 вне форума Ответить с цитированием
Старый 24.10.2016, 18:43   #4
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

ну может вы не подключает этот код, телепатия не самое сильное мое качество.
Нужно весь код... похоже вы просто не плдключете js, или если динамически добавляете куски кода, после загрузки JS и хотите чтоб вновь создаваемфе так же подпадали под действие - то юзайте чудный метод .on(
ADSoft вне форума Ответить с цитированием
Старый 24.10.2016, 20:01   #5
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье

Цитата:
Сообщение от ADSoft Посмотреть сообщение
...
Нужно весь код...(
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.1.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>  
<script type="text/javascript" src="js/shop-script.js"></script>
<title>Татьяна - Интернет-магазин</title>
</head>

<body>

<div id="block-body">

<?php
    include("blocks/bloick-header.php");
?>
<div id="block-right">
<?php
    include("blocks/block-category.php");
	include("blocks/block-parameters.php");
	include("blocks/bloick-news.php")
?>
</div>
<div id="block-content">


<ul id="block-tovar-grid">

<?php
   if (!empty($lot) && !empty($type_tovara))
       {
		  $querylot = "AND lot='$lot' AND type_tovara='$type_tovara'"; 
		  $lotlink = "lot='.$lot.'&";  
	   }else
	      {
			if (!empty($type_tovara))
			  {
				 $querylot = "AND  type_tovara='$type_tovara'";    
			  } else
			     {
					$querylot = ""; 
				 }
			if (!empty($lot))       
			  {
				 $lotlink = "lot='.$lot.'&";    
			  } else
			     {
					$lotlink = ""; 
				 } 
		   }
  $result = mysql_query("SELECT * FROM table_products WHERE visible='1' $querylot ORDER BY $sorting",$link);
  if (mysql_num_rows($result) > 0)
    {
    	$row = mysql_fetch_array($result);
       echo '
	         <div id="block-sorting">
<p id="nav-breadcrumbs"><a href="index.php">Главная страница</a> \ <span>Все товары</span> </p>
<ul id="options-list">
<li>Вид: </li>
<li><img id="style-grid" src="img/icon-grid.png" /> </li>
<li><img id="style-list" src="img/icon-list.png" /> </li>
<li>Сортироввть:</li>
<li><a id="select-sort">'.$sort_name.'</a>
<ul id="sorting-list">
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=price-asc">От дешовых к дорогим</a></li>
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=price-desc">От дорогих к дешовым</a></li>
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=pop">Популярное</a></li>
<li><a href="view_lot.php?'.$lotlink.'&type_tovara='.$type_tovara.'&sort=brand">Новинки</a></li>
<li><a href="">От А до Я</a></li>
</ul>
</li>
</ul>
</div> 
	        ';
	   	do
	      {
		   if ($row["images"] != "" && file_exists("bed_img/".$row["images"]))
		   {
		     $img_path = 'bed_img/'.$row["images"]; 
             list($max_height, $max_width) = getimagesize($img_path); 
            $ratioh = $max_height/$max_height; 
            $ratiow = $max_width/$max_width; 
            $max_width = 200; 
            $max_height = 200; 
            $ratio = min($ratioh, $ratiow); 
            $width = intval($ratio*$max_width); 
            $height = intval($ratio*$max_height);     
		   }
		   else
		       {
			    $img_path = "img/no-image.png";
				$width = 110;
				$height = 200; 
			   }	  
		   echo '
		         <li>
				      <div class="block-images-grid">
					       <img src="'.$img_path.'" "width="'.$width.'"height="'.$height.'"" />
					  </div>
					  <p class="style-title-grid"><a href="">'.$row["title"].'</a></p>
					  <ul class="reviews-and-counte-grid">
					      <li><img src="img/eye-icon.png" /><p>0</p></li>
						  <li><img src="img/comment-icon.png" /><p>0</p></li>
					  </ul>
					  <a class="add-cart-style-grid"></a>
					  <p class="style-ptice-grid"><strong>'.$row["price"].'</strong> руб.</p>
					  <div class="mini-features">
					       '.$row["mini_features"].'
					  </div>
				 </li>
		         ';
		  }while($row = mysql_fetch_array($result));
	 }else{
		  echo "<h3>Кактегория не доступна или не создана!</h3>";	
		  }

?>
</ul> <!--End block-tovar-grid-->


<ul id="block-tovar-list">

<?php
  $result = mysql_query("SELECT * FROM table_products WHERE visible='1' $querylot ORDER BY $sorting",$link);
  if (mysql_num_rows($result) > 0)
    {
    	$row = mysql_fetch_array($result);
       echo '
	         <div id="block-sorting">
<p id="nav-breadcrumbs"><a href="index.php">Главная страница</a> \ <span>Все товары</span> </p>
<ul id="options-list">
<li>Вид: </li>
<li><img id="style-grid" src="img/icon-grid.png" /> </li>
<li><img id="style-list" src="img/icon-list.png" /> </li>
<li>Сортироввть:</li>
<li><a id="select-sort">'.$sort_name.'</a>
<ul id="sorting-list">
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=price-asc">От дешовых к дорогим</a></li>
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=price-desc">От дорогих к дешовым</a></li>
<li><a href="view_lot.php?'.$lotlink.'type_tovara='.$type_tovara.'&sort=pop">Популярное</a></li>
<li><a href="view_lot.php?'.$lotlink.'&type_tovara='.$type_tovara.'&sort=brand">Новинки</a></li>
<li><a href="">От А до Я</a></li>
</ul>
</li>
</ul>
</div> 
	        ';   
	   	do
	      {
		   if ($row["images"] != "" && file_exists("bed_img/".$row["images"]))
		   {
		     $img_path = 'bed_img/'.$row["images"]; 
             list($max_height, $max_width) = getimagesize($img_path); 
            $ratioh = $max_height/$max_height; 
            $ratiow = $max_width/$max_width; 
            $max_width = 150; 
            $max_height = 150; 
            $ratio = min($ratioh, $ratiow); 
            $width = intval($ratio*$max_width); 
            $height = intval($ratio*$max_height);     
		   }
		   else
		       {
			    $img_path = "img/no-image.png";
				$width = 80;
				$height = 70; 
			   }	  
		   echo '
		         <li>
				      <div class="block-images-list">
					       <img src="'.$img_path.'" "width="'.$width.'"height="'.$height.'"" />
					  </div>
					 					 
					  <ul class="reviews-and-counte-list">
					      <li><img src="img/eye-icon.png" /><p>0</p></li>
						  <li><img src="img/comment-icon.png" /><p>0</p></li>
					  </ul>
					  
					  <p class="style-title-list"><a href="">'.$row["title"].'</a></p>
					  
					  <a class="add-cart-style-list"></a>
					  <p class="style-ptice-list"><strong>'.$row["price"].'</strong> руб.</p>
					  <div class="style-text-list">
					       '.$row["mini_description"].'
					  </div>
				 </li>
		         ';
		  }while($row = mysql_fetch_array($result));
	 }else
	    {
		echo "<h3>Кактегория не доступна или не создана!</h3>";	
		}

?>
</ul> <!--block-tovar-list-->



</div> <!--block-conten - end-->

<?php
    include("blocks/bloick-footer.php");
?>
</div>

</body>
</html>
Женя32 вне форума Ответить с цитированием
Старый 24.10.2016, 20:07   #6
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
По умолчанию

Цитата:
Сообщение от ADSoft Посмотреть сообщение
...
Нужно весь код... (
shop-script.js:

PHP код:
$(document).ready(function(){
    
    $(
"#newsticker").jCarouselLite({
        
verticaltrue,
        
hoverPause:true,
        
btnPrev"#news-prev",
        
btnNext"#news-next",
        
visible1,
        
auto5000,
        
speed500
    
});

$(
"#style-grid").click(function(){

    $(
"#block-tovar-list").hide();
    $(
"#block-tovar-grid").show();
    
    $(
"#style-grid").attr("src","img/icon-grid-active.png");
    $(
"#style-list").attr("src","img/icon-list.png");
    
    
localStorage.setItem('select_style','grid'); 
    });    
    
$(
"#style-list").click(function(){
    
    $(
"#block-tovar-grid").hide();
    $(
"#block-tovar-list").show();
    
    $(
"#style-grid").attr("src","img/icon-grid.png");        
    $(
"#style-list").attr("src","img/icon-list-active.png");

    
localStorage.setItem('select_style','list');
    });    
    
    if (
localStorage.getItem('select_style') == 'grid')
       {
           $(
"#block-tovar-list").hide();
        $(
"#block-tovar-grid").show();
    
        $(
"#style-grid").attr("src","img/icon-grid-active.png");
        $(
"#style-list").attr("src","img/icon-list.png");
        }
    else
       {
        $(
"#block-tovar-grid").hide();
        $(
"#block-tovar-list").show();
    
        $(
"#style-grid").attr("src","img/icon-grid.png");        
        $(
"#style-list").attr("src","img/icon-list-active.png");           
        }    

$(
"#select-sort").click(function(){
    
    $(
"#sorting-list").slideToggle(200);
});

$(
'#block-category > ul > li > a').click(function(){
     
     if ($(
this).attr('class') != 'active' )
          {
           $(
'#block-category > ul > li > ul').slideUp(400);
           $(
this).next().slideToggle(400);
                   $(
'#block-category > ul > li > a').removeClass('active');
                   $(
this).addClass('active');
                   $.
cookie('select_cat', $(this).attr('id'));                                          
          }
    else
          {
                   $(
'#block-category > ul > li > a').removeClass('active'); 
                   $(
'#block-category > ul > li > ul').slideUp(400);
                   $.
cookie('select_cat''');
          };
    
    });


    if ($.
cookie('select_cat') = '')
         {
         $(
'#block-category > ul > li > #'+$.cookie('select_cat')).addClass('active').next().show();     
         }


    
}); 
Женя32 вне форума Ответить с цитированием
Старый 24.10.2016, 20:22   #7
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,150
По умолчанию

сказал же .on("click",function()
ADSoft вне форума Ответить с цитированием
Старый 24.10.2016, 20:32   #8
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
Счастье

Цитата:
Сообщение от ADSoft Посмотреть сообщение
сказал же .on("click",function()
Не понял..., что .on("click",function() ?....
Женя32 вне форума Ответить с цитированием
Старый 24.10.2016, 20:40   #9
Женя32
Форумчанин
 
Регистрация: 12.09.2008
Сообщений: 621
По умолчанию

Странно, почему в уроке все работает........
Женя32 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как переписать код из HTML в PHP? voverrr PHP 3 22.01.2013 10:26
Не работает php код Xoster PHP 7 05.12.2012 18:07
PHP скрипт в HTML не работает misher HTML и CSS 7 12.12.2010 23:29
php не работает с html AndreyX Общие вопросы .NET 1 04.07.2010 21:02
php не работает с html AndreyX PHP 8 04.07.2010 19:47