Problemas con página html

International Español
1

Buenas, es mi primer proyecto con arduino. Lo he hecho para controlar 10 persianas con sus respectivos relés. Después de haber resueltos diferentes obtaculos en el camino, el problema que tengo es la pagina htlm vista en el ordenador o en el movil. Esta tiene 30 botones de accionamientos de los motores y hay que ampliar la página para verlos bien, y siempre que apreto cualquier botón la página vuelte a la vista inicial, siendo un inconveniente.

2

Pongo la parte del código de la página html

//Cabecera HTTP estándar
          cliente.println("HTTP/1.1 200 OK");
          cliente.println("Content-Type: text/html");
          cliente.println();        
          //Página Web en HTML
          cliente.println("<html>");
          cliente.println("<head>");
          cliente.println("<title>PERSIANAS</title>");
          cliente.println("</head>");
          cliente.println("<body width=100% height=100%>");
          cliente.println("<center>");
          cliente.println("<h1>PERSIANAS</h1>");
          cliente.print("

");          
          cliente.print("Subida de la persina1: ");
          cliente.print(state1);
          cliente.print("

");
          cliente.println("<input type=submit value=ON style=width:200px;height:65px onClick=location.href='./?LED1=T\'>");
          cliente.println("<input type=submit value=OFF style=width:200px;height:65px onClick=location.href='./?LED1=F\'>");
          cliente.print("



");          
          cliente.print("Bajada de la persina1: ");
          cliente.print(state2);
          cliente.print("

");
          cliente.println("<input type=submit value=ON style=width:200px;height:65px onClick=location.href='./?LED2=T\'>");
          cliente.println("<input type=submit value=OFF style=width:200px;height:65px onClick=location.href='./?LED2=F\'>");
          cliente.print("



");
          cliente.print("Subida de la persina2: ");
          cliente.print(state3);
          cliente.print("

");
          cliente.println("<input type=submit value=ON style=width:200px;height:65px onClick=location.href='./?LED3=T\'>");
          cliente.println("<input type=submit value=OFF style=width:200px;height:65px onClick=location.href='./?LED3=F\'>");
          cliente.print("



");
          cliente.print("Bajada de la persina2: ");
          cliente.print(state4);
          cliente.print("

");
          cliente.println("<input type=submit value=ON style=width:200px;height:65px onClick=location.href='./?LED4=T\'>");
          cliente.println("<input type=submit value=OFF style=width:200px;height:65px onClick=location.href='./?LED4=F\'>");
          cliente.print("



");                    
          cliente.println("</center>");
          cliente.println("</body>");
          cliente.println("</html>");
          cliente.stop();//Cierro conexión con el cliente
          readString1="";
3

Si el problema es la falta de espacio, tal vez podrías utilizar un desplegable (select) en el que selecciones una persiana y dos botones para subir/bajar la persiana seleccionada.
Lo de volver a la vista inicial, siempre que realices un submit te va a "repintar" la página. Si quieres interactuar sin reiniciar la página deberás recurrir a Ajax (o alguna librería que lo implemente, como JQuery).

4

Gracias por la respuestas, me pongo a estudiar ahora mismos los nuevos conceptos de Ajax y JQuery. Ya comentaré los resultados.

5

Si no lo has hecho, te recomiendo poner en el recuadro de búsqueda en la parte superior de este foro la palabra "ajax"; o bien, en google, las palabras "ajax arduino".
Esto, me refiero, si quieres ir directamente al grano de tu proyecto y adaptar alguna cosilla ya hecha.
Si quieres aprender a fondo alguna de esas técnicas web, primero deberías conocer las capas sobre las que se soportan; esto es, HTML y Javascript.

6

10 persianas son 10 botones porque dices que no caben en una pantalla?

Cada botón es ON/OFF. Presionas y es ON, presionas y pasa a OFF
dos botones por linea, o sea suman 5 lineas.

total 10 botones.

Cabe en cualquier pantalla.

El refrezco lo haces como te dijo noter y verás un resultado grandioso.

De hecho siempre recomendamos la misma página para este caso que será la que saldrá en tus búsquedas.

7

Gracias por las respuestas, he visto que necesitaré tiempo para asimilar los nuevos conceptos.
En principio me salen 40 botones, cada persiana 4: Subir ON OFF y bajar ON OFF.

8

Entonces 20 pero no 40. Cada boton tiene doble funciona SUBIR ON SUBIR OFF x un lado y BAJAR ON BAJAR OFF
Son 2 x 10 persianas total 20.
El boton tiene doble función. Cuando lo presionas dice ON, cuando lo vuelves a presionar dice OFF, eso es 1 y no 2.
El otro igual. Ahorras 2 en la pantalla del celular.