|
|
<%@ 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">Women’s</a></li>
|
|
|
<li><a href="product.aspx?SortId=2">Men’s</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>
|
