You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

563 lines
23 KiB
Plaintext

2 months ago
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="product.aspx.cs" Inherits="TradeManage.score.product" %>
<!DOCTYPE html>
<html>
<head>
<title>Product</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<!--script-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.page.js"></script>
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.url.js" type="text/javascript"></script>
<script src="../Scripts/Global.js" type="text/javascript"></script>
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
<script type="text/javascript">
var ScoreNum = "<%=Session["ScoreNum"]%>";
var ScoreName = "<%=Session["ScoreName"]%>";
var Cart = "<%=Session["Cart"]%>";
var SortId = 0;
$(function () {
ajaxInit(null);
var content = $.url.param("content");
SortId = $.url.param("SortId");
if (SortId== undefined) {
SortId = 0;
}
if (content != undefined) {
$("#txt_sch").val(content)
}
if (ScoreName != null && ScoreName != "") {
$("#f_username").html(ScoreName + " " + "Score:" + ScoreNum);
$("#a_username").show();
$("#li_loginout").show();
$("#li_login").hide();
}
else {
$("#a_username").hide();
$("#f_username").html("");
}
if (Cart != null && Cart != "" && Cart > 0) {
$("#f_cart").html("【" + Cart + "】");
}
else {
$("#f_cart").html("");
}
var menu_ul = $('.menu > li > ul'),
menu_a = $('.menu > li > a');
menu_ul.hide();
menu_a.click(function (e) {
e.preventDefault();
if (!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true, true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true, true).slideUp('normal');
}
});
GetProduct();
$("#btn_sch").bind("click", function () {
//if ($("#txt_sch").val() == "") {
// alert("Please enter the search content ");
// return;
//}
PageIndex = 1;
GetProduct();
});
$("#a_s1").bind("click", function () {
PageIndex = 1;
if (Sort == "GiftId desc")
Sort = "GiftId";
else
Sort = "GiftId desc";
GetProduct();
});
$("#a_s2").bind("click", function () {
PageIndex = 1;
if (Sort == "a.Num-a.LeftNum desc")
Sort = "a.Num-a.LeftNum";
else
Sort = "a.Num-a.LeftNum desc";
GetProduct();
});
$("#a_s3").bind("click", function () {
PageIndex = 1;
Sort = "ChangeScore";
GetProduct();
});
$("#a_s4").bind("click", function () {
PageIndex = 1;
Sort = "ChangeScore desc";
GetProduct();
});
GetHot();
});
function GetHot() {
$("#div_hot").empty();
$.ajax({
url: "ScoreService.asmx/GetHot",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d).each(function () {
html.append("<div class=' chain-grid menu-chain'>");
html.append("<a href='single.aspx?=" + this.GiftId + "'>");
html.append("<img class='img-responsive chain' src='../" + this.ImageUrl + "' alt=' ' width='200px' height='250px' /></a>");
html.append("<div class='grid-chain-bottom chain-watch'>");
html.append("<span class='actual dolor-left-grid'>Points:" + this.ChangeScore + "</span>");
html.append("<span class='reducedfrom'>Price:" + this.Price + "</span>");
html.append("<h6>" + this.GiftName + "</h6>");
html.append("</div>");
html.append("</div>");
});
$("#div_hot").html(html.toString());
}
}
});
}
function LoginOut() {
$.ajax({
url: "ScoreService.asmx/LoginOut",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
alert(data.d);
if (data.d == "Logout success") {
window.location.href = "login.aspx";
}
}
});
}
var PageIndex = 1;
var PageSize = 12;
var Sort = "GiftId desc";
function GetProduct() {
$("#div_product").empty();
var param = new Object();
param.SortId = SortId;
param.Name = $("#txt_sch").val();
param.SPoint = 0;
param.EPoint = 0;
param.PageSize = PageSize;
param.PageIndex = PageIndex;
param.Sort = Sort;
$.ajax({
url: "ScoreService.asmx/GetListGift",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async:false,
success: function (data) {
if (data.d != null) {
var html = new Sys.StringBuilder();
$(data.d.DataSource).each(function (i) {
html.append("<div class='product-grid'>");
html.append("<div class='content_box'><a href='single.aspx?="+this.GiftId+"'>");
html.append("<div class='left-grid-view grid-view-left'>");
html.append("<img src='../" + this.ImageUrl + "' class='img-responsive watch-right' alt='' width='180px' height='230px'/>");
html.append("<div class='mask'>");
html.append("<div class='info'>Quick View</div>");
html.append("</div></div>");
html.append("</a>");
html.append("</div>");
html.append("<h4><a href='#'> " + this.GiftName + "</a></h4>");
html.append("<p>"+this.GiftDesc+"</p>");
html.append("Market Price:" + this.Price + "USD<br/><font color='red'>Exchange Points:" + this.ChangeScore + "</font>");
html.append("</div>");
});
}
// html.append("<div class='tcdPageCode'></div><div class='clearfix'> </div>");
$("#div_product").html(html.toString());
if (data.d == null) {
$(".tcdPageCode").createPage({
pageCount: 0,
current: 1,
backFn: function (p) {
}
});
}
else {
var rcount = data.d.RowCount;
var pcount = 1;
pcount = Math.ceil(rcount / PageSize);
$(".tcdPageCode").createPage({
pageCount: pcount,
current: PageIndex,
backFn: function (p) {
PageIndex = p;
GetProduct();
}
});
$(".tcdPageCode").append(" <font color='blue'>共" + rcount + "条</font>");
}
}
});
}
</script>
<style>
.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;}
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px; line-height: 25px; padding: 0 10px;border: 1px solid #ddd; margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca; border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{ display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px; color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
</style>
</head>
<body>
<!--header-->
<div class="header">
<div class="top-header">
<div class="container">
<div class="top-header-left">
<ul class="support">
<li><a href="#">
<label></label>
</a></li>
<li><a href="#"><span class="live">Good Service </span></a></li>
</ul>
<ul class="support">
<li class="van"><a href="#">
<label></label>
</a></li>
<li><a href="#">Fast Shipping</a></li>
</ul>
<div class="clearfix"></div>
</div>
<div class="top-header-right">
<div class="down-top">
<select tabindex="4" class="dropdown">
<option value="" class="label" value="">English</option>
<option value="1">Japanese</option>
<option value="2">French</option>
<option value="3">German</option>
</select>
</div>
<div class="down-top top-down">
<select tabindex="4" class="dropdown ">
<option value="" class="label" value="">Currency :USD</option>
</select>
</div>
<!---->
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="bottom-header">
<div class="container">
<div class="header-bottom-left">
<div class="logo">
<a href="index.aspx">
<img src="images/logo.png" alt=" " /></a>
</div>
<div class="search">
<input type="text" value="" id="txt_sch">
<input type="submit" value="SEARCH" id="btn_sch">
</div>
<div class="clearfix"></div>
</div>
<div class="header-bottom-right">
<ul class="men-grid" >
<li><a id="a_username"><span></span><font id="f_username">Jack jole Score:1200</font></a></li>
<li class="login" id="li_login"><a href="login.aspx"><span></span>LOGIN</a></li>
<li class="login" style="display:none" id="li_loginout"><a id="a_loginout" onclick="LoginOut();"><span> </span>Logout</a></li>
<li class="cart"><a href="cart.aspx"><span></span><font color="red" id="f_cart"></font>CART</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---->
<!-- start content -->
<div class="container">
<div class="women-product">
<div class=" w_content">
<div class="women">
<a href="index.aspx"><h4>Back Home</h4></a>
<ul class="w_nav">
<li>Sort : </li>
<li><a class="active" id="a_s1">new</a></li> |
<li><a id="a_s2">hot </a></li> |
<li><a id="a_s3">ponts: Low->High</a></li> |
<li><a id="a_s4">ponts: Hig->Low</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
<!-- grids_of_4 -->
<div class="grid-product">
<div id="div_product">
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic13.jpg" class="img-responsive watch-right" alt=""/>
<div class="mask">
<div class="info">Quick View</div>
</div></div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box">
<a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic2.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic3.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic4.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic6.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic7.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box"><a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic8.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
<div class=" product-grid">
<div class="content_box">
<a href="single.html">
<div class="left-grid-view grid-view-left">
<img src="images/pic11.jpg" class="img-responsive watch-right" alt="" />
<div class="mask">
<div class="info">Quick View</div>
</div>
</div>
</a>
</div>
<h4><a href="#"> Duis autem</a></h4>
<p>It is a long established fact that a reader</p>
Rs. 499
</div>
</div>
<div class="clearfix"> </div>
<div class="tcdPageCode">
</div>
</div>
</div>
<div class="sub-cate">
<div class=" top-nav rsidebar span_1_of_left">
<h3 class="cate">CATEGORIES</h3>
<ul class="menu">
<li>
<ul class="kid-menu">
<li><a href="product.aspx?SortId=1">Womens</a></li>
<li><a href="product.aspx?SortId=2">Mens</a></li>
<li><a href="product.aspx?SortId=3">Bags</a></li>
<li><a href="product.aspx?SortId=4">Small Pieces</a></li>
<li><a href="product.aspx?SortId=5">Shoes</a></li>
<li><a href="product.aspx?SortId=6">Others</a></li>
<li><a href="">Contact US </a></li>
</ul>
</li>
</ul>
</div>
<!--initiate accordion-->
<div id="div_hot">
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/a1 (2).jpg" alt=" " width="150px" height="200px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div>
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/b1 (4).jpg" alt=" " width="150px" height="230px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div>
<div class=" chain-grid menu-chain">
<a href="single.html">
<img class="img-responsive chain" src="images/b1 (17).jpg" alt=" " width="150px" height="230px" /></a>
<div class="grid-chain-bottom chain-watch">
<span class="actual dolor-left-grid">300$</span>
<span class="reducedfrom">500$</span>
<h6>Lorem ipsum dolor</h6>
</div>
</div>
</div>
<a class="view-all all-product" href="product.html">VIEW ALL PRODUCTS<span> </span></a>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="footer">
<div class="footer-top">
<div class="container">
<div class="latter">
<h6>NEWS-LATTER</h6>
<div class="sub-left-right">
</div>
<div class="clearfix"></div>
</div>
<div class="latter-right">
<p>FOLLOW US</p>
<ul class="face-in-to">
<li><a href="#"><span></span></a></li>
<li><a href="#"><span class="facebook-in"></span></a></li>
<div class="clearfix"></div>
</ul>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div style="width: 100%; text-align: center">
<p class="footer-class">Copyright @copy; 2015.Company name All rights reserved.</p>
</div>
</div>
</body>
</html>