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

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 Brython

Options de la fonction brython()
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
 

interpreter

Ce module permet d'ouvrir un interpréteur Python interactif dans une page. Il est utilisé par la console et l'éditeur du site brython.info.

Classes

Interpreter(element=None, title="Interactive Interpreter", globals=None, locals=None, rows=30, cols=84, default_css=True)

  • si element est None, l'interpréteur est ouvert dans une nouvelle boite de dialogue (cf. le module browser.widgets.dialog). Sinon, element peut être un élément TEXTAREA de la page, ou si c'est une chaine de caractères, elle doit correspondre à l'attribut id d'un élément TEXTAREA de la page
  • title est le titre à afficher dans la boite de dialogue
  • globals et locals sont l'environnement dans lequel les commandes de l'interpréteur seront exécutés (par défaut, des dictionnaires vides)
  • rows et cols sont les dimensions du TEXTAREA
  • default_css indique s'il faut utiliser la feuille de style fournie par le module. Si la valeur est False, les styles définis dans la page HTML sont utilisés (voir "Style CSS" ci-dessous)

from interpreter import Interpreter

Interpreter()

Inspector(title="Frames inspector", rows=30, cols=84, default_css=True)
Ouvre une boite de dialogue comprenant un interpréteur interactif qui s'exécute dans les cadres (frames) d'exécution du programme. Ceci peut être utilisé pour le débogage.

Noter que l'ouverture de l'inspecteur ne bloque pas l'exécution du programme; en revanche, les espaces de nom utilisés dans l'interpréteur représentent l'état au moment de l'ouverture

Ainsi, dans l'exemple suivant, la valeur de y dans le cadre f vaudra 8 et non pas 9:

from interpreter import Inspector

def f(x):
  y = 8
  Inspector()
  y = 9

f(5)

Style CSS

Si un interpréteur est ouvert dans un TEXTAREA existant, c'est la feuille de style de la page HTML qui est utilisée.

Sinon, si l'argument default_css vaut True (valeur par défaut), la feuille de style suivante est insérée dans le document courant:

.brython-interpreter {
    background-color: #000;
    color: #fff;
    font-family: consolas, courier;
}

Pour personnaliser l'apparence des boites, il faut passer comme argument default_css=False et redéfinir la classe CSS brython-interpreter. Le plus simple est de copier-coller la feuille de style ci-dessus et de l'éditer.