Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di Davy96
    Registrato dal
    Jun 2012
    Messaggi
    91

    Caricare contenuti a fine pagina

    Salve a tutti
    Dopo molto tempo perso nel trovare un classe decente, ho deciso di realizzare uno script jquery , che una volta arrivato a fine pagina , in automatico carichi i contenuti di un link che varia in base a variabili GET.
    Per rendere meglio la cosa ho postato un esempio trovato su google:
    Codice PHP:
    <script type="text/javascript"
    $(function() {
     var 
    baseCont 10// Numero di base corrispondente al numero di post caricati di default
     
    var xCont 10// Numero di post da caricare ogni volta var maxPosts = 40; 
    // Numero massimo di post da caricare 
    var objScroll = $("div");
    objScroll.scroll(function() {
      if(
    objScroll[0].scrollHeight objScroll.scrollTop() == objScroll.outerHeight()) { 
        if(
    baseCont maxPosts) { $.ajax({ 
    type"GET",
    url"page.php?from=" baseCont,                                     
    dataType"html"
    success: function(data) { 
        
    objScroll.html(objScroll.html() + data)
    ; }
     
    baseCont baseCont xCont
    });
     }
     }
     });
     }); 
    </script> 
    quello che vorrei è prendere spunto da questo ...quindi mi farebbe davvero piacere se qualcuno me l'ho spiegasse passo per passo.
    Grazie in anticipo
    "Il rischio più grande di tutti? Non rischiare."(Anonimo)
    "Le persone possono dubitare di ciò che dici ma crederanno a ciò che fai."
    (Lewis Cass)

  2. #2

    Dovresti studiar da solo...

    Inanzitutto questo script richied JQUERY che è una libreria recente che è sempre sciluppato su Javascript ma ha degli strumenti:Jquery's site

    var objScroll = $("div"); qui viene assegnato il "valore" di div praticamente il div

    objScroll.scroll(function() {
    if(objScroll[0].scrollHeight - objScroll.scrollTop() == objScroll.outerHeight()) {
    if(baseCont < maxPosts) {

    Viene creata una funzione dedicata su questo div e a secondo della posizione del div dovrebbe caricar qualcosa. Il resto lo lascio a te.

  3. #3
    Utente di HTML.it L'avatar di Davy96
    Registrato dal
    Jun 2012
    Messaggi
    91
    scusa ma era proprio la parte finale che mi interessava.. comunque grazie per l'aiuto


    volevo sapere se qualcuno puo' farmi una demo dove una volta arrivati a fine pagina appare un alert cosi da capire meglio quel passaggio .scroll()
    "Il rischio più grande di tutti? Non rischiare."(Anonimo)
    "Le persone possono dubitare di ciò che dici ma crederanno a ciò che fai."
    (Lewis Cass)

  4. #4
    Utente di HTML.it L'avatar di Davy96
    Registrato dal
    Jun 2012
    Messaggi
    91
    dai..nessuno mi da una mano?
    "Il rischio più grande di tutti? Non rischiare."(Anonimo)
    "Le persone possono dubitare di ciò che dici ma crederanno a ciò che fai."
    (Lewis Cass)

  5. #5
    Sforzate e sta qui la guida... http://www.sciax2.it/forum/guide-tut...ina-print.html

    Comunque dell'If non sò che dirti...

    if(objScroll[0].scrollHeight - objScroll.scrollTop() == objScroll.outerHeight()) {
    if(baseCont < maxPosts) {
    //Questo è ajax
    $.ajax({
    type: "GET",
    url: "page.php?from=" + baseCont,
    dataType: "html",
    success: function(data) {
    objScroll.html(objScroll.html() + data) // dove con questa parte inserisce la parte mancante
    ; }
    baseCont = baseCont + xCont;
    });
    }
    }
    });
    });

  6. #6
    Utente di HTML.it L'avatar di Davy96
    Registrato dal
    Jun 2012
    Messaggi
    91
    Allora io cerco di implementarlo con qualche modifica... poi te lo posto cosi Mi Dici cosa devo modificare... grazie dell aiuto
    "Il rischio più grande di tutti? Non rischiare."(Anonimo)
    "Le persone possono dubitare di ciò che dici ma crederanno a ciò che fai."
    (Lewis Cass)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.