Enviado em 22/11/2018 - 15:23h
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, e se colocar no servidor php ela tambem aparece a imagem so quando executa no servidor node que não aparece.
seque o 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") {
document.getElementById('bulb').src='ledon' ;
}
else {
document.getElementById('bulb').src='ledoff.gif' ;
}
});
});
</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>
<p id="mesaj"></p>
</div>
</body>
</html>
seque o 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") {
document.getElementById('bulb').src='ledon' ;
}
else {
document.getElementById('bulb').src='ledoff.gif' ;
}
});
});
</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>
<p id="mesaj"></p>
</div>
</body>
</html>