marcosr
-
Total de itens
5 -
Registro em
-
Última visita
Sobre marcosr
marcosr's Achievements
0
Reputação
-
To com um servidor node.js, so que na pagina html não aparesse a imagem quando abre pelo servidor , e se abrir a pagina direto no navegador a imagem aparesse , seque o codigo html <!DOCTYPE html> <html> <head> <script src="/socket.io/socket.io.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> var socket = io(); $(document).ready(function(){ socket.on('tetik', function (msg) { $("#mesaj").text("...::"+msg+"::..."); if (msg=="lig") { //quando recebe a mensagem liga do servidor document.getElementById('bulb').src='ledon' // mostra essa imagem } else { document.getElementById('bulb').src='ledoff.gif' // ou essa imagem } }); }); </script> <style> #container { width: 120px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; } </style> </head> <body> <div id="container"> <img id="bulb" src="ledoff.gif" ><br> // imagem assim que abre a pagina <p id="mesaj"></p> </div> </body> </html>
-
Já tentei, como sou novo nesse tipo de programação, e se puder me dar alguns e exemplos fico agradecido se alguémpuder ajudar
-
E que vou ficar verificado um botão via entrada serial e essa parte do código tem que ficar se atualizando automaticamente a cada 1 segundos para capturar o estado do botão e atualizando a página inteira funciona mais fica ruim. Então precisava atualizar só essa parte do código que está na div
-
to testando sequinte script php e precisava de atualisar somete o codigo que esta na div <div id=atual> e não estou consequindo já tentei js e não consequi se alguém puder me da um exemplo segue o codigo <?php include "PhpSerial.php"; //import da biblioteca de serial com php $read = ""; $serial = new phpSerial(); //Cria um novo objeto para comunicacao serial $serial->deviceSet("/dev/ttyUSB0"); //associa esse objeto com a serial do Arduino $serial->confBaudRate(115200); //configura baudrate em 9600 $serial->confParity("none"); //sem paridade $serial->confCharacterLength(8); //8 bits de mensagem $serial->confStopBits(1); //1 bit de parada $serial->confFlowControl("none"); //sem controle de fluxo $serial->deviceOpen(); //abre o dispositivo serial para comunicacao ?> <html> <head></head> <body> <div id=atual> <?php $serial->sendMessage("a"); //envia o caractere 'a' sleep(1); $read = $serial->readPort(); //faz a leitura sleep(1); echo $read; $resultado = explode(",",$read); echo "<p> Estado do botao = " . $resultado[1] . " </p>"; echo "<p> Estado do LED= " . $resultado[2] . " </p>"; ?> <div> </body> </html>
-
html funciona nomal no local, em localhost não funciona certo
uma questão postou marcosr HTML, XHTML, CSS
estou tentando fazer um menu, se eu abrir direto no navegador funciona normal, mais se eu digitar no navegador localhost/caminho../ nome_arquivo.html ele não executa o css os menu fica sem estilo. tenho outras pagina funcionando no localhost e funciona normal o script html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Eletronica Elshadday</title> <meta name="Author" content="Stu Nicholls" /> <link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" /> <script src="pro_dropdown_2/stuHover.js" type="text/javascript" /> </head><body> <big>teste de menu<br /> <br /> <br /> </big><span class="preload1"><span class="preload2"> <ul id="nav"> <li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li> <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Ordem Serviço</span></a> <ul class="sub"> <li><a href="#nogo19">Adicionar</a></li> <li><a href="#nogo20">Adic. ao Cliente</a></li> <li><a href="#nogo19">Visualizar</a></li> <li><a href="#nogo3" class="fly">Fechar</a> <ul> <li><a href="#nogo4">Pelo Código</a></li> <li><a href="#nogo5">Pelo Cliente</a></li> </ul> </li> <li class="mid"><a href="#nogo7" class="fly">Localizar</a> <ul> <li><a href="#nogo8">Pelo código</a></li> <li><a href="#nogo9">Pelo Cliente</a></li> </ul> </li> <li><a href="#nogo3" class="fly">Loc. Fechadas</a> <ul> <li><a href="#nogo4">Pelo Código</a></li> <li><a href="#nogo5">Pelo Cliente</a></li> </ul> </li> <li><a href="#nogo19">Vis. Fechadas</a></li> </ul> </li> <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Clientes</span></a> <ul class="sub"> <li><a href="#nogo23">Adicionar</a></li> <li><a href="#nogo24">Editar</a></li> <li><a href="#nogo25">Excluir</a></li> <li><a href="#nogo23">Visualizar</a></li> <li><a href="#nogo3" class="fly">Localizar</a> <ul> <li><a href="#nogo4">Pelo CPF</a></li> <li><a href="#nogo5">Pelo Nome</a></li> </ul> </li> </ul> </li> <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Funcionário</span></a> <ul class="sub"> <li><a href="#nogo28">Adicionar</a></li> <li><a href="#nogo49">Editar</a></li> <li><a href="#nogo50">Excluir</a></li> </ul> </li> <li class="top"><a href="#nogo1" class="top_link"><span>Sair</span></a></li> </ul> <p><br /> </p> </span></span> </body></html> o scrit css .preload1 {background: url(three_1.gif);} .preload2 {background: url(three_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left; height:38px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;} #nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;} #nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;} #nav li ul.sub li a.fly {background:#bbd37e url(arrow.gif) 80px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#6a812c; color:#fff; border-color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} e scrit java stuHover = function() { var cssRule; var newSelector; for (var i = 0; i < document.styleSheets.length; i++) for (var x = 0; x < document.styleSheets.rules.length ; x++) { cssRule = document.styleSheets.rules[x]; if (cssRule.selectorText.indexOf("LI:hover") != -1) { newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover"); document.styleSheets.addRule(newSelector , cssRule.style.cssText); } } var getElm = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<getElm.length; i++) { getElm.onmouseover=function() { this.className+=" iehover"; } getElm.onmouseout=function() { this.className=this.className.replace(new RegExp(" iehover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", stuHover);