Estou fazendo uma aplicação onde eu preciso conversar com outro host (mais precisamente um arduino), mas não sei como fazer isso usando javascript. O meu código é esse:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:) AUTO HOME :)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body {
background-image: url();
}
#div_qrt_casal {
position: absolute;
width: 194px;
height: 131px;
z-index: 1;
left: 378px;
top: 125px;
}
#div_sala_estar {
position: absolute;
width: 196px;
height: 133px;
z-index: 2;
left: 378px;
top: 263px;
}
#div_banheiro {
position: absolute;
width: 196px;
height: 133px;
z-index: 3;
top: 137px;
left: 1px;
}
#div_qrt_bb {
position: absolute;
width: 194px;
height: 131px;
z-index: 3;
left: 582px;
top: 125px;
}
#div_sala_jantar {
position: absolute;
width: 194px;
height: 131px;
z-index: 4;
top: 138px;
left: 0px;
}
#div_office {
position: absolute;
width: 194px;
height: 131px;
z-index: 5;
top: 275px;
}
#div_qrt_solteiro {
position: absolute;
width: 194px;
height: 131px;
z-index: 4;
left: 204px;
top: -275px;
}
#div_cozinha {
position: absolute;
width: 194px;
height: 131px;
z-index: 5;
left: 204px;
top: -137px;
}
#div_lavanderia {
position: absolute;
width: 194px;
height: 131px;
z-index: 4;
left: 786px;
top: 400px;
}
#div_garagem {
position: absolute;
width: 344px;
height: 75px;
z-index: 5;
left: 626px;
top: 541px;
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore(int) { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
acender(int);
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null)
{
document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];
}
apagar(a[4]);
}
function apagar(comodo)
{
}
function acender(comodo)
{
}
</script>
</head>
<body onload="MM_preloadImages('Imagens do Site/Botões/qrt_sala_de_estar_apagado.jpg','Imagens do Site/Botões/banheiro_apagado.jpg','Imagens do Site/Botões/qrt_bebe_apagado.jpg','Imagens do Site/Botões/sala_jantar_apagado.jpg','Imagens do Site/Botões/office_apagado.jpg','Imagens do Site/Botões/qrt_solteiro_apagado.jpg','Imagens do Site/Botões/cozinha_apagado.jpg','Imagens do Site/Botões/lavanderia_apagado.jpg','Imagens do Site/Botões/garagem_aberta.jpg','Imagens do Site/Botões/qrt_casal_apagado.jpg')">
<div align="center">
<div id="div_qrt_casal">
<a href="javascript:;" onclick="MM_swapImage('img_qrt_casal','','Imagens do Site/Botões/qrt_casal_apagado.jpg',1, 0)" ondblclick= "MM_swapImgRestore(0)"><img src="Imagens do Site/Botões/qrt_casal_aceso.jpg" name="img_qrt_casal" width="197" height="131" id= "img_qrt_casal" align="middle" border="0" /></a>
</div>
<div id="div_sala_estar"><a href="javascript:;" onclick="MM_swapImage('img_sala_estar','','Imagens do Site/Botões/qrt_sala_de_estar_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/qrt_sala_de_estar_aceso.jpg" name="img_sala_estar" width="197" height="131" id="img_sala_estar" border="0" /></a>
<div id="div_banheiro"><a href="javascript:;" onclick="MM_swapImage('img_banheiro','','Imagens do Site/Botões/banheiro_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/banheiro_aceso.jpg" name="img_banheiro" width="197" height="131" id="img_banheiro" border="0" /></a></div>
</div>
<img src="Imagens do Site/site_casa.jpg" width="1000" height="625" />
<div id="div_lavanderia"><a href="javascript:;" onclick="MM_swapImage('img_lavanderia','','Imagens do Site/Botões/lavanderia_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/lavanderia_aceso.jpg" name="img_lavanderia" width="193" height="131" id="img_lavanderia" border="0" /></a></div>
<div id="div_garagem"><a href="javascript:;" onclick="MM_swapImage('img_garagem','','Imagens do Site/Botões/garagem_aberta.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/garagem_close.jpg" name="img_garagem" width="346" height="77" id="img_garagem" border="0" /></a></div>
<div id="div_qrt_bb"><a href="javascript:;" onclick="MM_swapImage('img_qrt_bb','','Imagens do Site/Botões/qrt_bebe_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/qrt_bebe_aceso.jpg" name="img_qrt_bb" width="193" height="131" id="img_qrt_bb" border="0" /></a>
<div id="div_sala_jantar"><a href="javascript:;" onclick="MM_swapImage('img_sala_jantar','','Imagens do Site/Botões/sala_jantar_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/sala_jantar_aceso.jpg" name="img_sala_jantar" width="193" height="131" id="img_sala_jantar" border="0" /></a></div>
<div id="div_office"><a href="javascript:;" onclick="MM_swapImage('img_office','','Imagens do Site/Botões/office_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/office_aceso.jpg" name="img_office" width="193" height="131" id="img_office" border="0" /></a>
<div id="div_qrt_solteiro"><a href="javascript:;" onclick="MM_swapImage('img_qrt_solteiro','','Imagens do Site/Botões/qrt_solteiro_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/qrt_solteiro_aceso.jpg" name="img_qrt_solteiro" width="194" height="131" id="img_qrt_solteiro" border="0" /></a></div>
<div id="div_cozinha"><a href="javascript:;" onclick="MM_swapImage('img_cozinha','','Imagens do Site/Botões/cozinha_apagado.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="Imagens do Site/Botões/cozinha_aceso.jpg" name="img_cozinha" width="193" height="131" id="img_cozinha" border="0" /></a></div>
</div>
</div>
</div>
</body>
</html>A função acende e apaga que vai executar o código junto ao arduino. Se alguém puder me ajudar. Agradeço.