arduino, eletrônica, robotica...

[RESOLVIDO] RUI VIANA TIAGO ALEXANDRE botão mais elegante mais profissional com status .

Olá a todos .

gente tenho esse codigo aqui http://pastebin.com/guF0NjFi

e o mesmo possui um botão liga e desliga.

então gente eu queria com a ajuda de vocês melhorar esse botão .

EX; que aparecer status do botão tipo a luz esta ligada

EX; uma imagem de uma lampada ligada e outra imagem da mesma lampada desligada .

peço com humildade pois estou tentando varios dias e não consegui

não foi falta de vontade e sim falta de conhecimento .

abçs.

Curtir

0 membros curtem isto

Exibições: 1334

As respostas para este tópico estão encerradas.

Respostas a este tópico

Permalink Responder até Tiago Alexandre em 16 janeiro 2017 at 22:19

Rui, da para melhorar bastante a parte do visual, mas seu código ficou bem instrutivo, me tirou inúmeras duvidas quanto o uso da lib ESP8266webserver, parabéns.

Tenho um exemplo com ajax, mas estava apanhando para inserir os botões.

Permalink Responder até mineirin RV em 17 janeiro 2017 at 10:19

Oi TA, bom dia.

Como eu disse no inicio, não sou muito bom em programação. Meu forte é eletrônica.

Vou sugerir a você que nos ajude a fazer esta melhoria na parte visual.

Meu filho me falou que se usar "bootstrap" melhora, mas não sei fazer isto.

Peque o meu code e melhore o visual dele.

Agradecemos antecipadamente.

Rui

Permalink Responder até Tiago Alexandre em 17 janeiro 2017 at 20:57

Olá Rui, eu manjo um pouquinho de bootstrap, mas tbm não sou muito bom em programação, vou ver se consigo fazer alguma coisa legal, Isso se o Moises não conseguir antes rsrs.

Att

Permalink Responder até mineirin RV em 29 janeiro 2017 at 21:33

Oi Mcc, boa noite.

Teste este code para 4 controles

Abaixo a relação dos Gpios para cada função.

Gpio 4 Saida 1 Luz do quarto
Gpio 5 Interruptor remoto

Gpio 13 Saida 2 Luz da sala
Gpio 14 Interruptor remoto

Gpio 16 Saida 3 Luz do banho
Gpio 12 Interruptor remoto

Gpio 15 Saida 4 Carga Bateria

Gpio 0 Interruptor remoto

http://pastebin.com/ePpABvk5

Abaixo exemplo da tela.