- baseportal Dokumentation

Titel:

<div class=Text> 
<style> .button {background-color:transparent;} .spacer {background-color:transparent;} .line {background-color:transparent;} .selected {background-color:transparent;} .table {border:solid transparent 0px;} .table th {background-color:transparent} </style> 
 
<hr> 
<a name="0"><h2>Gesamtübersicht</h2></a> 
Hier wurden mal um sich besser zurecht zu finden alle verfügbaren Hauptblöcke unterschiedlich eingefärbt. 
 
<code><span class=html><style></span>
.menu   {background-color:red;}
.page   {background-color:green;}
.index  {background-color:olive;}
.arrows {background-color:blue;}
.form   {background-color:purple;}
.search {background-color:aqua;}
.detail {background-color:silver;}
.list...{background-color:lime;}
.text...{background-color:black; color:white;}
<span class=html></style></span></code> 
<style> .demo2 .menu {background-color:red;} .demo2 .page {background-color:green;} .demo2 .index {background-color:olive;} .demo2 .arrows {background-color:blue;} .demo2 .form {background-color:purple;} .demo2 .search {background-color:aqua;} .demo2 .detail {background-color:silver;} .demo2 .list...{background-color:lime;} .demo2 .text...{background-color:black; color:white;} </style> <div class=demo2> <table cellpadding=2 cellspacing=0 class=menu><tr><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Alles</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;Ändern&nbsp;</td><td class=spacer></td><td class=selected>&nbsp;<b>Detail</b>&nbsp;</td><td class=spacer></td></tr><tr><td></td><td class=line colspan=5></td><td></td></tr></table>

<table cellspacing=2 cellpadding=0 border=0><tr><td></td><td> <table><tr><td><table class=list cellspacing=2 cellpadding=4> <tr><th>Aktion</th><th>Staat</th><th>Bundesland</th><th>Regierungsbezirk</th><th>Breitengrad</th><th>Laengengrad</th><th>Autokennzeichen</th></tr> <col class=Aktion><col class=Staat><col class=Bundesland><col class=Regierungsbezirk><col class=Breitengrad><col class=Laengengrad><col class=Autokennzeichen> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Freiburg</td><td>47.8511</td><td>8.85</td><td>KN</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>RP</td><td>-</td><td>49.7833</td><td>6.6</td><td>TR</td></tr> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>NW</td><td>K&ouml;ln</td><td>50.7667</td><td>6.1</td><td>AC</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Stuttgart</td><td>48.8333</td><td>10.1</td><td>AA</td></tr> </table></td></tr></table></td></tr></table><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=detail><tr><th>Staat:</th><td class=Staat>DE</td></tr> <tr><th>Bundesland:</th><td class=Bundesland>NW</td></tr> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk>Köln</td></tr> <tr><th>Landkreis:</th><td class=Landkreis>Kreisfreie Stadt</td></tr> <tr><th>Ort:</th><td class=Ort>Aachen</td></tr> <tr><th>Breitengrad:</th><td class=Breitengrad>50.7667</td></tr> <tr><th>Laengengrad:</th><td class=Laengengrad>6.1</td></tr> <tr><th>Autokennzeichen:</th><td class=Autokennzeichen>AC</td></tr> <tr><th>Postleitzahlen:</th><td class=Postleitzahlen>52062,52064,52066,52068,52070,52072,52074,52076,52078,52080</td></tr> <tr><th>Aktion:</th><td class=Aktion><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td></tr> </table></td></tr></table></td></tr></table>

<span class=text>&nbsp;&nbsp;Eintrag ändern:</span> </p><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=form><form name="_baseportal_form0" method="post" enctype="multipart/form-data"><tr><th>Staat:</th><td class=Staat><input type="text" name="Staat:=" size=20 value="DE"></td></tr> <tr><th>Bundesland:</th><td class=Bundesland><input type="text" name="Bundesland:=" size=20 value="NW"></td></tr> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk><input type="text" name="Regierungsbezirk:=" size=20 value="Köln"></td></tr> <tr><th>Landkreis:</th><td class=Landkreis><input type="text" name="Landkreis:=" size=20 value="Kreisfreie Stadt"></td></tr> <tr><th>Postleitzahlen:</th><td class=Postleitzahlen><input type="text" name="Postleitzahlen:=" size=20 value="52062,52064,52066,52068,52070,52072,52074,52076,52078,52080"></td></tr> <tr><td></td><td nowrap><input type=submit value="Abschicken"> </td></tr></form></table></td></tr></table></td></tr></table>

<span class=text>&nbsp;&nbsp;Suche:</span> </p><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=search><form name="_baseportal_form0" method="post" enctype="multipart/form-data"> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk><input type="text" name="Regierungsbezirk~=" size=20 value=""></td></tr> <tr><th>Postleitzahlen:</th><td class=Postleitzahlen><input type="text" name="Postleitzahlen~=" size=20 value=""></td></tr> <tr><td></td><td nowrap><input type=submit value="Abschicken"> </td></tr></form></table></td></tr></table></td></tr></table>

<span class=text>&nbsp;&nbsp;Neuer Eintrag:</span> </p><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=form> <form name="_baseportal_form0" method="post" enctype="multipart/form-data"> <tr><th>Staat:</th><td class=Staat><input type="text" name="Staat:=" size=20 value=""></td></tr> <tr><th>Bundesland:</th><td class=Bundesland><input type="text" name="Bundesland:=" size=20 value=""></td></tr> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk><input type="text" name="Regierungsbezirk:=" size=20 value=""></td></tr> <tr><th>Landkreis:</th><td class=Landkreis><input type="text" name="Landkreis:=" size=20 value=""></td></tr> <tr><td></td><td nowrap><input type=submit value="Abschicken"> </td></tr></form></table></td></tr></table></td></tr></table> </div> 
 
 
<hr> 
<a name="1"><h3>Übersicht menu,page,index und arrows</h3></a> 
Die Unterelemente von menu, page, index und arrows sind identisch aufgebaut. 
Hier auch mal eine Übersicht über die verschiedenen benannten Elemente. 
<code><span class=html><style></span>
.line {height:5px; background-color:red;}
.button {background-color:green;}
.selected {background-color:blue;}
.spacer {width:5px; background-color:silver;}
<span class=html></style></span></code> 
 <style> .demo3 .line {height:5px; background-color:red;} .demo3 .button {background-color:green;} .demo3 .selected {background-color:blue;} .demo3 .spacer {width:5px; background-color:silver;} </style> <div class=demo3> <table cellpadding=2 cellspacing=0 class=menu><tr><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Alles</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;Ändern&nbsp;</td><td class=spacer></td><td class=selected>&nbsp;<b>Detail</b>&nbsp;</td><td class=spacer></td></tr><tr><td></td><td class=line colspan=5></td><td></td></tr></table>

<table cellpadding=2 cellspacing=0 class=page><tr><td class=spacer></td><td> <span class=text>13981&nbsp;Einträge&nbsp;gesamt:&nbsp;</span> </td><td class=spacer></td><td class=selected>&nbsp;<b>1</b>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">6</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">11</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">16</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">21</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">26</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">31</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">36</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">41</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">46</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">&gt;&gt;</a>&nbsp;</td><td class=spacer></td></tr><tr><td></td><td class=line colspan=23></td><td></td></tr></table> </div> 
 
<hr> 
<a name="2"><h3>Übersicht form, search, detail und list</h3></a> 
Die Unterelemente von form, search, detail und list sind wiederrum ähnlich aufgebaut. 
Die Überschriften erreicht man über den normalen html tagnamen th. 
Die Feldnamen entsprechen in list den Spalten und in form, search und detail den Zeilen. 
Falls die Feldnamen Sonderzeichen enthalten werden diese in Unterstrich gewandelt. 
<code><span class=html><style></span>
th {background-color:red;}
.Aktion {background-color:blue;}
.Staat {background-color:green;}
.Bundesland {background-color:silver;}
.Regierungsbezirk {background-color:olive;}
.Breitengrad {background-color:purple;}
.Laengengrad {background-color:lime;}
.Autokennzeichen {background-color:aqua;}
<span class=html></style></span>
</code> 
 <style> .demo4 th {background-color:red;} .demo4 .Aktion {background-color:blue;} .demo4 .Bundesland {background-color:green;} .demo4 .Regierungsbezirk {background-color:silver;} .demo4 .Landkreis {background-color:olive;} .demo4 .Ort {background-color:purple;} .demo4 .Laengengrad {background-color:lime;} .demo4 .Breitengrad {background-color:aqua;} </style> <div class=demo4> <table><tr><td><table class=list cellspacing=2 cellpadding=4> <tr><th>Aktion</th><th>Staat</th><th>Bundesland</th><th>Regierungsbezirk</th><th>Breitengrad</th><th>Laengengrad</th><th>Autokennzeichen</th></tr> <col class=Aktion><col class=Staat><col class=Bundesland><col class=Regierungsbezirk><col class=Breitengrad><col class=Laengengrad><col class=Autokennzeichen> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Freiburg</td><td>47.8511</td><td>8.85</td><td>KN</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>RP</td><td>-</td><td>49.7833</td><td>6.6</td><td>TR</td></tr> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>NW</td><td>K&ouml;ln</td><td>50.7667</td><td>6.1</td><td>AC</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Stuttgart</td><td>48.8333</td><td>10.1</td><td>AA</td></tr> </table></td></tr></table></td></tr></table><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=detail><tr><th>Staat:</th><td class=Staat>DE</td></tr> <tr><th>Bundesland:</th><td class=Bundesland>NW</td></tr> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk>Köln</td></tr> <tr><th>Landkreis:</th><td class=Landkreis>Kreisfreie Stadt</td></tr> <tr><th>Ort:</th><td class=Ort>Aachen</td></tr> <tr><th>Breitengrad:</th><td class=Breitengrad>50.7667</td></tr> <tr><th>Laengengrad:</th><td class=Laengengrad>6.1</td></tr> <tr><th>Aktion:</th><td class=Aktion><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td></tr> </table></td></tr></table></td></tr></table>

