<?php
include dirname(__FILE__).'/../lib/library.php';
$category1 =$_GET['category'];

?>

<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<link rel="stylesheet" type="text/css" href="/m2/size/style.css" />
<script type="text/javascript" language="javascript" src="/m2/size/jquery.js"></script>
<script>

$(document).ready(function() {

$('#content').scrollPagination({

nop    : 10, // The number of posts per scroll to be loaded
offset  : 0, // Initial offset, begins at 0 in this case
error  : '마지막페이지입니다.', // When the user reaches the end this is the message that is
                            // displayed. You can change this if you want.
delay  : 100, // When you scroll down the posts will load after a delayed amount of time.
              // This is mainly for usability concerns. You can alter this as you see fit
scroll  : true // The main bit, if set to false posts will not load as the user scrolls.
              // but will still load if the user clicks.

});

});



(function($) {

$.fn.scrollPagination = function(options) {

var settings = {
nop    : 10, // The number of posts per scroll to be loaded
offset  : 0, // Initial offset, begins at 0 in this case
error  : '마지막페이지입니다.', // When the user reaches the end this is the message that is
                            // displayed. You can change this if you want.
delay  : 100, // When you scroll down the posts will load after a delayed amount of time.
              // This is mainly for usability concerns. You can alter this as you see fit
scroll  : true // The main bit, if set to false posts will not load as the user scrolls.
              // but will still load if the user clicks.
}

// Extend the options so they work with the plugin
if(options) {
$.extend(settings, options);
}

// For each so that we keep chainability.
return this.each(function() {

// Some variables
$this = $(this);
$settings = settings;
var offset = $settings.offset;
var busy = false; // Checks if the scroll action is happening
                  // so we don't run it multiple times

// Custom messages based on settings
if($settings.scroll == false) $initmessage = '';
else $initmessage = '마지막상품입니다.'; //원래 더보기 텍스트가들어간 자리. 하지만 로딩시 보이는문제때문에 로딩이란 테스?로바꿔줌

// Append custom messages and extra UI
$this.append('<div class="content"></div><div class="loading-bar">'+$initmessage+'</div>');

function getData() {

// Post data to ajax.php
$.post('/m2/size/ajax.php?ca=<?=$category1?>', {

action        : 'scrollpagination',
    number        : $settings.nop,
    offset        : offset,
   
}, function(data) {

// Change loading bar content (it may have been altered)
$this.find('.loading-bar').html($initmessage);

// If there is no data returned, there are no more posts to be shown. Show error
if(data == "") {
$this.find('.loading-bar').html($settings.error);
}
else {

// Offset increases
    offset = offset+$settings.nop;
   
// Append the data to the content div
  $this.find('.content').append(data);

// No longer busy!
busy = false;
}

});

}

getData(); // Run function initially

// If scrolling is enabled
if($settings.scroll == true) {
// .. and the user is scrolling
$(window).scroll(function() {

// Check the user is at the bottom of the element
if($(window).scrollTop() + $(window).height() > $this.height() && !busy) {

// Now we are working, so busy is true
busy = true;

// Tell the user we're loading posts
$this.find('.loading-bar').html('불러오는중...');

// Run the function to fetch the data inside a delay
// This is useful if you have content in a footer you
// want the user to see.
setTimeout(function() {

getData();

}, $settings.delay);

}
});
}

// Also content can be loaded by clicking the loading bar/
$this.find('.loading-bar').click(function() {

if(busy == false) {
busy = true;
getData();
}

});

});
}

})(jQuery);



</script>





<div id="content">



</div>


<script>


</script>

</body>
</html>

<?php
include dirname(__FILE__).'/../lib/library.php';
$category1 =$_GET['ca'];

?>

<style>
.item{border:1px solid #2bb5dc;  height:80px; margin-bottom: 5px; background: #fff;}
.img{float: left; width: 80px; height: 80px;}
.i_info{float: left;}
</style>
<?
$offset = is_numeric($_POST['offset']) ? $_POST['offset'] : die();
$postnumbers = is_numeric($_POST['number']) ? $_POST['number'] : die();


$run = mysql_query("SELECT  * from  gd_goods_link,gd_goods,gd_goods_option


where gd_goods_link.category like '$category1%'
AND gd_goods_link.goodsno= gd_goods.goodsno
AND gd_goods_option.goodsno=gd_goods.goodsno

ORDER BY gd_goods.goodsno DESC LIMIT ".$postnumbers." OFFSET ".$offset);

for($i=0;$row= mysql_fetch_array($run);$i++) {

?>
 



<a href="javascript:void(0);" onclick="window.HybridApp.setMessage('menu@i_view@<?= $row["goodsno"]; ?>');">
<div class="item">
           
  <div class="img"> <img src="http://kidsmori.com/shop/data/goods/<?=$row[img_s]?>" width=80/>  </div>
 <div class="i_info">
  <em style="float:left; margin-left:20px; margin-top:20px; "> <?=$row[goodsnm]?></em></br>
 <em style="float:left; margin-left:20px;"> <?=$row[price]?>원</em>
  </div>

 <div style="clear:both; "> </div>


</div>

</a>
<?
}
?>

단언컨데 위의스크롤로딩은 지금까지 본최고의 퍼포먼스를자랑하는 소스일껍니다. ㅋ

제가 맞춤법을 신경안써요 ㅋㅋ 정정할께요 단언컨대 ㅜㅜ

제가 쓴게 제이쿼리에요 ㅋㅋㅋ

해당 제이쿼리부분만 그냥 한페이지에 몰아서 쓴거에요 ㅋ