VersionIntroductionInstallationLimitations 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 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 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 |
interpreterCe module permet d'ouvrir un interpréteur Python interactif dans une page. Il est utilisé par la console du site brython.info.ClassesInterpreter(element=None, title="Interactive Interpreter", globals=None, locals=None, rows=30, cols=120, default_css=True)
from interpreter import Interpreter Interpreter() Inspector(title="Frames inspector", rows=30, cols=120, 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 from interpreter import Inspector def f(x): y = 8 Inspector() y = 9 f(5) Style CSSSi un interpréteur est ouvert dans un DIV existant, c'est la feuille de style de la page HTML qui est utilisée. Sinon, si l'argument default_css vautTrue (valeur par défaut), la feuille
de style suivante est insérée dans le document courant:
Pour personnaliser l'apparence des boites, il faut passer comme argument.brython-interpreter { background-color: #000; color: #fff; font-family: consolas, courier; caret-color: #fff; overflow-y: auto; overflow-x: hidden; } @keyframes blinker { 50% { opacity: 0; } } pre{ display:inline; } 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.
|