Riempire Input Text cliccando su un nome in un elenco.

**tmsio** · 19-11-2018, 18:36

Salve, stò scrivendo un firmware per una MCU.
Parte di questo firmware è in HTML poichè questo sistema IOT prevede una parte web.

Al momento il sistema fà una scansione delle reti WiFi e crea una lista...

codice:

 int n = WiFi.scanNetworks();
                if (n == 0) {
                } else {
                  for (int i = 0; i < n; ++i) {


                    client.print("<tr>");
                    client.print("<td><font face=\"Verdana\" size=\"2\">");
                    
                    client.print(WiFi.SSID(i));
                    client.print("</td>");
                    client.print("<td><font face=\"Verdana\" size=\"2\">");
                    client.print(WiFi.RSSI(i));
                    client.print("</td>");
                    client.print("</tr>");
                    //client.print((WiFi.encryptionType(i) == WIFI_AUTH_OPEN) ? " " : "*");
                    delay(10);
                  }
                }

Una volta fatta la scansione l' utente può sceglere a quale rete collegarsi inserendo ssi e password.
Vorrei semplificare l inserimento del SSID rendendo cliccabili i nomi nell' elenco della lista reti in modo che vada a riempire automaticamente l input text box "SSID".

Riporto il codice di esempio:

codice:

<!DOCTYPE html>
<html>
<body>


<p>Rete WiFI: <a href="???????">SID1</a></p>




<FORM ACTION='/' method=get >
<h3 style=\"text-align: center;\"><INPUT TYPE=TEXT NAME='SSID' VALUE='' placeholder='SSID' SIZE='5' MAXLENGTH='50' style='font-size:15pt';></h3>
 <h3 style=\"text-align: center;\"><INPUT TYPE=TEXT NAME='PASSWORD' VALUE='' placeholder='Password' SIZE='5' MAXLENGTH='50' style='background-color:white;color:white; font-size:15pt';></h3>
            <h3 style=\"text-align: center ;\"><INPUT class=\"MyButton\"  TYPE=SUBMIT NAME='submit' VALUE='CONNETTI' style='font-size:15pt'></h3>
             </FORM>


</body>
</html>

Grazie a tutti

**Vincent.Zeno** · 19-11-2018, 19:23

dovrebbe essere una cosa così:

codice:

<input type="Button"  value="WiFi.RSSI(i)" onclick="this.form.SSID.value='WiFi.RSSI(i)';">

integralo nel tuo ciclo di stampa e vedi se va

**tmsio** · 20-11-2018, 11:21

Appena torno a Roma faccio il test e ti scrivo l esito, per ora ti ringrazio ancora. A presto.

**tmsio** · 22-11-2018, 01:56

Ciao Vincent, mi spiace non sono riuscito, purtroppo non sono molto forte in HTML

e fare un debug con il telefonino mi resta difficile.
Non ho sotto mano un pc con il Wifi per potermi collegare in http all MCU.
In ogni caso ho risolto con questo:
<!DOCTYPE html>
<html>
<head>
<script>
function changeValue(o){
document.getElementById('type').value=o.innerHTML;
}
</script>

<button id="technician" onclick="changeValue(this)">Technicin</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" id="type" name="type" value="change" />

</body>
</html>

Spero possa essere di aiuto a qualcun altro.
Grazie ancora.

Discussione: Riempire Input Text cliccando su un nome in un elenco.

Strumenti discussione

Ricerca discussione

Visualizza

Riempire Input Text cliccando su un nome in un elenco.

Grazie Vincent.Zeno

Permessi di invio