Afdrukken

 


Elke knop heeft een link

Het gebruikersinterface van de Capturing-Remote-Controller bestaat uit één of meer vensters. Elk venster heeft knoppen. Elke knop heeft een link naar de software die de actie voor de betreffende knop gaat uitvoeren.

De HTML-code van de vensters

Behalve de genoemde links bevat elk venster ook (HTML) code voor de opmaak ervan. De opmaakcode is volledig vrij toe te passen, maar een juiste toepassing van de linkcode is essentieel voor het goed kunnen functioneren van de Capturing-Remote-Controller.

Als concreet voorbeeld wordt uitgegaan van onderstaand venster en strippen we het vervolgens van de layout informatie, zodat de links van de knoppen overblijven.

 

Voorbeeldvenster met HTML-code


10HTML

Voorbeeld van een venster met 10 control knoppen
Zie
listing: 10HTMLmain

 

Voorbeeldvenster zonder HTML-code

Onderstaand voorbeeld is functioneel exact hetzelfde als bovenstaand voorbeeld, echter ontdaan van de opmaakcode.
Het gebruikersinterface is nu niet bepaald optimaal...

 

 Knop 0 Knop 1 Knop 2 Knop 3 Knop 4 Knop 5 Knop 6 Knop 7 Knop 8 Knop 9

{{ html_helptekst }}

-IR- Capture -RF-
Schakelaars -TV- 100-knpn 10-knpn Grafisch TV-KPN
Capture-Remote-Controller
 
 

Gestript van de opmaakcode het voorbeeld met 10 controlknoppen
Zie
listing: 10HTMLsimpel

 

De verschillende links voor de vervolgacties

In de listing 10HTMsimpel is te zien welke statements zorgen voor de verbindingen met het frond-end programma crc_page.py.

Opmerking
De programmacode van de vensters is op de HTML-standaard gebaseerd.
De diverse voorbeelden vormen goede aanknopingspunten voor de eigen toepassingen. Er bestaat een zeer goede site over onder meer HTML-code, zie: https://www.w3schools.com/.