½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > Ä¿¹Â´ÏƼ > Áú¹®°ú´äº¯ »ó¼¼º¸±â
Ä¿¹Â´ÏƼ ±¸Àα¸Á÷
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
HTML
ASP
mysql
CSS
Mobile
image
jquery
slide
¸Þ´º
�޴�
2023
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
°Ô½ÃÆÇŸÀÌƲ Áú¹®°ú´äº¯ / »ó¼¼º¸±â
Æ®À§ÅÍ·Î º¸³»±â
Ãßõ¼ö 524 | Á¶È¸¼ö 4,427 | µî·ÏÀÏ 2014-07-09 12:08:54

´Ð³×ÀÓ

¹ÝÈÄ·ç

À̸ÞÀÏ

4358j@naver.com

Á¦¸ñ

½ºÅ©¸³Æ® Áú¹®µå·Á¿ä~
³»¿ë
<script type="text/javascript">
$(document).ready(function() {
 
 var Arrays=new Array();
 
 $('.add-to-cart-button').click(function(){
  
  var thisID    = $(this).parent().parent().attr('id').replace('detail-','');
  
  var itemname  = $(this).parent().find('.item_name').html();
  var itemprice = $(this).parent().find('.price').html();
  
  if(include(Arrays,thisID))
  {
   var price   = $('#each-'+thisID).children(".shopp-price").find('em').html();
   var quantity = $('#each-'+thisID).children(".shopp-quantity").html();
   quantity = parseInt(quantity)+parseInt(1);
   
   var total = parseInt(itemprice)*parseInt(quantity);
   
   $('#each-'+thisID).children(".shopp-price").find('em').html(total);
   $('#each-'+thisID).children(".shopp-quantity").html(quantity);
   
   var prev_charges = $('.cart-total span').html();
   prev_charges = parseInt(prev_charges)-parseInt(price);
   
   prev_charges = parseInt(prev_charges)+parseInt(total);
   $('.cart-total span').html(prev_charges);
   
   $('#total-hidden-charges').val(prev_charges);
  }
  else
  {
   Arrays.push(thisID);
   
   var prev_charges = $('.cart-total span').html();
   prev_charges = parseInt(prev_charges)+parseInt(itemprice);
   
   $('.cart-total span').html(prev_charges);
   $('#total-hidden-charges').val(prev_charges);
   
   var Height = $('#cart_wrapper').height();
   $('#cart_wrapper').css({height:Height+parseInt(45)});
   
   $('#cart_wrapper .cart-info').append('<div class="shopp" id="each-'+thisID+'"><div class="label">'+itemname+'</div><div class="shopp-price"> $<em>'+itemprice+'</em></div><span class="shopp-quantity">1</span><img src="remove.png" class="remove" /><br class="all" /></div>');
   
  }
  
 }); 
 
 $('.remove').livequery('click', function() {
  
  var deduct = $(this).parent().children(".shopp-price").find('em').html();
  var prev_charges = $('.cart-total span').html();
  
  var thisID = $(this).parent().attr('id').replace('each-','');
  
  var pos = getpos(Arrays,thisID);
  Arrays.splice(pos,1,"0")
  
  prev_charges = parseInt(prev_charges)-parseInt(deduct);
  $('.cart-total span').html(prev_charges);
  $('#total-hidden-charges').val(prev_charges);
  $(this).parent().remove();
  
 }); 
 
 $('#Submit').livequery('click', function() {
  
  var totalCharge = $('#total-hidden-charges').val();
  
  $('#cart_wrapper').html('Total Charges: $'+totalCharge);
  
  return false;
  
 }); 
 
 // this is for 2nd row's li offset from top. It means how much offset you want to give them with animation
 var single_li_offset  = 200;
 var current_opened_box  = -1;
 
 $('#wrap li').click(function() {
 
  var thisID = $(this).attr('id');
  var $this  = $(this);
  
  var id = $('#wrap li').index($this);
  
  if(current_opened_box == id) // if user click a opened box li again you close the box and return back
  {
   $('#wrap .detail-view').slideUp('slow');
   return false;
  }
  $('#cart_wrapper').slideUp('slow');
  $('#wrap .detail-view').slideUp('slow');
  
  // save this id. so if user click a opened box li again you close the box.
  current_opened_box = id;
  
  var targetOffset = 0;
  
  // below conditions assumes that there are four li in one row and total rows are 4. How ever if you want to increase the rows you have to increase else-if conditions and if you want to increase li in one row, then you have to increment all value below. (if(id<=3)), if(id<=7) etc
  
  if(id<=3)
   targetOffset = 0;
  else if(id<=7)
   targetOffset = single_li_offset;
  else if(id<=11)
   targetOffset = single_li_offset*2;
  else if(id<=15)
   targetOffset = single_li_offset*3;
  
  $("html:not(:animated),body:not(:animated)").animate({scrollTop: targetOffset}, 800,function(){
   
   $('#wrap #detail-'+thisID).slideDown(500);
   return false;
  });
  
 });
 
 $('.close a').click(function() {
  
  $('#wrap .detail-view').slideUp('slow');
  
 });
 
 $('.closeCart').click(function() {
  
  $('#cart_wrapper').slideUp();
  
 });
 
 $('#show_cart').click(function() {
  
  $('#cart_wrapper').slideToggle('slow');
  
 });
 
});
function include(arr, obj) {
  for(var i=0; i<arr.length; i++) {
    if (arr[i] == obj) return true;
  }
}
function getpos(arr, obj) {
  for(var i=0; i<arr.length; i++) {
    if (arr[i] == obj) return i;
  }
}
</script>
 
 
»óÇ°À» Ŭ¸¯ÇÏ¸é »óÇ°¼³¸íÀÌ µå·ÓµÇ°í ´Ù½Ã Ŭ¸¯ÇÏ¸é µå·ÓµÇ¾ú´ø ¹Ú½º°¡ ´ÝÈ÷´Â°Å ±îÁö´Â ÁÁÀºµ¥
 
´Ù½Ã °°Àº »óÇ°À» Ŭ¸¯ÇÏ¸é ¸ÔÅëÀ̵˴ϴÙ
 
(´Ù¸¥ »óÇ°À» Ŭ¸¯ÇÏ°í ´Ù½Ã Å¬¸¯ÇÏ¸é ´Ù½Ã À̺¥Æ®°¡ ½ÇÇàµË´Ï´Ù.)
 
 return false;ÀÌÂʹ®±¸¸¦ ¼öÁ¤ÇØ¾ß Çϴ°ÇÁö¿ä?
 
¸¹Àº °¡¸£Ä§ ºÎŹµå·Á¿ä~
Ãßõ½ºÅ©·¦¼Ò½ºº¸±â ¸ñ·Ï
ÀÌÀü°Ô½Ã±Û ÀÌ »çÀÌÆ®°°Àº ¸¶¿ì½ºÈÙ·Î ½½¶óÀ̵ùµÇ´Â°Ç ¾î¶»°Ô ¸¸µå³ª¿ä? 2014-06-24 15:28:47
´ÙÀ½°Ô½Ã±Û ´º½º ¼Ö·ç¼Ç °ü·ÃÇÏ¿© Áú¹®µå¸³´Ï´Ù. 2014-07-17 12:31:03