Link/knap der kalder html men ikke åbner

Hvad mener du med "kalder men ikke åbner"?

Alternativt kunne du lave en lille popup med en iframe som kalder dit relæ og lav det så din popup lukker af sig selv igen.

Ellers ville jeg nok kikke i Java retningen fx http://www.baeldung.com/java-http-request

Jeg laver selv smart relæstyring af mine ting og lys i huset og jeg har valgt at lave mit eget program til PC i VB.NET som jeg med tiden vil lave til android også.

Kan dette fra Lars Bachmann "Friske op" på hukommelsen:
http://www.larsbachmann.dk/guide-til-shortcodes-i-wordpress.html

Blot glem "shortcodes" og kig på funktionen ;-)

Jeg har hvis ikke fået forklaret mig godt nok..  jeg har brug for en knap... når jeg trykker på den knap, så må siden ikke skifte.. den skal blive på aktuelle side, men når jeg trykker på knappen, så skal henvisningen som er en http://adresse "kaldes" så funktionen bliver aktiveret...

jeg har fået rodet følgende sammen, ud fra noget jeg fandt på nettet:

<button type="button" onclick="loadDoc()">Lampe 1</button>

<p id="demo1"></p>

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo1").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "http://192.168.10.79/cm?cmnd=Power1%20TOGGLE", true);
  xhttp.send();
}
</script>

Og det fungerer egentlig fint.. dog kan jeg nu ikke finde ud af at lave en knap mere.. jeg kan ikke lige lure hvordan jeg får udvidet koden til at kunne indsætte 2,3,4,5 osv knapper.. i <p id="demo1"> får jeg en tilbagemelding fra relæet " {"POWER1":"OFF"} " og der vil jeg gerne have at alle knapper giver tilbagemeldingen samme sted.. alter i samme <p id> hvis muligt

Hvad med at lave en "function loadDoc2()"  til kald af "demo2"

;-)

Bare af interesse hvad hardware bruger du?

Som a3-seo skriver, har du prøvet dette?

<button type="button" onclick="loadDoc1()">Lampe 1</button>
<button type="button" onclick="loadDoc2()">Lampe 2</button>
<button type="button" onclick="loadDoc2()">Lampe 3</button>

<p id="demo1"></p>

<script>
function loadDoc1() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo1").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "http://192.168.10.79/cm?cmnd=Power1%20TOGGLE", true);
  xhttp.send();
}

function loadDoc2() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo1").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "http://192.168.10.79/cm?cmnd=Power2%20TOGGLE", true);
  xhttp.send();
}

function loadDoc3() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo1").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "http://192.168.10.79/cm?cmnd=Power3%20TOGGLE", true);
  xhttp.send();
}
</script>

#6
lille forbedring, det er vel det sammen der sker i alle 3 functioner, det eneste der er forskel er url, hvorfor ikke slå dem sammen til en function og tage en parameter med url med over ??

Det vil jeg lige lege med alt det i har foreslået.. havde prøvet med "loadDoc()" havde bare parkeret tallet indeni parantesen, istedet for, lige før parentesen..

Hardwaren er billige sonoff basic relæer til 35kr stykket på eBay, flashet med ny firmware..

>havde bare parkeret tallet indeni parantesen, istedet for
det kan du også gøre, og nøjes med at tage tallet over som parameter

med tal kan du selv bestemme om du vil have tallet over som tal eller string
her er 1 og 3 som en string, og 2 som tal.


<button type="button" onclick="loadDoc('1')">Lampe 1</button>  <!-- som string -->

<button type="button" onclick="loadDoc(2)">Lampe 2</button> <!-- som tal -->

<button type="button" onclick="loadDoc(knap)">Lampe 3</button> <!-- som variabel, skal være sat før denne linje -->


man kunne overveje at gøre html coden pænere, ved at lave en addEventListener
https://developer.mozilla.org/en-US/docs/Web/API/EventListener
https://www.w3schools.com/js/js_htmldom_eventlistener.asp

det kræver bare man har sat en value på knappen, eller sat en data- attribut man kan læse fra
https://www.w3schools.com/tags/att_button_value.asp
https://stackoverflow.com/questions/12835550/how-to-use-a-buttons-data-attribute-to-call-a-selected-javascript-function?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

Jeg er i mål nu, så behøver koden ikke være pænere, jeg har pyntet knapper lidt, så et det længe fint...