[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.

Exibições: 630

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

Respostas a este tópico

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.

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

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

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.

Rui

perfeitamente otimo.

muito obrigado pela ajuda e explicações .

agora vou treinar bem mesmo .

que deus sempre te protege de todo mal.

RSS

Destaques

Registre-se no
Lab de Garagem
Clicando aqui

Convide um
amigo para fazer
parte

curso gratis de arduino

© 2017   Criado por Marcelo Rodrigues.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço