[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: 1330

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

Respostas a este tópico

ninguém rsrs

É dificil, pq a placa é simples e botões elegantes exigem mais processamento, mas não digo que não de para fazer algo simples e elegante e minimalista como os botões do google.

nesse link tem um projetinho que ajudei a fazer que considero um pouco mais profissional, mas não que não de para melhorar. https://github.com/jhon2c/WifiRTC

de uma olhada no w3schools, veja se tem algo que lhe agrade http://www.w3schools.com/icons/

o macete esta aqui

exemplo este é o meu botão

" Ligar" class='btn btn-success' é o tipo de botão tirei daqui http://www.w3schools.com/bootstrap/bootstrap_buttons.asp class=\"fa fa-check-square\" é o conteudo do botão tirando o texto, achei aqui http://www.w3schools.com/icons/fontawesome_icons_form.asp talvez você se interesse por algum desses aqui http://www.w3schools.com/icons/fontawesome_icons_webapp.asp

Thiago se usar formatação CSS e deixar o design com os navegadores? da certo tb?

Marcos da certo sim, não manjo muito de Css, mas uso um pouco.

da uma pesquisada por bootstrap,

eu tentei colar aqui o trecho do html, mas some, mas tem no exemplo que compartilhei

muito obrigado mesmo. deus o abençoe sempre .

uma pergunta seu codigo funciona por 20 minutos e cai sinal .

para voltar funcionar tem que dar reset no ESP

Testa esse aqui, eu ja deixei uns dois dias ligado e não vi problema nesse.

nessa versão eu gravo o ultimo estatus na eeprom em caso de reinicio da placa.

Anexos

obaaaa deu certo ate agora não caiu .

vou continuar testando e te falo.

bacana, que bom q deu certo, tbm estou aprendendo.

Oi MS, bom dia.

Sou bem fraco ná área de soft e mais ainda qdo envolve web/htlml e outros bichos.

Mas com a ajuda excelente do CEI consegui fazer algo que acho que vai atender sua necessidade.

Os botões não são tão elegantes mas o projeto é bem funcional.

Montei assim:

Na caixinha do interruptor, montei um ESP8266-12 com a sua respectiva fonte de 3,3v.

Deliguei o interruptor da lampada e liguei em um port do ESP8266.

Pelo navegador (PC ou mobile), tenho a tela abaixo.

Aproveitei que o ESP estava sub utilizado, e montei nele um SHT10 para medir a temperatura e umidade do quarto.

Funciona assim:

Ao clicar em uma das opções (ON, ou OFF), a luz acende ou apaga, e muda a cor dos botões indicando a

situação atual.

Mas se alguém for até ao interruptor e mudar a condição da lampada, após 1 segundo esta indicação

aparece na tela do navegador.

Abaixo telas, esquemas e code que utilizei.

Rui

Olá RV.

muito obrigado mesmo gostei muito do seu projeto .

quando não estou na minha cadeira de rodas fico deitado. agora posso saber qual a temperatura do quarto.

obrigado .

aqui vejo muito falar de vc . FERAAAAA.

Esquema com SHT10.

Code anexo.

modifiquei o code para ficar um botão somente.

Os valores de temperatura e umidade estão sem sentido

poque no momento o sensor está em outro projeto.

Rui

Anexos

RSS

© 2024   Criado por Marcelo Rodrigues.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço