Version

Introduction

Installation

Limitations du protocole "file"

Questions fréquemment posées

Syntaxe, mots-clés et fonctions intégrées

Distribution standard

Implémentation de import

Packages Brython

Interface 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 Brython

Options d'exécution
Test et débogage
Deployer une application

Recettes

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
 

Problème

Créer une table HTML

Solution

Dans cet exemple et dans les suivants, nous ne montrerons plus que le script Python ; le code HTML environnant reste le même que dans les recettes précédentes

Pour créer une table, nous utilisons les balises HTML : TABLE (la table), TR (une rangée de table), TH (une cellule d'entête) et TD (une cellule ordinaire)

La table est constituée de rangées, chaque rangée est constituée de cellules ; la première rangée est généralement constituée de "cellules d'entête" qui décrivent la valeur dans la colonne correspondante

Voici un exemple simple :

from browser import document as doc
from browser.html import TABLE, TR, TH, TD
table = TABLE()
row = TR() # create a row
# add header cells
row <= TH("Pays")
row <= TH("Capitale")
table <= row # add the row to the table

# add a row
row = TR()
row <= TD("Russie")+TD("Moscou")
table <= row

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

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

Contenu initial

On peut créer une table à partir d'une liste de listes :

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

lignes = [ ['Morrissey','voix'],
    ['Johnny Marr','guitare'],
    ['Mike Joyce','batterie'],
    ['Andy Rourke','basse']
    ]
t = TABLE()
for ligne in lignes:
    t <= TR(TD(ligne[0])+TD(ligne[1]))
document['zone1'].text = ''
document['zone1']<= t

Contenu initial