Ir ao conteúdo

lucianolcoa

Membro Pleno
 Perfil  Explorar Conteúdo

  • Posts

    481

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

Tudo que lucianolcoa postou

  1. lucianolcoa
    @JonathanMMachado Agora ficou assim adicionado 1 minuto depois Esqueça o que acabei de postar, consegui arrumar, mexi no btn:hover e esqueci de mexer no btn comum hehe, mas valeu me ajudou.
  2. lucianolcoa
    Nao consegui dar amplitude ao botão, mas que se d*** . Pessoal meu novo layout para eu textar mais tarde novas idéias brilhantes e como ficar um quaquilionário $_$
  3. lucianolcoa
    @JonathanMMachado Pior que na class btn eu setei o widht: 100%, mas não aconteceu nada
  4. lucianolcoa
    Pessoal vim pedir a ajuda de vocês para um problema. Estou fazendo uma pagina para o meu projeto de automação, e consegui estilizar com html e css a pagina... e fiz 4 botões do estilo a href. O problema é que eu queria que o botão ocupasse toda a porção lateral da página, e ele ocupa apenas um pequeno espaço. como faço isto? vou postar o código de estilização css do botao e o propio a href <style type="text/css" media="all"> .btn{transition: background-color 2s;background-color:#27408B;color:#8B3E2F;font-weigth:700px;width:600;height:40;cursor:pointer;pading:10px;text-transform:uppercase;border:none;text-decoration: none;} .btn:hover{background-color:#8B0000;color:#8B3E2F;font-weigth:700px;width:600;height:40;cursor:pointer;padding:8px;text-transform:uppercase;border:none;text-decoration: none;} .btn:active{position:relative;top:5px;box-shadow:none;}</style><body></body> <a href="#" type="button" class="btn">desligar sala </a><br><br> <a href="#" type ="button"class="btn">desligar sala </a><br><br>
  5. lucianolcoa
    @Papibakigrafo Uma ultima estorvada pelos velhos tempos, imputando css nos botões e queria que eles ficassem grandões, tipo, um botão ocupadon quase toda a tela, como faz isso?
  6. lucianolcoa
    @Papibakigrafo Poxa Mano, te amo, agora assim ficou claro como a água.... Desculpe e que sou meio leigao nessas paradas e também to aprendendo "na unha", sei que pegar as coisas mastigado também não é lá muito legal.
  7. lucianolcoa
    @Papibakigrafo Eu lih esse blog, li ate umas meia hora atras, kkkkkkkkkk. Mas tipo, me permita explicar, eu entendi como na funçao handleRoot() voce chamou a pagina rele1 pelo argumento a href... O que eu engasguei foi como voce atribuiu a segunda pagina da funçao rele1 como rele?
  8. lucianolcoa
    @Papibakigrafo Esta ta funcionando susssa, só que eu quero configurar a id e a senha do wifi sem recompilar. E a biblioteca que eu uso aparentemente não me dá essa possibilidade.... Então to tentando entender a biblioteca de vocês. Só to engasgando nesse lance de paginas. entendi que o server.arg vai buscar a string e ver se o parametro mudou e pas, e se mudou aciona o bendito do comando, diferente da que eu uso que usa uma string que percorre s stringclient... Só to engasgado no lance das paginas mesmo.
  9. lucianolcoa
    @Papibakigrafo Preciso da sua ajuda numa coisa. Lembro que voce me disse que precisou fazer 2 paginas no seu codigo postado a um tempo atrás. MInha duvida eah, como voce atribuiu a segunda pagina a tag /rele? tentei dar uma olhada no seu codigo mas não entendi onde voce define a segunda pagina: void handleRoot() { ligado1 = false; // HTML da pagina principal String html = "<html><head><title>On Home</title>"; html += "<meta http-equiv='Content-Type' content='charset=utf-8'>"; html += "<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no'>"; html += "<meta name='apple-mobile-web-app-status-bar-style' content='black'>"; html += "<meta name='apple-mobile-web-app-capable' content='yes' />"; html += "<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>"; html += "<link rel='icon' href='http://www.blocodochapolin.com.br/arduino/img/icone.png' type='image/x-icon' />"; html += "<link rel='apple-touch-icon-precomposed' href='http://www.blocodochapolin.com.br/arduino/img/icone.png'>"; html += "<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>"; html += "<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>"; html += "</head>"; html += "<style>.navbar-header { width:100%; height:50px; } .navbar-brand{ width:100%; }</style>"; html += "<body>"; html += "<nav class='navbar navbar-inverse text-center' role='navigation'><div class='navbar-header'><div class='navbar-brand'>On House</div></div></nav>"; html += "<div class='container' align='center'>"; html += "<hr>"; html += "<div class='panel panel-default'>"; html += "<div class='panel-heading text-center'><b>Sala</b></div>"; html += "<div class='btn-group btn-group-justified'>"; html += "<a href='/rele1?estado=on' class='btn btn-success'>Ligar</a>"; html += "<a href='/rele1?estado=off' class='btn btn-danger'>Desligar</b></a>"; html += "</div>"; html += "<br>"; html += "<div class='panel-heading text-center'><b>quarto</b></div>"; html += "<div class='btn-group btn-group-justified'>"; html += "<a href='/rele1?estado=oi' class='btn btn-success'>liga2</a>"; html += "<a href='/rele1?estado=ou' class='btn btn-danger'>Desliga2</a>"; html += "</div>"; html += "</div>"; html += "</div>"; html += "<div id='estado1' style='display:none'>"; html += (ligado1); html += (ligado2); html += "</div>"; html += "</div></div>"; //Script JS para não abrir uma nova página Bootstrap html += "<script language='JavaScript' type='text/javascript'>"; html += "var a=document.getElementsByTagName('a');"; html += "for(var i=0;i<a.length;i++)"; html += "{"; html += "a[i].onclick=function()"; html += "{"; html += "window.location=this.getAttribute('href');"; html += "return false"; html += "}"; html += "}"; html += "</script>"; //Fim da instrução html += "</body></html>"; // Enviando HTML para o servidor server.send(200, "text/html", html); } void rele1() { String state = server.arg("estado"); if (state == "on") { digitalWrite(rele, HIGH); ligado1 = true; } else if (state == "off") { digitalWrite(rele, LOW); ligado1 = false; } if (state == "oi") { digitalWrite(rele2, HIGH); ligado2 = true; } else if (state == "ou") { digitalWrite(rele2, LOW); ligado2 = false; } // HTML da pagina "rele1" String html = "<html><head><title>On Home</title>"; html += "<meta http-equiv='Content-Type' content='charset=utf-8'>"; html += "<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no'>"; html += "<meta name='apple-mobile-web-app-status-bar-style' content='black'>"; html += "<meta name='apple-mobile-web-app-capable' content='yes' />"; html += "<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>"; html += "<link rel='icon' href='http://www.blocodochapolin.com.br/arduino/img/icone.png' type='image/x-icon' />"; html += "<link rel='apple-touch-icon-precomposed' href='http://www.blocodochapolin.com.br/arduino/img/icone.png'>"; html += "<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>"; html += "<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>"; html += "</head>"; html += "<style>.navbar-header { width:100%; height:50px; } .navbar-brand{ width:100%; }</style>"; html += "<body>"; html += "<nav class='navbar navbar-inverse text-center' role='navigation'><div class='navbar-header'><div class='navbar-brand'>On House</div></div></nav>"; html += "<div class='container' align='center'>"; html += "<hr>"; html += "<div class='panel panel-default'>"; html += "<div class='panel-heading text-center'><b>Sala</b></div>"; html += "<div class='btn-group btn-group-justified'>"; html += "<a href='/rele1?estado=on' class='btn btn-success'>Ligar</a>"; html += "<a href='/rele1?estado=off' class='btn btn-danger'>Desligar</b></a>"; html += "</div>"; html += "<br>"; html += "<div class='panel-heading text-center'><b>quarto</b></div>"; html += "<div class='btn-group btn-group-justified'>"; html += "<a href='/rele1?estado=oi' class='btn btn-success'>liga2</a>"; html += "<a href='/rele1?estado=ou' class='btn btn-danger'>Desliga2</a>"; html += "</div>"; html += "</div>"; html += "</div>"; html += "<div id='estado1' style='display:none'>"; html += (ligado1); html += (ligado2); html += "</div>"; html += "</div></div>"; //Script JS para não abrir uma nova página Bootstrap html += "<script language='JavaScript' type='text/javascript'>"; html += "var a=document.getElementsByTagName('a');"; html += "for(var i=0;i<a.length;i++)"; html += "{"; html += "a[i].onclick=function()"; html += "{"; html += "window.location=this.getAttribute('href');"; html += "return false"; html += "}"; html += "}"; html += "</script>"; //Fim da instrução html += "</body></html>"; // Enviando HTML para o servidor server.send(200, "text/html", html); }
  10. lucianolcoa
    Ja que está todo mundo estilizando o nodemcu chegou a minha vez^ codigo testado e funcionando, valeu galera:^
  11. lucianolcoa
    ele pega umk ip por dhcp,automatico
  12. lucianolcoa
  13. lucianolcoa
    O infravermelho pra alcancar um metro tem que ser bom.. Essas coisas tendem a se dissipar com extrema facilidade... Mas ele pode fazer uma gambiarra colocando umas lentes convergentes e assim aumentando o alcance.
  14. lucianolcoa
    sim, positivo, via get e atualização da pagina. adicionado 1 minuto depois @viniciuskruz exatamente isto, e o comando tem que ser via get.
  15. lucianolcoa
    @ViniciusKruz Se voce é burro eu sou uma ameba kkkkkkkkkkkkk. Mas tipo eu queria fazer os 2. Eu clico no botao e a pagina avisa mediante javascript que foi acionada, e o comando via get no topo da pagina para eu pescar com a readstring.
  16. lucianolcoa
    vinicius, testei aqui e ainda não funcionou. Se eu coloco "button" ele atualiza o paragrafo mediante javascript, se eu coloco "submit"=ele atualiza o post via get, mas não consigo fazer os dois =/
  17. lucianolcoa
    @ViniciusKruz To testando o html no eclipse e ele não funciona. Quando clico no botao ele simplesmente dá pagina invalida... help
  18. lucianolcoa
    Vinicius se voce estiver por ahe preciso de seu help: esse é meu codigo em html <html> <title>Testando javascript</title> <body> <form action="teste.html" method="get"> <meta charset="UTF-8" language="pt-br"> <center> <style type="text/css" media="all"> body{ background-color:#2F4F4F; color:#9AC0CD; font-family:Verdana,"Arial Black"; font-size:14px;} .btn{ transition:background-color 2s; background-color:#4F94CD; color:#FFFFF0; font-weigth:700px; font-size:15px; text-transformer:upper case; padding:4px; cursor:pointer; } .btn:hover{ background-color:#00008B; color:#D1EEEE; text-transformer:upper case; padding:6px; cursor:pointer;} </style> <H2>Eletrônica e utilidades</H2> <H2>automacão residencial</H2> <div style="background-color:#838B83;color:#5D478B;font-size:16px;"> <script type="text/javascript"> var a=false; var b=false; function funcao1(){ a=!a if(a== true){ document.getElementById("teste1").innerHTML= "quarto aceso" } if(a==false){ document.getElementById("teste1").innerHTML= "quarto apagado" } } function funcao2(){ b=!b if(b== true){ document.getElementById("teste2").innerHTML= "sala acesa " } if(b==false){ document.getElementById("teste2").innerHTML= "sala apagada" } } </script> <p id="teste1">quarto aceso<p> <br> <p id="teste2"> sala apagada<p> </div> <div style="background-color:#B5B5B5;color:#CDCDB4;"> <br> <button name= "" type="submit" value="e" class="btn" onclick="funcao1()" >me clica</button> <br> <br> <button name="" value="o" type="submit" class="btn" onclick="funcao2()">me clica</button> <br> <br> </center> </div> </body></html> Queria que quando o button fosse clicado ,alem de transmitir o valor via get ele também atualizasse a função javascript se assim fosse possível... Eu só estou conseguindo fazer ou uma coisa ou outra
  19. lucianolcoa
    @Papibakigrafo ligar ou desligar e possivel sim, so definir um variavel booleana e alterar o valor dela de acordo com a string. O problema seria "passear" pelos canais.... hehe. Mas por radio frequencia voce não taria limitado a strings, daria para passar valores mesmo e o monitor serial é bem inteligente quanto a isso. um char equivaleria a um código hexadecimal específico. Sobre o inventor, admito que não sou o Miss inventor, sei fazer bem pouca coisa nele pra dizer a verdade. Mas o method get é fácil e ja faz um estrago avassalador. adicionado 2 minutos depois @alexandre.mbm Um jeito que imaginei de fazer seria criar um todos os botões que ele precisa no web server, e ahe ele clica num botao virtual especifico e o nodemcu ou arduino ethernet mandaria o código hexadecimal de acordo com o botão específico clicado.
  20. lucianolcoa
    @Papibakigrafo Sobre o seu problema envolvendo tv o metodo mais simples de se resolver isso é utilizando a famosa GAMBIARRA, voce deixa o dispositivo com sinal infravermelho proximo o suficiente do aparelho para ligar e colocar ele com um arduino e comunicando via serial com outro arduino via comando de radio frequencia. Se o receptor receber o comando do emissor, ele manda o pulso para fazer funcionar seja televisão ou ar condicionado. adicionado 1 minuto depois @Papibakigrafo Queria deixar o a href por causa do metodo get, sem o metodo get eu sou um reles mortal
  21. lucianolcoa
    @Papibakigrafo Uma ultima duvida Papiba, esse a href, quando eu tento atribuir um valor de tipo /corredor\ no codigo html, ele buga? por que ele aparentemente funciona no node? <a href="/sala\" class="btn" onclick="funcao2()">me clica</a>
  22. lucianolcoa
    @Papibakigrafo Então a jogada e essa, se tiver aspas duplas voce coloca simples que vai sem grilos?
  23. lucianolcoa
    @Papibakigrafo voce pode usar radio frequencia também. Se não envolver comandos de voz radio frequencia passa fácil da casa dos 30 metros, e os modulos inclusive são baratos.
  24. lucianolcoa
    Pessoal, novamente eu enxendo a paciencia de vocês com meus problemas. Minhas aulas envolvendo javascript e css progrediram, e fiz essa pagina de teste aqui: <html> <title>Testando javascript</title> <body> <center> <style type="text/css" media="all"> body{ background-color:#2F4F4F; color:#9AC0CD; font-family:Verdana,"Arial Black"; font-size:14px;} .btn{ transition:background-color 2s; background-color:#4F94CD; color:#FFFFF0; font-weigth:700px; font-size:15px; text-transformer:upper case; padding:4px; cursor:pointer; } .btn:hover{ background-color:#00008B; color:#D1EEEE; text-transformer:upper case; padding:6px; cursor:pointer;} </style> <p>Testando a pagina da internet</p> <p>Agora colocando uma classe div</p> <div style="background-color:#B22222;color:#C1CDCD;font-size:16px;"> <script type="text/javascript"> var a=false; var b=false; function funcao1(){ a=!a if(a== true){ document.getElementById("teste1").innerHTML= "quarto aceso" } if(a==false){ document.getElementById("teste1").innerHTML= "quarto apagado" } } function funcao2(){ b=!b if(b== true){ document.getElementById("teste2").innerHTML= "sala acesa " } if(b==false){ document.getElementById("teste2").innerHTML= "sala apagada" } } </script> <p id="teste1">quarto aceso<p> <br> <p id="teste2"> sala apagada<p> </div> <div style="background-color:white;color:black;"> <br> <a href="#" class="btn" onclick="funcao1()">me clica</a> <br> <br> <a href="#" class="btn" onclick="funcao2()">me clica</a> <br> <br> </center> </div> </body></html> queria inserir ela no meu nodemcu como client.println, A forma correta a se perguntar éh: Como?
  25. lucianolcoa
    @alexandre.mbm Poxa, voce me ajudou grandão agora, aprender na "unha" e terrivel. O eclipse pra mim em javascript não tem sido nada mais que um bloco de notas emperulitado. A noite vou testar isso ahe pra melhorar as condições

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...