mejoras en la api

This commit is contained in:
humano 2017-11-06 11:23:43 -05:00
parent eb1a57a7eb
commit 52d96e6a87
4 changed files with 220 additions and 28 deletions

View File

@ -414,6 +414,30 @@ if('serviceWorker' in navigator) {
.then(function() { console.log('Service Worker Registered'); });
}
</script> -->
<script>
document.getElementById('scroll-content').addEventListener('scroll', function (event) {
var newDiv = document.createElement('div');
newDiv.innerHTML = 'my awesome new div';
document.getElementById('scroll-content').appendChild(newDiv);
});
var checkForNewDiv = function () {
var lastDiv = document.querySelector('#scroll-content > div:last-child');
var maindiv = document.querySelector('#scroll-content');
var lastDivOffset = lastDiv.offsetTop + lastDiv.clientHeight;
var pageOffset = maindiv.offsetTop + maindiv.clientHeight;
if (pageOffset > lastDivOffset - 10) {
var newDiv = document.createElement('div');
newDiv.innerHTML = 'my awesome new div';
document.getElementById('scroll-content').appendChild(newDiv);
checkForNewDiv();
}
};
checkForNewDiv();
</script>
";
$registros = aplicacion_carrusel("$form",'10','','embebido','',"carousel");
@ -471,7 +495,7 @@ if('serviceWorker' in navigator) {
<div class='reveal' style='bottom: 80px !important; '>
<div class='slides' >
<section id='inicio' class='text-center' >
<section id='inicio' class='text-center scrollable' >
<img style='width: 20%;
display: block;
margin-left: auto;
@ -493,6 +517,12 @@ if('serviceWorker' in navigator) {
<section id='mapa'>
$mapa
</section>
<section id='listado' class='scrollable'>
<div id='scroll-content'>
<div>test div</div>
</div>
</section>
</div>
</div>$footer";
//$onload = "$footer $aplicacion ";
@ -1322,6 +1352,20 @@ $(document).ready(function() {
?>
<style>
#scroll-content > div {
background: #c0c0c0;
height: 40px;
margin-bottom: 5px;
}
#scroll-content
{
height:300px;
overflow:auto;
}
</style>
</body>

124
librerias/infinite.php Normal file
View File

@ -0,0 +1,124 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Image</title>
<script src="jquery/jquery-2.1.4.min.js" ></script>
<script src="bootstrap/js/bootstrap.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
var count = 2;
$("div").scroll(function () {
var offset = $('#scroll-content div').length;
var $this = $(this);
var height = this.scrollHeight - $this.height(); // Get the height of the div
var scroll = $this.scrollTop(); // Get the vertical scroll position
var isScrolledToEnd = (scroll >= height);
$(".scroll-pos").text(scroll);
$(".scroll-height").text(height);
if (isScrolledToEnd) {
loadArticle(count);
// var additionalContent = GetMoreContent(); // Get the additional content
//alert("hola");
count++;
document.getElementById("paginas").innerHTML=count;
/*
var newDiv = document.createElement("div");
newDiv.setAttribute("class", "container");
$.ajax({
//url: 'get-post.php?variable='+(offset),
url: '../milfs/api.php?id=74&tipo=simple&formato=li&registros=1&pagina='+offset,
dataType: 'html',
success: function(html) {
// $('#scroll-contentx').append(html);
var contenido = html;
// $('#loading').hide();
newDiv.innerHTML = contenido;
//newDiv.innerHTML.append(html);
}
});
document.getElementById("scroll-content").appendChild(newDiv);
document.getElementById("paginas").innerHTML=offset;
// checkForNewDiv();
*/
// $this.append(additionalContent); // Append the additional content
}
function loadArticle(pageNumber){
var newDiv = document.createElement("div");
newDiv.setAttribute("class", "container");
// var contenido ="Hola mundo "+ pageNumber;
// newDiv.innerHTML = contenido;
//newDiv.innerHTML.append(html);
document.getElementById("scroll-content").appendChild(newDiv);
$.ajax({
//url: 'get-post.php?variable='+(offset),
url: '../milfs/api.php?id=74&tipo=simple&formato=li&registros=1&pagina='+pageNumber,
type:'POST',
dataType: 'html',
success: function(html) {
// $('#scroll-contentx').append(html);
var contenido = html;
newDiv.innerHTML = contenido;
}
});
}
});
});
</script>
</head>
<body>
<div style="overflow: scroll;height: 400px; border: 1px solid red;">
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p> <p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p> <p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p> <p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<p>This is the div content</p>
<div id="wrapper">
<div id="scroll-content">
<div id='posts'></div>
</div>
</div>
</div>
<div id='paginas'>las paginas</div>
Scroll Height: <span class="scroll-height"></span> <br/>
Scroll position: <span class="scroll-pos"></span>
</body>
</html>
shareimprove this answer

View File

@ -16,16 +16,24 @@ if(isset($_REQUEST['start'])) {$datos['start']=$_REQUEST['start'];}
if(isset($_REQUEST['fin'])) {$datos['fin']=$_REQUEST['fin'];}
if(isset($_REQUEST['end'])) {$datos['end']=$_REQUEST['end'];}
if(isset($_REQUEST['tipo'])) {$datos['tipo']=$_REQUEST['tipo'];}
if(isset($_REQUEST['formato'])) {$datos['formato']=$_REQUEST['formato'];}
if(isset($_REQUEST['registros'])) {$datos['registros']=$_REQUEST['registros'];}
if(isset($_REQUEST['pagina'])) {$datos['pagina']=$_REQUEST['pagina'];}
/*$datos['dato']=$_REQUEST['dato'];
$datos['inicio']=$_REQUEST['inicio'];
$datos['start']=$_REQUEST['start'];
$datos['fin']=$_REQUEST['fin'];
$datos['end']=$_REQUEST['end'];
$datos['tipo']=$_REQUEST['tipo'];*/
if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');
}
if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');}
if(!isset($_REQUEST['formato'])) {
header('Content-Type: application/json');
//echo "hola /// $_REQUEST[id] // " ;
echo json($datos);
}else{
echo "<input value='$datos[pagina]' id='pagina'>".consultar_contenido_formulario("$datos[id]","$datos[registros]","$datos[pagina]","$datos[formato]",'',"li");
}
//echo "hola /// $_REQUEST[id] // " ;
?>

View File

@ -993,6 +993,7 @@ elseif($tipo=="aplicacion"){
$acciones="
<div class='list-inline' >
<li class='list-inline-item'><a title='Inicio' class='btn btn-info ' href='#inicio' ><i class='fa fa-home' aria-hidden='true'></i></a></li>
<li class='list-inline-item'><a title='Listado' class='btn btn-info ' href='#listado' ><i class='fa fa-list' aria-hidden='true'></i></a></li>
$mapa_aplicacion
$galeria_aplicacion
<li class='list-inline-item'><a title='Estadisticas' class='btn btn-info ' href='#/estadisticas' ><i class='fa fa-area-chart' aria-hidden='true'></i></a></li>
@ -2206,7 +2207,7 @@ while( $row = mysqli_fetch_array( $datos_consulta ) ) {
$contenido = remplacetas('form_datos','form_id',"$row[form_id]",'contenido'," id_campo ='$row[id_campo]' and control ='$identificador' $orden_multiple ") ;
if($contenido[0] !="" AND $privado !="1") {
$tipo_campo = remplacetas('form_campos','id',"$row[id_campo]",'campo_tipo',"") ;
if($tipo_campo[0] =="15" ) {$imagen ="<img style='width:100%' class='img img-responsive' src='$_SESSION[site]milfs/images/secure/?file=300/$contenido[0]'> "; $contenido[0]="";}else{$imagen ="";}
if($tipo_campo[0] =="15" ) {$imagen ="<img style='' class='img img-responsive imagen_estructurada' src='$_SESSION[site]milfs/images/secure/?file=300/$contenido[0]'> "; $contenido[0]="";}else{$imagen ="";}
if($tipo_campo[0] =="6" ) {$contenido[0] =imprimir_buscador_campo("$row[id_campo]",$contenido[0]) ; }
if($tipo_campo[0] =="29" ) {$contenido[0] ="<img class='img img-responsive' src='$contenido[0]'> "; }//$contenido="<img class='img img-responsive' src='$contenido'>";
if($tipo_campo[0] =="31" ) {
@ -3784,6 +3785,7 @@ $linea .= landingpage_contenido_identificador("$row[control]","$id_form","$plant
//$linea .= "<br>$row[control]";
$linea_listado .= landingpage_contenido_identificador("$row[control]","$id_form","$plantilla",'listado');
$linea_planilla .= landingpage_contenido_identificador("$row[control]","$id_form","$plantilla",'planilla');
$linea_li .= landingpage_contenido_identificador("$row[control]","$id_form","$plantilla",'li');
}
$buscador = buscar_datos("*formato*","$form","grid","mostrar_resultado");
//$filtro = portal_filtro_campos_select($form,"$campo_filtro","mostrar_resultado","landingpage");
@ -3844,8 +3846,9 @@ $encabezado
";
}
else {
$resultado ="<div class='alert alert-warning alert_sin_resultados' ><h1 title=''>Aún no hay resultados 0021</h1> </div>";
if($tipo =="contenido" OR $tipo =="embebido" ) {
$resultado ="<div class='alert alert-warning alert_sin_resultados' ><h1 title=''>No hay resultados 0021</h1> </div>";
if($tipo =="contenido" OR $tipo =="embebido" OR $tipo =="li" ) {
if($tipo=="li") {$resultado="";}
return $resultado;
}
$respuesta->addAlert("No hay resultados 0022");
@ -3876,6 +3879,10 @@ return $respuesta;
// unset($_SESSION['proceso']);
return "$linea_planilla";
}
elseif($tipo =="li") {
// unset($_SESSION['proceso']);
return "$linea_li";
}
else {}
}
$xajax->registerFunction("consultar_contenido_formulario");
@ -4166,9 +4173,9 @@ function landingpage_contenido_identificador($identificador,$form,$plantilla,$ti
<!-- Exportado desde Tupale.co -->
<!-- plantilla landingpage $identificador -->
<a name='control_$identificador'></a>
<a name='control_$identificador' class='clase_listado'></a>
<div class='container-fluid'>
<div class='col-lg-12 col-md-12 col-xs-12 text-left'>
<div class='col-lg-12 col-md-12 col-xs-12 '>
$contenido
</div>
@ -4223,30 +4230,39 @@ $encabezado_empresa = empresa_datos("$id_empresa[0]",'encabezado');
$usuario_datos
</div>
</div>";}else{
</div>";}
else{
$cabecera="";
$pie="";
$salto="";
}
$linea = "
if($tipo =="li") {
$linea ="
$impresion
";
}
else{
$linea = "
<div class='mostrar_identificador_full '>
$cabecera $manejadores
$documento
$impresion
$edicion
<!-- formulario de respuesta -->
<div id='formulario_respuesta_$identificador' class='formulario_respuesta ' style=''>$respuestas</div>
<!-- formulario de respuesta -->
$pie
</div>
$salto
";
<div class='mostrar_identificador_full '>
$cabecera $manejadores
$documento
$impresion
$edicion
<!-- formulario de respuesta -->
<div id='formulario_respuesta_$identificador' class='formulario_respuesta ' style=''>$respuestas</div>
<!-- formulario de respuesta -->
$pie
</div>
$salto
";
}
return $linea;
}
}