IntroductionInstallationLimitations du protocole "file"Questions fréquemment poséesSyntaxe, mots-clés et fonctions intégréesDistribution standardImplémentation de importPackages BrythonInterface avec le navigateur
Introduction - API DOM
Créer un document Accéder aux éléments Attributs, propriétés et méthodes Evénements Evénements souris Evénements clavier Evénements focus Evénements pour glisser-déposer Chaine de requête Objets et librairies Javascript Modules intégrés propres à Brython
browser
browser.aio browser.ajax browser.html browser.local_storage browser.markdown browser.object_storage browser.session_storage browser.svg browser.template browser.timer browser.webcomponent browser.websocket browser.worker Widgets browser.widgets.dialog browser.widgets.menu interpreter javascript Travailler avec BrythonRecettes
Salut !
Insérer du contenu dans un élément Mise en forme HTML (gras, italique...) Table HTML Attacher / détacher des événements Gérer la sélection d'options dans un SELECT Glisser-déposer Obtenir le contenu d'un élément Lire le contenu d'un fichier Stocker des objets localement Exemple de onmouseover |
Citation de la spécification du Document Object Model du W3C : Qu'est-ce que le Document Object Model? Le Document Object Model est une interface indépendante d'une plateforme ou d'un langage qui permet aux programmes et aux scripts d'accéder dynamiquement au contenu, à la structure et au style des documents, et de les mettre à jourL'objectif de Brython est d'utiliser Python comme langage de script pour les navigateurs web, à la place de Javascript Un exemple simple :
brython() quand la page est chargée
(attribut onload de la balise <BODY> ). En phase de développement, on peut
passer un argument à cette fonction : 1 pour avoir les messages d'erreur dans
la console du navigateur, 2 pour avoir en plus le code Javascript généré.
Si le programme Python est volumineux, une autre possibilité est de l'écrire
dans un fichier séparé, et de le charger dans la page en utilisant l'attribut
src de la balise <script> :
.py . Dans certains cas les serveurs
interprètent un appel Ajax vers cette extension comme une demande
d'exécuter le script sur le serveur. Dans ce cas il faut changer l'extension,
par exemple la remplacer par .bry comme dans le code suivant:
<script type="text/python" src="test.bry"></script>Quand on clique sur le bouton, la fonction echo() définie dans le script
Python est exécutée. Cette fonction récupère la valeur de l'élément INPUT
par son id zone, en utilisant la syntaxe document["zone"] : document
est un attribut du module intégré browser, il se comporte comme un
dictionnaire indexé par les id des éléments DOM. document["zone"] est un
objet correspondant à l'élément INPUT ; on accède à la valeur par
l'attribut value.
L'affichage peut être réalisé de différentes façons, notamment par la fonction
alert() définie dans le même module browser, qui affiche une fenêtre
avec le texte passé en paramètre.
Dans cet exemple, nous utilisons un module de la distribution standard de
Brython, browser.widgets.dialog, avec une classe InfoDialog qui affiche
une boite de dialogue.
|