Vedendo vari blog (e anche Facebook), ho notato che quando si scrolla (ovvero quando si muove la barra di scorrimento) alla fine della pagina, vengono caricati contenuti aggiungivi, quindi ho deciso, se mai dovesse servire a qualcuno, di inserire qua una breve spiegazione su come far ciò.
Iniziamo dai codici, che sono i seguenti:
D: Ok, ma cosa significa tutta questa roba?
Tutta questa "roba" sono i codici che compongono lo script. Partendo dal JavaScript, in objScroll dovremmo specificare l' object a cui applicare l' effetto tramite $( e );
In questo caso l' ho applicato al tag "div", ma ovviamente sarà possibile applicarlo anche ad elementi, ad esempio se vogliamo usarlo per un tag con ID scelto da noi, sarà:
Se invece si tratta di class:
Solitamente però, viene usato per il body intero, in quel caso potremo usare:
o
<div> Contiene il contenuto di "base" e con la funzione .scroll() di jQuery ci agganciamo all' evento dello scrolling appunto, quindi quando ciò accade, eseguiremo ciò che c'è al suo interno. In questo caso, controlleremo se la scrollbar ha raggiunto il fondo tramite l' apposita if, e se è così, preleviamo il contenuto di page.html e lo inseriamo accodato al contenuto attuale del nostro elemento.
D: Ma.. la pagina page.html cosa contiene?
page.html contiene solo il codice da aggiungere, ovviamente con un po' di inventiva si può far di più.
D: Capisco.. Cosa dovrei farci però con tutto ciò?
Questo script può tornar utile se ad esempio vogliamo mostrare TOT risultati nella nostra pagina (di una query) ma scorrendo ne appriranno di nuovo. Per far ciò, basterà creare una variabile in JavaScript da aggiornare ogni volta che vengon caricati nuovi contenuti, se ad esempio vogliamo caricare 10 contenuti alla volta (per un massimo di: 40), potremmo fare:
Page.html diventerà page.php e i codici da inserirvi sono molto semplici. Nel caso si vogliano estrarre appunto 10 post alla volta, basterà fare mettere come contenuto di page.php:
Questo ovviamente è solo un codice di esempio per farvi capire. Bisognerà sostituire miatabella con il nome della tabella, "id" con il valore dal quale stabilire quale è il post più recente e ovviamente "titolo" e "testo" con le colonne opportune. Ritornando ai codici dello script, potrete stabilire maxPosts semplicemente effettuando un mysql_num_rows() relativo al numero di post esistenti.
Iniziamo dai codici, che sono i seguenti:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
D: Ok, ma cosa significa tutta questa roba?
Tutta questa "roba" sono i codici che compongono lo script. Partendo dal JavaScript, in objScroll dovremmo specificare l' object a cui applicare l' effetto tramite $( e );
In questo caso l' ho applicato al tag "div", ma ovviamente sarà possibile applicarlo anche ad elementi, ad esempio se vogliamo usarlo per un tag con ID scelto da noi, sarà:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Se invece si tratta di class:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Solitamente però, viene usato per il body intero, in quel caso potremo usare:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
o
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
<div> Contiene il contenuto di "base" e con la funzione .scroll() di jQuery ci agganciamo all' evento dello scrolling appunto, quindi quando ciò accade, eseguiremo ciò che c'è al suo interno. In questo caso, controlleremo se la scrollbar ha raggiunto il fondo tramite l' apposita if, e se è così, preleviamo il contenuto di page.html e lo inseriamo accodato al contenuto attuale del nostro elemento.
D: Ma.. la pagina page.html cosa contiene?
page.html contiene solo il codice da aggiungere, ovviamente con un po' di inventiva si può far di più.
D: Capisco.. Cosa dovrei farci però con tutto ciò?
Questo script può tornar utile se ad esempio vogliamo mostrare TOT risultati nella nostra pagina (di una query) ma scorrendo ne appriranno di nuovo. Per far ciò, basterà creare una variabile in JavaScript da aggiornare ogni volta che vengon caricati nuovi contenuti, se ad esempio vogliamo caricare 10 contenuti alla volta (per un massimo di: 40), potremmo fare:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Page.html diventerà page.php e i codici da inserirvi sono molto semplici. Nel caso si vogliano estrarre appunto 10 post alla volta, basterà fare mettere come contenuto di page.php:
PHP:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Questo ovviamente è solo un codice di esempio per farvi capire. Bisognerà sostituire miatabella con il nome della tabella, "id" con il valore dal quale stabilire quale è il post più recente e ovviamente "titolo" e "testo" con le colonne opportune. Ritornando ai codici dello script, potrete stabilire maxPosts semplicemente effettuando un mysql_num_rows() relativo al numero di post esistenti.
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Ultima modifica:
