Wie schon in dem Thread über das Popup-Menü von kürzlich aufgezeigt, ist die Verwendung des URL-Popup-Menus innerhalb von Tabellen nicht unproblematisch.
Konkret produziert GoLive Code der bei vielen Browsern unter anderem dem Internet Explorer bewirkt, daß die Spalte, in der das Menu eingefügt wird, doppelt so hoch wie erwartet ausfällt. Das zu beheben wird hier kurz beschrieben:
Das URL-Popup hat folgende Funktion: Man kann verschiedene Links mit dazugehörigen Beschreibungen eintragen. Wählt der Benutzer einen Eintrag aus, wird der Link aufgerufen; ohne das der Benutzer einen Button drückt. Erreicht wird das natürlich mit JavaScript. Ist dies deaktiviert, funktioniert das nicht.
Also, wir erstellen eine neue Seite und fügen eine 1x1 Tabelle ein:
Jetzt fügen wir ein URL-Popup-Menu in die Zelle ein:
Das sieht dann in der Vorschau (falsch) so aus:
Der Code der Tabelle lautet:
Code:
<table width="180" border="1" cellspacing="2" cellpadding="0">
<tr>
<td>
<csobj data="{ 0 = { label = "Auswählen..."; selected = "YES"; }; 1 = { label = "Adobe Systems Inc."; url = "http://www.adobe.com"; }; }"
h="27" t="URLPopup" target="_top" w="161">
<form action="#" method="post" name="cs_form_name_0">
<select name="cs_popup_name_0" onchange="CSURLPopupShow(/*CMP*/'cs_form_name_0', /*CMP*/'cs_popup_name_0', '_top');">
<option value="#" selected>Auswählen...</option>
<option value="http://www.adobe.com">Adobe Systems Inc.</option>
</select>
</form>
</csobj>
</td>
</tr>
</table>
Wir ändern das jetzt auf:
Code:
<table width="180" border="1" cellspacing="2" cellpadding="0">
<tr>
<form action="#" method="post" name="cs_form_name_0">
<td>
<csobj data="{ 0 = { label = "Auswählen..."; selected = "YES"; }; 1 = { label = "Adobe Systems Inc."; url = "http://www.adobe.com"; }; }"
h="27" t="URLPopup" target="_top" w="161">
<select name="cs_popup_name_0" onchange="CSURLPopupShow(/*CMP*/'cs_form_name_0', /*CMP*/'cs_popup_name_0', '_top');">
<option value="#" selected>Auswählen...</option>
<option value="http://www.adobe.com">Adobe Systems Inc.</option>
</select>
</csobj>
</td>
</form>
</tr>
</table>
Dabei habe ich das <form>-Tag heraus zwischen <tr> und <td> gezogen, </form> entsprechend zwischen </td> und </tr>
Und siehe da, jetzt ist es richtig:
Viel Spaß beim Anwenden.