HTML en Python

[Kdkevind]

Hey

Weet er iemand hoe je vanaf een zelfgemaakte HTML pagina een python bestand (bijv. helloworld.py) kunt laten uitvoeren indien je op een knop of link duwt? Python zelf html laten genereren is geen optie.

Mvg Kevin

[Benm]

Wat wil je precies doen? Python draait op de server en kan daarmee sowieso html genereren als je wilt. 
 
Of wil je python code laten uitvoeren door de client? Dat is volgens mij niet mogelijk, maar er zijn wel trucs om het om te katten naar javascript (pajamas oid) zodat het wel door de client uitgevoerd kan worden, met de nodige beperkingen. 

[Kdkevind]

Hey Benm

Ik wil dat de client naar de html pagina kan gaan en hij met knop of link een paar GPIO pinnen kan veranderen. De manier waarop is me eender, maar ik dacht dat python het gemakelijkste is. Eigenlijk maakt het niet uit of de GPIO pinnen veranderd worden door javascript of python, zolang men webpagina html blijft.

Mvg Kevin

[Benm]

Het handigste lijkt me dan te werken met ajax, dan kun je via javascript een python/php/whatever script aanroepen dat de pin veranderd. Bovendien kan je dat bijvoorbeeld ook nog een css style in de html pagina veranderen waardoor je kunt zien wat je gedaan hebt (bijv iets aan of uitgezet). 

[Kdkevind]

En dan je javascript integreren in de html, Benm? Bedankt voor de uitleg!

Mvg Kevin

[Benm]

Inderdaad, je kunt bijvoorbeeld een knop maken met <button onclick='functie();' > en dan uit die functie je xhttprequest doen en evt nog iets anders in de pagina. 
 
Als je bijv een schakelaar wilt omzetten kan je python code een 1 of een 0 teruggeven afhankelijk van of de schakelaar nu aan of uit gezet is, en dat kun je op de pagina weergeven. 

[Kdkevind]

Oké bedankt Benm!

Mvg Kevin

[Kdkevind]

Zou er iemand eens een voorbeeldprogramma kunnen tonen om de methode AJAX eens te demonstreren? Ik ben al verschillende websites tegengekomen, maar eerlijk gezegd geraak ik er niet wijs uit.

Mvg

[publicapps]

Stel je hebt een html formulier #pinForm waarin de gebruiker de pinnenconfiguratie kan aangeven. Dan kun je bijvoorbeeld met jQuery of gewoon met een formulier verzendknop de data opsturen naar je backend.

<form method="POST" action="https://natuurkunde.nl" id="pinForm">
... formulier elementen
</form>

$("#pinForm").submit(function(){
$.post( "https://natuurkunde.nl", { conf: $"(#pinForm").serializeArray() }, function( backendResult ) {
console.log("The backend result was ", backendResult);
}, "json");
});

Als je op de vermelde backend url een Flask app hebt draaien, of een Node app of whatever kind of web app, die de POST data uitleest, dan kun je op basis daarvan de pinnen verzetten en dan een http 200 OK of 202 Accepted response teruggeven met body tekst iets als "Pinconfiguratie is/wordt aangepast"