Version

Introduction

Installation

Limitations du protocole "file"

Questions fréquemment posées

Syntaxe, mots-clés et fonctions intégrées

Distribution standard

Implémentation de import

Packages Brython

Interface 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

Interactions avec 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 Brython

Options d'exécution
Test et débogage
Deployer une application

Recettes

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
 

Problème

Utiliser la mise en forme HTML basique : gras, italique, entêtes...

Solution

from browser import document, html

document['zone'].clear()
document['zone'] <= html.H1("Introduction à Brython")
document['zone'] <= html.H4(html.I("Python dans le navigateur"))
document['zone'] <= html.B("Salut !")

Contenu initial

B est une fonction définie dans le module html, correspondant à la balise HTML <B> (gras)

B("texte") renvoie un objet qui correspond au code HTML <b>texte</b>

Toutes les balises HTML ont leur propre fonction : I, H1, H2,.... On peut imbriquer les fonctions, comme on peut le voir sur la deuxième ligne :

doc <= html.H4(html.I("Python dans le navigateur"))