Aggiornare un div

Salve, da vari forum ho scoperto che si può aggiornare un div solamente in lato client, ma non hanno specificato in quale linguaggio, quindi chiedo a voi.

In quale linguaggio si può aggiornare? Ajax? Jquery? Jquery UI?

Se avete una guida ve ne sarei molto grato

[karl94]

Nessuno di quelli che hai citato è un linguaggio di programmazione.
Per modificare dinamicamente un elemento del documento bisogna usare il DOM mediante Javascript.

[alemoppo]

Puoi farlo tramite javascript:

direttamente, usando la document.getElementById(), prelevi qualsiasi elemento con l'id specificato.

ESEMPIO:

<script>
function vai()
{
    document.getElementById('id_di_esempio').innerHTML = 'Hai premuto il pulsante';
}
</script>
<div id='id_di_esempio'></div>
<button onclick='vai()'>scrivi</button>

Oltre ad innerHTML, puoi usare ad esempio .style, che ti permette di accedere alle proprietà css (e quindi modificarle).

Altrimenti, puoi usare jQuery; in particolare la .html()

Ciao!

EDIT: anticipato ...

@alemoppo ma con innerhtml e ciò che hai citato modifico il contenuto del div, a me serve aggiornarlo come se aggiornassi un iframe..

Comunque karl non riusciresti a fare uno script ad hoc?

Al massimo come posso prendere tramite javascript ciò che viene generato in una pagina php per poi inserirlo nel div tramite innerHTML?

[karl94]

Non mi è chiaro il problema. Cosa ti serve esattamente? Cerca di essere il più specifico possibile e indica eventuali pagine di esempio.

[alemoppo]

Al massimo come posso prendere tramite javascript ciò che viene generato in una pagina php per poi inserirlo nel div tramite innerHTML?

Tramite ajax (che lo puoi usare semplicemente tramite jQuery)...

Ciao!

Sì ma non mastico molto bene javascript,ajax et similia.. Se mi puoi postare un esempio o una guida (magari non la guida completa, quella me la devo leggere con calma) te ne sarei grato

[alemoppo]

Qui ci sono esempi molto intuitivi su come usare ajax tramite jQuery. Per usare jquery, ricordati di includere lo script jquery nelle pagine! (è come se fosse una libreria...).

Cito uno degli esempi significativi che ci sono nella pagina:

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

prova a fare qualche codice per prendere dimestichezza con queste cose: sono utilissime!

Ciao!

Quindi potrei fare che nella pagina in cui vengono mostrate le cose tramite get prendo le notifiche di quale utente.. Ad esempio le notifiche di XXX, quindi diventerebbe..

function insert(userid) {
$.ajax({
   type: "GET",
   url: "notifiche.php",
   data: "user=" + userid,
   success: function(risultato){
     document.getElementById('miobox').innerHTML=risultato
   }
 });
}

setInterval("insert(userid)", 10000); 

Potrebbe funzionare?

[alemoppo]

ad occhio, a parte il mancato ; dopo la getElementById(), dovrebbe andar bene.

provalo, no? Comunque sono molto utili strumenti tipo firebug: con quelli vedi le varie richieste con i dati sia inviati, che ricevuti...

Ciao!

Ora non posso provarlo, dovrei fare tutte le pagine, comunque grazie nel caso di problemi apro un altro topic, dato che il progetto lo sviluppo non in questi giorni

Salve, ho questo codice che dovrebbe , ogni 5 millisecondi, aggiornare un div con i dati presi dall' output di una chiama ajax.

function stats(email) {
$.ajax({
   type: "POST",
   url: "stats.php",
   data: "email="+email,
   success: function(risul){
    document.getElementById('list_stats').innerHTML=risul;
  }
 });
}
function stats_reload(email)
{
  setInterval("stats(\""+email+"\")", 500);
} 

Ora il problema è che però questo div non viene aggiornato.

La funzione la richiamo nell' onLoad del body, l' elemento con id list_stats c' è e il codice in stats.php funziona correttamente. Dove potrebbe ssere l' errore?

[alemoppo]

stats() sembra corretta... Il problema, invece, sembra questo:

function stats_reload(email) 
{ 
  setInterval("stats(\""+email+"\")", 500); 
} 

Perché, quando richiami setInterval, passi il parametro (email) che poi non cambierà più.

Quindi, dovresti usare una variabile globale, ad esempio:

var email = '';
function stats() { 
$.ajax({ 
   type: "POST", 
   url: "stats.php", 
   data: "email="+email, 
   success: function(risul){ 
    document.getElementById('list_stats').innerHTML=risul; 
  } 
 }); 
} 
function stats_reload() 
{ 
  setInterval("stats()", 500); 
} 

Quindi, se modifichi "email", si modifica anche quella interna a stats().

Ciao!

Dato che email la passo da un file php, cioè la variabile può cambiare, mi conviene quindi scrivere tipo questa nella pagina php?

<?php

echo <<<EOT
<script type="text/javascript">
var email = '{$email}';
function stats() { 
$.ajax({ 
   type: "POST", 
   url: "stats.php", 
   data: "email="+email, 
   success: function(risul){ 
    document.getElementById('list_stats').innerHTML=risul; 
  } 
 }); 
} 
function stats_reload() 
{ 
  setInterval("stats()", 500); 
}  
EOT;
?>

[alemoppo]

Sì, va bene; però email può cambiare lato client, vero? cioè, javascript può modificare la variabile email, vero? Altrimenti non avrebbe senso richiedere via ajax il nuovo "risul" tramite l'email, perché se non cambia, "risul" presumo sia lo stesso :)

Comunque prova lo script.. DOVREBBE andare...

Ciao!

In che senso può cambiare lato client?

email è una variabile contenuta in una sessione php, quindi è diversa per ogni utente, se loggo con xxx la mia email (ad esempio) sarà xxx@domain.com, quindi la data inviata a stats.php sarà email=xxx@domain.com , se loggo invece con yyy, la mia email sarà yyy@domain.com e la data inviata sarà email=yyy@domain.com.

Ovviamente poi l' output di stats.php cambia a seconda dell' email ricevuta in input

[alemoppo]

ma "stats.php", se gli passi xxx come email, risponde sempre la stessa cosa?
In caso affermativo, tutto quel sorgente non avrebbe senso... Cioè puoi richiedere il dato all'inizio (lo scrivi tramite php); non ha molto senso richiedere un valore conosciuto ogni 500ms...
In caso negativo, puoi "semplificare" lo script sostituendo:

data: "email="+email,

Con:

data: "email="+<?php {$email} ?>,

eliminando la variabile email in javascript...

Ciao!

EDIT: Che cretino che sono! Le chiamate erano giuste, ma l' errore stava nel fatto che avevo dimenticato di includere un file importante in stats.php!