Сортировка товара на сайте.

Все, что касается программных сценариев: JS, DHTML, и т.д.

Все, що стосується програмних сценаріїв: JS, DHTML, і т.д.
Аватара пользователя
mellaz
Сообщения: 6
Зарегистрирован: Ср апр 19, 2017 2:27 pm
Репутация:
Пол: Мужчина
Агент пользователя: Chrome Windows 1366x768

Сортировка товара на сайте.

Сообщение mellaz » Пн апр 24, 2017 2:19 pm

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

Вот сайт http://kyrsrabot.kl.com.ua , хочу туда подключить сортировку товара (по цене и по размеру)
Пытался по-разному, что-то не получалось.. Оставил только спойлер "Без сортировки" с не рабочими ссылками..

Может, кто-то разбирается?

Вот код

CodeColon Select All Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title>Плюшевые мишки по всей Украине</title>
   <meta name="keywords" content="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек" />
   <meta name="description" content="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек" />
   <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" >
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>равап</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="dd.css" rel="stylesheet" type="text/css" />
<title>summary</title>   
   </head>

<body>




<div id="window1" class="window">
</div>
<div id="12" class="forma">
<center><form action="index1.php" method="post" name="f1">
<div  style="width:500px;height:450px;text-align:left;  font:12px tahoma, verdana; background-image:url(images/forma.png);background-repeat: no-repeat">
<div style="margin-left:-70px;text-align:center; color:#000;font-size:12pt;font-weight: bold; padding:15px 0px 5px 5px;"><div id="zak"><img src="images/zak.png"  style="cursor:pointer" alt="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек" onclick="okno_z()"/></div></div>
<div id="zzv" >Заказать звонок</div>
<div style="padding:35px 20px 0px 20px;">
<input ID="pole" name="name"  onFocus="doClear(this)" onBlur="doDefault(this)"type="text" placeholder="&nbsp&nbsp&nbspВаше имя" style="width:300px; height:38px; background:#FFFFFF; border:1px solid #999999; color:#999999;" maxlength="50" required>
</div>


<div  ID="pole" style="padding:15px 20px 0px 20px;">
<input ID="pole1" name="tel"  placeholder="&nbsp&nbsp&nbspВаш телефон" type="text"  onFocus="doClear(this)" onBlur="doDefault(this)" style="width:300px; height:38px; background:#FFFFFF; border:1px solid #999999; color:#999999;" maxlength="900" required>

</div>

<div style="padding:15px 20px 0px 20px;">
<textarea value="Ваш коментарий" onFocus="doClear(this)"
   onBlur="doDefault(this)" ID="pole" name="message" style="width:300px; height:100px; background:#FFFFFF; border:1px solid #999999; color:#999999;">&nbspВаш комментарий </textarea>
</div>

<div style="padding:45px 0px 15px 150px;margin-left:-65px; text-align:center;">
<input type="image"  type="submit" src="images/otpravit.png" value="Отправить" style="cursor:pointer; width:180px; height:48px;" />

</div>
</div></form>

</center><!-- 23:40, 25.09.2013 -->

</div>

<div id="wrapper">





   <div id="verh">
   </div>
   
<div id="cont">
   <div id="header">
<div id="logo">

<img src="images/zag.png" alt="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек">
</div>
<div id="tel" >
<div style="padding-left:10px;"><p style="font-size: 20pt; font-weight: bold;">+3 (<span style="color:#ff0000">095</span>) 129-64-11 </p></div>
<div style="padding-left:10px;font-size: 16pt;font-style:italic;font-size: 12pt;"> Есть вопросы?Звоните!<br>Ежедневно с 9:00 до 21:00</div>
<img src="images/knopka.png"  style="cursor:pointer"  alt="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек" onclick="okno()"/>
</div>
      
   </div><!-- #header-->

   <div id="content">
   <div id="body_v">
   <div id="timer_wrap" class="timer_wrap">
      <div id="clock">
         
         <div id="razd">
            &nbsp
         </div>
         <div id='hour'>
            <div id='hour0'></div>
            <div id='hour1'></div>
         </div>
         <div id="razd">
            &nbsp
         </div>
         <div id='min'>
            <div id='min0'></div>
            <div id='min1'></div>
         </div>
         <div id="razd">
            &nbsp
         </div>
         <div id='sec'>
            <div id='sec0'></div>
            <div id='sec1'></div>
         </div>
      </div>      
   </div>
