[AJAX-PHP] Elenco notizie sul sito scorrevole da DB

[fmortara]

Salve,
ho una necessità da implementare su un sito in sviluppo.

Praticamente devo poter avere un elenco formattato di news pescati da un database che vanno a rotazione in home page.

Per ogni notizia devo leggere dal DB diversi campi ogni 2 minuti.

Se può interessare nel sito c'è già jquery.

Le notizie da mostrare sono circa un centinaio, per questo non le voglio caricare tutte in una volta, e potrebbero esserci più elenchi per pagina, per cui anche questo fatto è da considerare.

Se avete suggerimenti...
Vi ringrazio in anticipo.

[fmortara]

Nessuno?

[ilgiovo]

Originariamente inviato da fmortara

Per ogni notizia devo leggere dal DB diversi campi ogni 2 minuti.

[...]
e potrebbero esserci più elenchi per pagina,

non ho capito queste parti

[ilgiovo]

in ogni caso, secondo me mettere centinaia di news in uno scroll è abbastanza inutile.. penso che poche persone avrebbero la pazienza di stare a scrollare tutto per leggersi la centesima... forse è meglio mettere ad esempio le prime 10 e poi linkare un'area a parte contenente l'archivio delle news.

per quanto riguarda l'aspetto tecnico, farei una funzione javascript temporizzata (con setTimeout) che ogni 2 minuti spara una richiesta al server, scaricando le news (anche già renderizzate in html, perchè no) che poi vai a scrivere nello scroll

[fmortara]

ecco...
avresti un abbozzo di codice da mostrarmi?

In realtà non sono news ma delle parti di pagina che devono essere mostrate a rotazione in home. possono essere fino ad un massimo di 120.

Lo scroll poi potrebbe anche essere un fade..

[ilgiovo]

abbozzo della pagina lato client

<script>

function inviaRichiesta() {
 //creo l'oggetto http request (multibrowser)
  if(window.XMLHttpRequest){
	  hr = new XMLHttpRequest();
  }
   else if (window.ActiveXObject) {
	  for (var i=0; i<fmw.activexmodes.length; i++) {
      try {
	      hr = new ActiveXObject(fmw.activexmodes[i]);
      }
      catch(e) {
        // chiamata http non supportata
      }
   }
	}
	if (!hr) {
	  alert("HttpRequest non supportate.");
	}
	else {
//apro la connessione con pagina.asp (cioè la pagina che fa la query sul DB lato server)
    hr.open("GET", "pagina.asp", false);
    hr.send();
// scrivo l'output della pagina nel div che contiene le news
    document.getElementById("divNews").innerHTML = hr.responseText;

  }


}

function init() {
setTimeout("inviaRichiesta()", 120000); //spara la funzione ogni 120000 millisecondi, cioè 2 minuti
}

window.onload = init;

</script>
<div id="divNews"></div>

per la pagina lato server, dipende da che linguaggio utilizzi.. in sostanza devi fare la query e poi renderizzare il risultato in html

ti resta poi da fare l'effetto scorrimento o fade o quello che vuoi nel lato server

[fmortara]

Ok grazie!!

Ora me la studio con calma stasera e ti faccio sapere.

[fmortara]

Originariamente inviato da ilgiovo
abbozzo della pagina lato client

<script>

function inviaRichiesta() {
 //creo l'oggetto http request (multibrowser)
  if(window.XMLHttpRequest){
	  hr = new XMLHttpRequest();
  }
   else if (window.ActiveXObject) {
	  for (var i=0; i<fmw.activexmodes.length; i++) {
      try {
	      hr = new ActiveXObject(fmw.activexmodes[i]);
      }
      catch(e) {
        // chiamata http non supportata
      }
   }
	}
	if (!hr) {
	  alert("HttpRequest non supportate.");
	}
	else {
//apro la connessione con pagina.asp (cioè la pagina che fa la query sul DB lato server)
    hr.open("GET", "pagina.asp", false);
    hr.send();
// scrivo l'output della pagina nel div che contiene le news
    document.getElementById("divNews").innerHTML = hr.responseText;

  }


}

function init() {
setTimeout("inviaRichiesta()", 120000); //spara la funzione ogni 120000 millisecondi, cioè 2 minuti
}

window.onload = init;

</script>
<div id="divNews"></div>

per la pagina lato server, dipende da che linguaggio utilizzi.. in sostanza devi fare la query e poi renderizzare il risultato in html

ti resta poi da fare l'effetto scorrimento o fade o quello che vuoi nel lato server

Ciao Giovo..
Mi sono letto il tuo codice e credo vada bene...
Per fare la stessa cosa usando jquery, come faresti?

[ilgiovo]

Originariamente inviato da fmortara
Ciao Giovo..
Mi sono letto il tuo codice e credo vada bene...
Per fare la stessa cosa usando jquery, come faresti?

sorry.. non uso jquery