Home  PHP Projekte  PHP Schulung  Informationsquellen  Geschichte  Core PHP  Fortgeschrittenes PHP  Templates  Cache-Technologien  OOH Forms  Grundlagen  JavaScript  XML  Layoutmanager  API  Flowlayout  Themed Flowlayout  Gridlayout  Themed Gridlayout  Grouplayout  IT-Manager  Kombiniert  Automatisch  Pages  Wizards  Fazit  Technik der Site  Büchertipps  Fotografie  Airbrush  Kontakt  Stuff 
|
Flowlayout
Ein klassischer Flowlayoutmanager plaziert so viele Elemente
in einer Zeile wie möglich. Da bei einer HTML basierten
Ausgabe die Größe der einzelnen Elemente unbekannt ist,
kann die normale Definition nicht angewendet werden.
Der Flowlayoutmanager der OOH-Forms plaziert solange
Elemente in einer Zeile, bis der Benutzer mit void insertBreak()
einen Zeilenumbruch erzwingt.
Es gibt derzeit keine Möglichkeit die Ausrichtung von Content
in einer Zelle zu beeinflussen.
| Flowlayout |
Top |
|
<?php require_once('HTML_OOH_Form/layoutmanager/form_flowlayout.php'); $flow = new flowlayout(); // erste Zeile: drei Elemente for ($i = 1; $i < 4; $i++) $flow->addContent(' 1. Zeile, Spalte ' . $i .' '); // zweite Zeile beginnen $flow->insertBreak(); // Fünf Elemente in der zweiten Zeile. for ($i = 1; $i < 6; $i++) $flow->addContent(' 2. Zeile, Spalte ' . $i . ' '); $flow->show(); ?>
|
|
Ausgabe
|
Top |
| 1. Zeile, Spalte 1 | 1. Zeile, Spalte 2 | 1. Zeile, Spalte 3 |
| | 2. Zeile, Spalte 1 | 2. Zeile, Spalte 2 | 2. Zeile, Spalte 3 | 2. Zeile, Spalte 4 | 2. Zeile, Spalte 5 |
|
|
<table cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"><table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"> 1. Zeile, Spalte 1 </td><td align="left" valign="top"> 1. Zeile, Spalte 2 </td><td align="left" valign="top"> 1. Zeile, Spalte 3 </td></tr></table></td></tr><tr><td align="left" valign="top"><table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"> 2. Zeile, Spalte 1 </td><td align="left" valign="top"> 2. Zeile, Spalte 2 </td><td align="left" valign="top"> 2. Zeile, Spalte 3 </td><td align="left" valign="top"> 2. Zeile, Spalte 4 </td><td align="left" valign="top"> 2. Zeile, Spalte 5 </td></tr></table></td></tr></table> |
|
< ^ >
|