<div id="ban1"><img src="images/ban.png" alt="Плюшевые медведи и букеты из игрушек, Плюшевые медведи и букеты из игрушек" />
<div style="margin-left:470px;margin-top:-90px;"><span style="color:#ee5151;font-size:18pt;font-weight:bold;">Супер-акция!</span><br><span style="color:#ee5151;">Плюшевый гигант(120см)</span><br><span style="color:#ee5151;" >Всего за </span ><span style="color:#66cc33;">1299 грн.</span> </div>
<div style="margin-left:40px;margin-top:-70px;"><span style="text-align:right;"> <span style="color:#545454;font-size:16pt;font-weight:bold;">100% гарантия <br>возврата денег</span><br><span style="color:#545454;" ></span></span> </div>
<div style="margin-left:730px;margin-top:-50px;text-align:center;text-decoration:none;"><a href="dostavka_i_oplata.html" style="text-decoration:none;"><span style=""> <span style=" text-decoration:none;color:#545454;font-size:16pt;font-weight:bold;">Срочная доставка!</span><br><span style="color:#545454;text-decoration:none;" >Подарок нужен сейчас?<br> Доставим через час!</a></span></span> </div>

</div>

   </div>
   <div id="body_s">
<div id="menu">
<div class='menu2'>
<span Style="font-family:Arial;
font-size:16px;
    color: #fff;
   text-decoration: none;">Главная</span>
</div>
<div class='menu2'>
<a href="dostavka_i_oplata.html">Как заказать</a>
</div>
<div class='menu2'>
<a href="kontakt.html">Контакты</a>
</div>
</div>
   <h2 style="margin-left:350px;margin-top:15px;">Плюшевые мишки </h2></br>





<details>
<summary><a id="select-sort">Без сортировки</a></summary>
<ul id="sorting-list1">
<li><a href="index.php?sort=desh" >От дешевых к дорогим</a></li>
<li><a href="index.php?sort=dor" >От дорогих к дешевым</a></li>
<li><a href="index.php?sort=mal" >От маленьких к большим</a></li>
<li><a href="index.php?sort=blosh" >От больших к маленьким</a></li>
</ul>
</details>








   <div id="tovar1">
<?php
include_once("bd.php");

$resault=mysql_query("SELECT * FROM image");

mysql_close();

while($row = mysql_fetch_assoc($resault))

{?>
   <div id="tovar">
   <div id="tovar_top">
        <h3><?php echo $row['name']; ?></h3>
   <div id="op">
   <h4>Цвет: <?php echo $row['col']; ?></h4>
   <h4>Размер игрушки: <?php echo $row['size']; ?></h4>
   </div>
   </div>
   <div id="tovar_img">
   <img src="<?php echo $row['img'];?>" alt="Годдар-огромный плюшевый мишка(220см)" width="227" height="224" />
<h4 id="st">Старая цена: <?php echo $row['old_price']; ?> грн.</h4>
<h4>Цена: <span id="ch"><?php echo $row['price']; ?>грн.</span></h4>
   </div>
   <div id="tovar_niz">
   <img src="images/block_niz.gif"  style="cursor:pointer" onclick="okno()" />
        </div>
   </div>
<?php }?>



</div>
</div>
<div id="body_n">
   </div>

   
   <div style="padding-top:15px;">
   <div style="float:left">
   <br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<span style="color:#999999;font-size:10pt;">Главная</span>
&nbsp&nbsp&nbsp

<a style="color:#999999;font-size:10pt;"href="dostavka_i_oplata.html">Доставка и оплата</a>

&nbsp&nbsp&nbsp
<a style="color:#999999;font-size:10pt;" href="kontakt.html">Контакты</a>
</div>
<div style="float:left;padding-left:100px;text-align: center; ">
"Плюшевые медведи<br>
и букеты из игрушек"<br>
2017&copy <br>
</div>

<div style="padding-left:810px;margin-top:0px;"><span style="font-size: 16pt; font-weight: bold;">+3 (<span style="color:#ff0000">095</span>) 129-64-11 </span>
<div style="padding-left:0px;font-size: 16pt;font-style:italic;font-size: 12pt;"> Есть вопросы?Звоните!<br>Ежедневно с 9:00 до 21:00</div>
</div>
</div>
   </div><!-- #content-->
   
</div>


<div id="footer">

   <div id="niz1">
   
   </div>
</div><!-- #footer -->
</div>
<!-- #wrapper -->
</body>
</html>            

Вернуться в «JavaScript, DHTML»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость