Introducción

Instalación

Preguntas frecuentes (faq)

Sintaxis, palabras clave y funciones integradas

Distribución estándar

Implementación del import

Interfaz del navegador

Introducción - DOM API
Creando un documento
Accediendo a los elementos
Atributos, propriedades y métodos

Eventos
Eventos del ratón
Eventos del teclado
Eventos de foco
Eventos de arrastre

Query string

Usando objetos y librerías Javascript

Módulos específicos de Brython

El módulo integrado `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

javascript

Trabajando con Brython

Opciones de la función brython()
Testing y depuración
Desplegando una aplicación

Cookbook

Hola Mundo !
Insertar contenido en un elemento
Marcado HTML (bold,italic...)
Tabla HTML
Añadir (*bind*) y eliminar (*unbind*) eventos
Handle options in a SELECT
Arrastrar y soltar
Obtener el contenido de un elemento
Leer el contenido de un fichero
Almacenar objetos localmente
Ejemplo de onmouseover
 

Problema

Uso de las etiquetas HTML básicas: bold, italic, headers...

Solución

from browser import document, html

document['zone'] <= html.H1("Presentando a Brython")
document['zone'] <= html.H4(html.I("Python en el navegador"))
document['zone'] <= html.B("Hola mundo !")

Contenido inicial

B es una función definida en el módulo browser.html, que coincide con la etiqueta HTML <B> (bold)

B("text") devuelve un objeto que conincide con el HTML <b>text</b>

Todas las etiquetas HTML tienen su propia función : I, H1, H2,.... Puedes anidar funciones, como se muestra en la segunda línea :

document <= html.H4(html.I("Python en el navegador"))