Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
JavaScript
range value an <a href> anhängen
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Sempervivum, post: 12985, member: 3917"] Gern, versuche dies: [CODE]<!DOCTYPE html> <html> <head> <title>Heimautomatisierung</title> <style> iframe { height: 0px; width: 0px; border: 0px none red; background-color: transparent; } </style> <script> function setIt() { const // Festen Teil der URL bereit stellen: url = 'http://test.fritz.box/menu/0?go=', // Wert des Rangesliders bereit stellen: val = document.querySelector('#prozent').value; // scr-Attribut auf die vollständige URL setzen: document.querySelector('iframe').src = url + val; } </script> </head> <body> <div id="container"> <input type="range" value="25" min="0" max="100" id="prozent" oninput="this.nextElementSibling.value = this.value"> <output>25</output> <hr> <!-- Funktion setIt beim Klick auf den Button aufrufen: --> <button class="function" onclick="setIt();">SET</button> </div> <iframe name="invisibleFrame" /> </body> </html>[/CODE] Um das src-Attribut des iFrame zu setzen brauchst Du kein a-href-Tag. Ich war so frei, das CSS in den head zu setzen und die horizontale Linie durch ein hr-Tag zu ersetzen. Dieses [ICODE]clear: both;[/ICODE] weist darauf hin, dass Du float-Layout verwendest. In den allermeisten Fällen ist das veraltet und wird besser durch Flex- und Gridlayout ersetzt. [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
JavaScript
range value an <a href> anhängen
Oben
Unten