a {text-decoration:none; color:#0000F0;}
a:hover {color:#d00000;}

.line {background-color:#C0D0F0; height:5px;}
.button {font-size:10pt; text-align:center; background-color:#E0E0E0;}
.selected {font-size:10pt; text-align:center; background-color:#C0D0F0; font-weight:bold;}
.spacer {width:3px;}

.list, .detail {background-color:#F0F0F0;}
.list th, .detail th,  .form th, .search th  {font-weight:normal;}
.list th, .detail th {background-color:#C0D0F0}
.search th, .form th, .detail th {text-align:right;}

.data2 {background-color:#E0E0E0}
.Aktion {font-size: 10px;}
<span class=html></style></span>

<span class=html><do action=all class=demo1></span></code> 
<style> .demo1 table,.demo1 p,.demo1 body {font-family: arial, helvetica, 'Sans Serif'; font-size:10pt;} .demo1 a {text-decoration:none; color:#0000F0;} .demo1 a:hover {color:#d00000;} .demo1 .line {background-color:#C0D0F0; height:5px;} .demo1 .button {font-size:10pt; text-align:center; background-color:#E0E0E0;} .demo1 .selected {font-size:10pt; text-align:center; background-color:#C0D0F0; font-weight:bold;} .demo1 .spacer {width:3px;} .demo1 .list, .detail {background-color:#F0F0F0;} .demo1 .list th,.demo1 .detail th,.demo1 .form th,.demo1 .search th {font-weight:normal;} .demo1 .list th,.demo1 .detail th {background-color:#C0D0F0} .demo1 .search th,.demo1 .form th,.demo1 .detail th {text-align:right;} .demo1 .data2 {background-color:#E0E0E0} .demo1 .Aktion {font-size: 10px;} </style> <div class=demo1> <table cellpadding=2 cellspacing=0 class=menu><tr><td class=spacer></td><td class=button>&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Alles</a>&nbsp;</td><td class=spacer></td><td class=button>&nbsp;Ändern&nbsp;</td><td class=spacer></td><td class=selected>&nbsp;<b>Detail</b>&nbsp;</td><td class=spacer></td></tr><tr><td></td><td class=line colspan=5></td><td></td></tr></table>

<table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=list cellspacing=2 cellpadding=4> <tr><th>Aktion</th><th>Staat</th><th>Bundesland</th><th>Regierungsbezirk</th><th>Breitengrad</th><th>Laengengrad</th><th>Autokennzeichen</th></tr> <col class=Aktion><col class=Staat><col class=Bundesland><col class=Regierungsbezirk><col class=Breitengrad><col class=Laengengrad><col class=Autokennzeichen> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Freiburg</td><td>47.8511</td><td>8.85</td><td>KN</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>RP</td><td>-</td><td>49.7833</td><td>6.6</td><td>TR</td></tr> <tr><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>NW</td><td>K&ouml;ln</td><td>50.7667</td><td>6.1</td><td>AC</td></tr> <tr class=data2><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td><td><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">DE</a></td><td>BW</td><td>Stuttgart</td><td>48.8333</td><td>10.1</td><td>AA</td></tr> </table></td></tr></table></td></tr></table><table cellspacing=2 cellpadding=0 border=0><tr><td></td><td><table><tr><td><table class=detail><tr><th>Staat:</th><td class=Staat>DE</td></tr> <tr><th>Bundesland:</th><td class=Bundesland>NW</td></tr> <tr><th>Regierungsbezirk:</th><td class=Regierungsbezirk>Köln</td></tr> <tr><th>Landkreis:</th><td class=Landkreis>Kreisfreie Stadt</td></tr> <tr><th>Ort:</th><td class=Ort>Aachen</td></tr> <tr><th>Breitengrad:</th><td class=Breitengrad>50.7667</td></tr> <tr><th>Laengengrad:</th><td class=Laengengrad>6.1</td></tr> <tr><th>Autokennzeichen:</th><td class=Autokennzeichen>AC</td></tr> <tr><th>Postleitzahlen:</th><td class=Postleitzahlen>52062,52064,52066,52068,52070,52072,52074,52076,52078,52080</td></tr> <tr><th>Aktion:</th><td class=Aktion><a href="javascript:alert('Links sind im Beispiel ohne Funktion')">Ändern</a>&nbsp;|&nbsp;<a href="javascript:alert('Links sind im Beispiel ohne Funktion')" onclick="return confirm('Diesen Eintrag wirklich löschen: DE?')">Löschen</a></td></tr> </table></td></tr></table></td></tr></table>

Name: Passwort: Stichworte: Version: 1 2 3 Angebot:

Ohne �nderungen zur�ck zur Seite

Neue Seite erstellen