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

Crear una tabla HTML

Solución

En este ejemplo y en el siguiente solo vamos a mostrar el script Python ; el código HTML asociado es similar al mostrado en los ejemplos previos

Para crear una tabla usamos las siguientes etiquetas HTML : TABLE (la tabla), TR (una fila de la tabla),TH (una celda cabecera) and TD (una celda)

La tabla está hecha por filas, cada fila se compone de celdas ; la primera fila suele dedicarse a 'celdas cabecera' que describen el valor de la columna

Aquí podéis ver un ejemplo simple :

from browser import document
from browser.html import TABLE, TR, TH, TD
table = TABLE()
row = TR() # create a row
# add header cells
row <= TH("País")
row <= TH("Capital")
table <= row # add the row to the table

# add a row
row = TR()
row <= TD("Estados Unidos")+TD("Washington")
table <= row

# erase initial content
document['zone'].clear()

# insert table in the element
document['zone'] <= table

Contenido inicial

Podemos construir una tabla a partir de una lista de listas :

from browser import document
from browser.html import TABLE, TR, TH, TD

lines = [ ['Morrissey','vocalista'],
    ['Johnny Marr','guitarrista'],
    ['Mike Joyce','batería'],
    ['Andy Rourke','bajista']
    ]
t = TABLE()
for line in lines:
    t <= TR(TD(line[0])+TD(line[1]))
document['zone1'].text = ''
document['zone1']<= t

Contenido inicial