Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/04/2012, 16:15
Avatar de ocesitaro
ocesitaro
 
Fecha de Ingreso: diciembre-2011
Ubicación: Carabayllo
Mensajes: 274
Antigüedad: 13 años
Puntos: 36
Respuesta: Como instalar infinite-scroll para alguien verde en el tema!???

Hola , aca en el trabajo no puedo descargar ya que hay un filtro.
Pero aca tengo algo parecido a lo que quieres

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var variable_get=1;
$("#ver_mas").click(function(){
$("#cargando").css('display','inline');
$.ajax({
type:'GET',//tambien hay POST
url:"paginaphp.php", //tu pagina desde donde obtienes la info
data:{variable:variable_get},
success : function (rpta) {
$("#cargando").css('display','none');
variable_get=variable_get+1;
$('<div class="item">'+rpta+'</div>').appendTo($("#contenido"));
if(variable_get==3){
$("#ver_mas").hide()
}
}
})
})
})
</script>
<style type="text/css">
body{ margin:0; text-align:center;}
#ver_mas{height:30px;width:300px;background:#000;c olor:#FFF;
left:50%; margin-left:-150px; cursor:pointer; margin:auto;}
.item{width:500px;height:700px;background:#000;mar gin:10px auto; color:#FFF;}
#cargando{ width:100%; color:#C00; display:none;}
</style>
</head>

<body>
<div id="contenido">
</div>
<div id="cargando">... cargando</div>
<div id="ver_mas">ver mas</div>
</body>