Printable View
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
Nessuno di quelli che hai citato è un linguaggio di programmazione.
Per modificare dinamicamente un elemento del documento bisogna usare il DOM mediante Javascript.
Puoi farlo tramite javascript:
direttamente, usando la document.getElementById(), prelevi qualsiasi elemento con l'id specificato.
ESEMPIO:
Oltre ad innerHTML, puoi usare ad esempio .style, che ti permette di accedere alle proprietà css (e quindi modificarle).Codice HTML:<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>
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?
Non mi è chiaro il problema. Cosa ti serve esattamente? Cerca di essere il più specifico possibile e indica eventuali pagine di esempio.
Tramite ajax (che lo puoi usare semplicemente tramite jQuery)...Citazione:
Originalmente inviato da mybeatnews
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
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:
prova a fare qualche codice per prendere dimestichezza con queste cose: sono utilissime!Codice:$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
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..
Potrebbe funzionare?Codice PHP:function insert(userid) {
$.ajax({
type: "GET",
url: "notifiche.php",
data: "user=" + userid,
success: function(risultato){
document.getElementById('miobox').innerHTML=risultato
}
});
}
setInterval("insert(userid)", 10000);
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.
Ora il problema è che però questo div non viene aggiornato.Codice PHP: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);
}
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?
stats() sembra corretta... Il problema, invece, sembra questo:
Perché, quando richiami setInterval, passi il parametro (email) che poi non cambierà più.Codice PHP:function stats_reload(email)
{
setInterval("stats(\""+email+"\")", 500);
}
Quindi, dovresti usare una variabile globale, ad esempio:
Quindi, se modifichi "email", si modifica anche quella interna a stats().Codice PHP: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);
}
Ciao!
Dato che email la passo da un file php, cioè la variabile può cambiare, mi conviene quindi scrivere tipo questa nella pagina php?
Codice 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;
?>
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
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:
Con:Codice:data: "email="+email,
eliminando la variabile email in javascript...Codice:data: "email="+<?php {$email} ?>,
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!