Du HTML au LZX d'OpenLaszlo
Quelques notions de traduction de HTML vers LZX pour tous les webmestres voulant découvrir OpenLaszlo
Bonjour à tous!
En HTML on utilise les balises <html> et <body>. Le texte peut étre placé entre des balises <p>, <div>, <span>, ou juste <body>.
<html><body>Bonjour à tous!</body></html>
Avec LZX, on utilise la balise <canvas>. Le texte doit se trouver entre des balises <text>, ou d'autres balises contenants du texte (par exemple <inputtext> ou <button>).
<canvas><text>Bonjour à tous!</text></canvas>
Difference de syntaxe entre HTML et LZX
Le language LZX est du XML. Les balises LZX sont sensibles à la casse et doivent étre fermées. Ainsi LZX se rapproche plus du XHTML que du HTML.
Sensible à la casse
Les balises LZX sont sensibles à la casse.
HTML:
<button>un</button>
<BUTTON>deux</BUTTON>
<Button>trois</buTToN>
LZX (et xHTML):
<button>un</button>
Fermer les balises
Les balises LZX doivent étre fermées:
soit de cette maniére: <view></view>
ou comme ceci: <view />.
HTML:
<text>du<br>texte</text>
LZX (et xHTML):
<text>du<br />texte</text>
Images
En HTML on utilise la balise <img>.
En LZX les images deviennent un attribut (source) et non une balise, toutes les vues peuvent contenir une image.
HTML:
<img src="image.jpg" />
LZX:
<view source="image.jpg" />
<image src="image.jpg" /> // OpenLaszlo 3.1+ seulement
Positionnement des éléments (Layout)
Avec le HTML les éléments "inline" sont positionnés à l'horizontale, et les éléments "block" à la verticale, par défaut.
HTML:
<p>one line</p>
<p>another</p>
En LZX, il faut définir des vues avec des attributs de taille et ensuite définir un "layout".
les 2 lignes suivantes donnent des vues superposées:
<text>one line</text>
<text>another</text>
Pour éviter cela, nous les mettons dans une vue ou le "layout" est défini:
<view>
<simplelayout />
<text>one line</text>
<text>another</text>
</view>
Le code suivant fourni un résultat identique:
<view layout="axis: y">
<text>one line</text>
<text>another</text>
</view>