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

Obtener el contenido de un elemento de la página

Solución

Mostrar texto

from browser import alert, document

# document['zone'] is the colored cell
alert(document['zone'].text)

Mostrar código HTML

from browser import alert, document
alert(document['zone'].html)

Mostrar texto introducido

from browser import alert, document
# document['entry'] es el campo de entrada
alert(document['entry'].value)

Contenido de la celda

Cada elemento en la página posee un atributo text, una cadena con el testo mostrado en el elemento

Además, posee un atributo html, una cadena con el código HTML dentro del elemento

Los campos de entrada poseen un atributo value, una cadena con el valor actual del campo de entrada

alert() es una función definida en el módulo browser que muestra su argumento en una ventana emergente (popup window)