|
Сообщение от smart-create
|
|
вот подлинный вариант разметки
|
Пробуй так
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function (){
});
function delet_product(Obj,product_id){
// убираем класс у видимой картинки и делаем её невидимой
$(Obj).find('.active-close').removeClass('visible-close');
// добавляем класс к невидимой картинке и делаем ее видимой
$(Obj).find('.loader-close').addClass('visible-close');
$.ajax({
type: "post",
url: "main_c/delet_product",
cache: false,
data: {'product_id':product_id},
success: function(data){
// возвращаем все назад
$(Obj).find('.active-close').addClass('visible-close');
// возвращаем все назад
$("#content").load("index.php #content");
}
});
}
</script>
</head>
<body>
<div id="content" class="container-fluid">
<div class="col-lg-1 col-md-1 col-sm-1text-center">
<button id="delete" type="button" name="btn_delet_product" onClick="truncate_product()">
<img class="active-close visible-close" src="include/img/delete.png" alt="Очистить корзину"> // кнопка очистить корзину
<img class="loader-close" src="include/img/loader-close.gif" alt="Очистить корзину"> // кнопка очистить корзину
</button>
</div>
<div class="row cart-product">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<div class="row product-info">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 cart-img">
<img class="product-img" src="include/img/<?=$getName["img"];?>" alt="cart_img"> // здесь изображение товара
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 cart-title">
<h2><?=$getName["title"];?></h2><br> // здесь название товара
<span>Артикул: <?=$getName["articul"];?></span> // здесь артикул товара
</div>
<div class="col-lg-2 col-md-2 col-sm-2 hidden-xs">
<h2><?=$getName["cost"];?></h2><span> грн/шт</span> // здесь цена товара
</div>
<div class="col-lg-1 col-md-1 col-sm-1 text-center">
<button type="button" id="close" name="btn_delet_product" onClick="delet_product(this,<?=$getName["id"];?>)">
<img class="active-close visible-close" src="include/img/close.png" alt="Удалить товар"> // кнопка удалить товар
<img class="loader-close" src="include/img/loader-close.gif" alt="Удалить товар"> // кнопка удалить товар
</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>