HTML Knapp på nettside

[tobias.pedersen]

Jeg hoder på med arduino hjemme automatasjon. Nå har jeg brukt en ESP8266 WiFi modul med lua firmware, har lykktes med å skru av og på et relè via macen.

 

Men hvis jeg skal ha flere enn en esp8266 moduler rundt omkring i huset må jeg gå inn på forskjellig ip adresse for hver eneste modul.... Så nå prøver jeg å lage en nettside med iWeb. Har på en måte klart det men ikke bra nok for meg.

 

Jeg bruker denne HTML koden:

<FORM>

<INPUT Type="BUTTON" VALUE="Relè 1 På" ONCLICK="window.location.href='http://192.168.1.111/?pin=ON1'">

</FORM>

Og det funker, men når jeg trykker på knappen kommer dette opp

Hvordan kan man gjøre at knappen bare sender "http://192.168.1.111/?pin=ON1"uten å få noe tilbake??

Tusen takk for svar

[Enthroner]

<INPUT Type="BUTTON" VALUE="Relè 1 På" ONCLICK="window.location.href='http://192.168.1.111/?pin=ON1'">

 

Det du vil her er å gjøre en GET request til serveren på 192.168.1.111

 

Dette kan du få til med vanlig javascript slik:

var request = new XMLHttpRequest();
request.open('GET', "http://192.168.1.111/?pin=ON1", true);
request.send();

Det du så kan gjøre er å lage en funksjon av dette slik:

function sendCommand(url) {
  var request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.send();
  return false; //dette vil stoppe browser i å sende klikket ditt videre
}

Deretter kan du bruke den i linker på siden din slik:

<a href='#' onclick="return sendCommand('http://192.168.1.111/?pin=ON1')">check</a>

EDIT: du kan også bruke jquery med en CDN men for så enkle ting som dette anbefaler jeg at du styrer unna, inntil du ser at du trenger såppas mye funksjonalitet at å laste ned jQuery er verdt det mer enn å ha bytes på ESP8266

Endret 1. mars 2015 av Enthroner

[tobias.pedersen]

Tusen takk for svar

 

Men hvordan gjør jeg dette? Skal jeg skrive det i "html snutt" i iWeb?

[Enthroner]

Tusen takk for svar

 

Men hvordan gjør jeg dette? Skal jeg skrive det i "html snutt" i iWeb?

 

Prøv dette i 'html snutt' (har ikke brukt iWeb før):

<script>
function sendCommand(url) {
  var request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.send();
  return false; //dette vil stoppe browser i å sende klikket ditt videre
}
</script>
<a href='#' onclick="return sendCommand('http://192.168.1.111/?pin=ON1')">check</a>

[tobias.pedersen]

Det funka! Tusen takk!

 

Bare en ting til, hvordan kan man få den til å bli en knapp som disse?:

[Enthroner]

Det funka! Tusen takk!

 

Bare en ting til, hvordan kan man få den til å bli en knapp som disse?:

Skjermbilde 2015-03-01 kl. 20.37.03.png

Du kan enten style den slik, eller så kan du gjøre om

<a href='#' onclick="return sendCommand('http://192.168.1.111/?pin=ON1')">check</a> 

til

<input type="button" value="Relè 1 På" onclick="return sendCommand('http://192.168.1.111/?pin=ON1')" />

Gitt at du spør fordi dine knapper så slik ut

[tobias.pedersen]

Takker og bukker. Nå funker det perfekt, takk for hjelpen