Cambiare stato di un pulsante

neo996sps · 22 Mag 2014

Ciao a tutti,

tramite PHP lancio un comando python passando tramite $_GET un valore reperito da database per attivare un led connesso a raspberry PI. Il problema nasce nel momento in cui un secondo utente va ad intervenire sullo stesso pulsante. Praticamente:

- clicco il pulsante 1, questo cambia colore da verde a rosso per segnalare il fatto che il led è acceso.
- un secondo utente si connette alla pagina e clicca sul pulsante (che vede rosso) e spegne il led.
- se rimango sulla pagina sono obbligato a fare un refresh della pagina.

Per tamponare ho impostato un refresh automatico ogni 30 secondi ma è una soluzione che non mi piace. Avete qualche valida alternativa al problema?

Lighty · 22 Mag 2014

Ciao neo996sps,
ci sono varie valide alternative, ma tutte richiedono un po' di programmazione in più.
Te ne elenco alcune:
- websocket: la migliore, standardizzata dall W3C (e l'unica che conosco abbastanza bene)
- Adobe Flash socket
- AJAX long polling
- AJAX multipart streaming
- JSONP Polling

Ho trovato queste tempo fa su un altro forum essendo interessato anche io ad una comunicazione in tempo reale tra client e server.
Spero di esserti stato d'aiuto...

neo996sps · 23 Mag 2014

Ciao,

stavo studiando il discorso websocket. Ho giocato con questo codice che ho trovato:

Codice:

<!doctype html>
<html>
<head>
    <title> WebSocket: Echo Server </title>
    <script>
        append = function(text){
            document.getElementById("eventi_websocket").insertAdjacentHTML('beforeend',
                    "<li>" + text + ";</li>"
            );
        }
        window.onload = function(){
            var echo_service = new WebSocket('ws://echo.websocket.org');
            echo_service.onmessage = function(event){
                append("ricevuto")
                alert(event.data);
                echo_service.close();
            }
            echo_service.onopen = function(){
                append("connesso")
                echo_service.send("hello!");
            }
            echo_service.onclose = function(){
                append("disconnesso");
            }
            echo_service.onerror = function(){
                append("errore");
            }
        }
    </script>
</head>
<body>
<ul id="eventi_websocket">
</ul>
</body>
</html>

ora però vorrei sapere come lo posso adattare al mio codice:

Codice:

<form
                                method='post' enctype='multipart/form-data'
                                name='".$exp_linee["linea"]."'
                                action='attiva.php?codlinea=".$exp_linee["id"]."&pin=".$exp_linee["pin"]."'
<input class='pulsante-disattivato' type='submit' value='".$exp_linee["linea"]."' />
</form>

neo996sps · 23 Mag 2014

Niente di fatto, non riesco ad integrare in questo codice

PHP:

$linee = mysql_query("SELECT * FROM tblLinee ORDER BY id");
while($exp_linee = mysql_fetch_array($linee))
{
    switch ($exp_linee["attivo"])
    {
        case 0:
            print("

                    <form
                                method='post' enctype='multipart/form-data'
                                name='".$exp_linee["linea"]."'
                                id='eventi_websocket'
                                action='attiva.php?codlinea=".$exp_linee["id"]."&pin=".$exp_linee["pin"]."' >");
            print("<input class='pulsante-disattivato' type='submit' value='".$exp_linee["linea"]."' />
            ");
            print("</form>");

            break;
        case 1:
            print("<form
                                method='post' enctype='multipart/form-data'
                                name='".$exp_linee["linea"]."'
                                id='eventi_websocket'
                                action='disattiva.php?codlinea=".$exp_linee["id"]."&pin=".$exp_linee["pin"]."' >");
            print("<input class='pulsante-attivato' type='submit' value='".$exp_linee["linea"]."' />");
            print("</form>");
            break;
    }

}
?>

i websocket. Qualche anima pia mi può fare un esempio?

Cambiare stato di un pulsante

neo996sps

Utente Attivo

Lighty

Nuovo Utente

neo996sps

Utente Attivo

neo996sps

Utente Attivo

Discussioni simili

Cambiare stato di un pulsante

neo996sps

Utente Attivo

Lighty

Nuovo Utente

neo996sps

Utente Attivo

neo996sps

Utente Attivo

Discussioni simili

Privacy & Transparency

Privacy & Transparency