Aggiornare variabile Javascript

Pagine → 1 2 3

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, diventa quello che hai sempre cercato.

10/04/2014 21:55:50

No, ho tutto in una pagina php chiamata prova.php

Eccola qui:

<?php
$ora = date('H:i');

$query = mysqli_query($db, "SELECT ora FROM proviamo_tabella WHERE ora='".$data."'") or die (mysqli_error($notifiche));

$pg=mysqli_fetch_array($query);

if($ora==$pg['ora']){
$esito = '1';

}else{
$esito = '0';
}

?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prova di Studio</title>

<script type="text/javascript">
$(document).ready(function(){

var esi = <?php echo $esito;?>;

if (esi =='1'){

setTimeout(function() {

//Funziona Javascript

},1000);

}

});
</script>
</head>
<body>

pagina bla bla

</body>
</html>

Non so se servono altre informazioni, però io vorrei che

darkabe

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

10/04/2014 22:04:09

Dlin dlon, io leggo questo

$(document).ready(function(){

ma non leggo da nessuna parte questo

La console JavaScript dovrebbe dirti qualcosa tipo $ is not defined, no?

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

10/04/2014 22:55:12

Non l'ho scritto io, ma c'è la libreria jquery 1.11.0

darkabe

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

10/04/2014 23:08:40

io ho fatto una prova inserendo jquery e togliendo la query (ci ho schiantato manualmente il valore dell'orario) ed ha funzionato.

Quindi a sto punto, se non è jquery il problema, il candidato rimanente è la query. Stampati la riga che prendi da db e guarda un po' cosa ci sta dentro

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

10/04/2014 23:11:10

Se io faccio F5 per aggiornare la pagina la funziona funzione, scusate il gioco di parole, io vorrei che "var esi" abbia il valore aggiornato in tempo reale perchè la query funziona, restituisce 1 o 0 in tempo reale è javascript che non mi da il valore, solo quello.

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

10/04/2014 23:16:21

Non so come spiegarlo, vorrei che appena mi cambia il record del DB e l'esito diventi 1 parta subito la parte javascript in modo che mostri l'animazione nella pagina.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

10/04/2014 23:58:04

Puoi darmi qualche informazioni in pi? Anche se devo andarmela dopo a studiare, ma un punto di partenza potrebbe essermi utile :)

darkabe

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

11/04/2014 09:47:15

Il php viene eseguito una sola volta al caricamento della pagina.
Questo significa che se carichi la pagina, quella query verrà eseguita una sola volta e tornerà il risultato di quel momento (quindi anche js avrà quel valore).

Se a te serve che venga ripetuta ciclicamente a distanza di tempo.. molto semplicemente devi caricare la pagina in maniera regolare, così rifarà la query e tornerà il risultato aggiornato. Ci sono due approcci per far girare costantemente la query:

1. Fai ricaricare tutta la pagina
2. Fai ricaricare "un pezzo" di pagina

Mi soffermo sul punto 2, che è quello dove entra in gioco ajax. A te basta spostare la tua logica della
query su una pagina separata, che più o meno tutto quello che farà è prendere il valore aggiornato e
restituirlo (o scriverlo direttamente sulla variabile js). Questa pagina è quella che farai caricare in modo asincrono (ovvero indipendentemente dal resto dell'esecuzione della pagina) ogni X secondi. Così facendo la pagina resta ferma, ma "dietro le quinte" farà una chiamata ad una particolare pagina ogni tot, pagina che manderà in esecuzione la query e tornerà il valore che deve.

Fondamentalmente le istruzioni javascript che ti servono sono setInterval() per l'esecuzione ciclica, e $.load() (o funzione analoga) per caricare una pagina dentro un'altra in modo asincrono.

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

11/04/2014 09:59:11

Quindi a questo punto non mi serve altro che creare una pagina php con la query e eseguire un load della stessa a intervalli di tot secondi, così:

var auto_refresh = setInterval(
function (){
$("div#valore").load("php_laterale/sx/online.php");
}, 1000);

In questo modo poi la variabile javascript "var esi" si aggiornerà ogni secondo, gusto?

darkabe

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

11/04/2014 10:34:12

In linea di massima sì. Fai un paio di prove e vedi cosa ottieni (consiglio: dichiara la variabile javascript nella pagina "madre", e lascia che quella importata gli cambi il valore. Javascript è [troppo] versatile, funzionerebbe in ogni caso, ma almeno eviti di perdertela in giro)

Se vuoi fare le cose un po' più carine, puoi anche provare ad usare questo

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

Ma se invece devi fare una lista degli online completa ed autosufficiente, scrivi tutto il tuo codice (php + js + html) dentro la online.php, e falla ricaricare dentro un div con la funzione .load(). Esattamente come stai provando a fare adesso