Тема: Не спрацьовує скрипт
не спрацьовує скрипт при натисненні на іконку повинен змінюватись вигляд (список таблиця) але при натисканні нічого не відбувається. Плюс не спрацьовують іконки перегортання блоку новин, автоматично перегораються а від наведення нічого не відбувається. Ось код js $(document).ready(function() {
$("#newsticker").jCarouselLite({
vertical: true,
hoverPause:true,
btnPrev: "#news_up",
btnNext: "#news_down",
visible: 3,
auto:3000,
speed:500
});
$("#style-grid"). click(function(){
$("#block-tovar-grid").show();
$("#block-tovar-list").hide();
})
$("#style-list"). click(function(){
$("#block-tovar-grid").hide();
$("#block-tovar-list").show();
})
})і код всього файлу index.php
<?php
include("include/db_connect.php")
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="windows-1251"/>
<meta name="author" content="admin" />
<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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-3.0.0.js"></script></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>
<script type="text/javascript" src="js/kupuy-script.js"></script>
<title>Інтернет-Магазин КУПУЙ.IN.UA</title>
</head>
<body>
<div id="block-body">
<?php
include("include/block-header.php");
?>
<div id="block-right">
<?php
include("include/block-category.php");
include("include/block-parameter.php");
include("include/block-news.php");
?>
</div>
<div id="block-content">
<div id="block-sorting">
<p id="navbreadcrumbs"><a href="index.php">Головне вікно</a> \<span>Всі товари</span></p>
<ul id="options-list">
<li>Вигляд:</li>
<li><img id="style-grid" src="images/grid.png"/></li>
<li><img id="style-list" src="images/list.png"/></li>
<li>Сортувати:</li>
<li><a id="select-sort">Без сортування</a>
<ul id="sorting-list">
<li><a href=" ">Від дешевих до дорогих</a></li>
<li><a href=" ">Від дорогих до дешевих </a></li>
<li><a href=" ">Популярні</a></li>
<li><a href=" ">Новинки</a></li>
<li><a href=" ">За алфавітом</a></li>
</ul>
</li>
</ul>
</div>
<ul class="block-tovar-grid">
<?php
$result = mysql_query("SELECT * FROM table_products WHERE visible='1'",$link);
if(mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./uploads_images/".$row["image"]))
{
$img_path = './uploads_images/'.$row["image"];
$max_width = 200;
$max_height = 200;
list($width, $height)= getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh,$ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}else
{
$img_path = "/images/no-image.png";
$width = 200;
$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>
<p class= "raiting-grid">
<a href = ""><img src="/images/raiting.png" /> Відгуки</a>
</p>
<a class="add-cart-style-grid"></a>
<p class="style-price-grid"><strong>'.$row["price"].'</strong> грн.</p>
<div class="mini-features">
'.$row["mini_features"].'
</div>
</li>
';
}
while($row = mysql_fetch_array($result));
}
?>
</ul>
<ul class="block-tovar-list">
<?php
$result = mysql_query("SELECT * FROM table_products WHERE visible='1'",$link);
if(mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./uploads_images/".$row["image"]))
{
$img_path = './uploads_images/'.$row["image"];
$max_width = 200;
$max_height = 200;
list($width, $height)= getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh,$ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}else
{
$img_path = "/images/no-image.png";
$width = 200;
$height = 200;
}
echo '
<li>
<div class="block-images-list">
<img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
</div>
<p class= "raiting-list">
<a href = ""><img src="/images/raiting.png" /> Відгуки</a>
</p>
<p class="style-title-list"><a href=" ">'.$row["title"].'</a></p>
<a class="add-cart-style-list"></a>
<p class="style-price-list"><strong>'.$row["price"].'</strong> грн.</p>
<div class="mini-description">
'.$row["mini_description"].'
</div>
</li>
';
}
while($row = mysql_fetch_array($result));
}
?>
</ul>
</div>
<?php
include("include/block-footer.php")
?>
</div>
</body>
</html>