Introduction

Installation

Limitations of the "file" protocol

Frequently asked questions

Syntax, keywords and built-in functions

Standard distribution

import implementation

Brython packages

Browser interface

Introduction - DOM API
Creating a document
Accessing elements
Attributes, properties and methods

Events
Mouse events
Keyboard events
Focus events
Drag events

Query string

Interactions with Javascript

Brython-specific built-in modules

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

Working with Brython

Execution options
Testing and debugging
Deploying an application

Cookbook

Hello world !
Insert content in an element
HTML markup (bold,italic...)
HTML table
Bind and unbind events
Handle options in a SELECT
Drag and drop
Get the content of an element
Read the content of a file
Store objects locally
Example of onmouseover
 

Creating a document

Brython is made to program web applications, thus HTML pages that the user can interact with.

A page is made of elements (texts, images, sounds...) that can be included in the page in two different ways :

  • writing HTML code with tags, for instance

    <html>
    <body>
    <b>Brython</b> is an implementation of <a href="http://www.python.org">Python</a>
    for web browsers
    </body>
    </html>

  • or writing Python code, using the built-in module browser.html

<html>
<body>
<script type="text/python">
from browser import document
from browser.html import A,B

document <= B("Brython") + "is an implementation of "
document <= A("Python", href="http://www.python.org") + " for web browsers"
</script>
</body>
</html>