HTML en Python
-
- Berichten: 47
HTML en Python
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
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
-
- Berichten: 12.262
Re: HTML en Python
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.
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.
Victory through technology
-
- Berichten: 47
Re: HTML en Python
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
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
-
- Berichten: 12.262
Re: HTML en Python
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).
Victory through technology
-
- Berichten: 47
Re: HTML en Python
En dan je javascript integreren in de html, Benm? Bedankt voor de uitleg!
Mvg Kevin
Mvg Kevin
-
- Berichten: 12.262
Re: HTML en Python
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.
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.
Victory through technology
-
- Berichten: 47
Re: HTML en Python
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
Mvg
-
- Berichten: 2
Re: HTML en Python
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"
<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"