Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Empfohlene Antworten

Veröffentlicht

Ich habe wieder mal ein Problem und zwar versuche ich folgendes zu realsieren.

Ich habe ein Forumlar z.B.

Name

Vorname

Straße

PLZ

Ort

und möchte z.B. nach Ort einen Button / Link haben, der bei einem Klick weitere Eingabefelder des Formulars anzeigt, z.B.

Telefonnummer

Telefax

eMail usw.

Wenn der Button nicht gedrückt wird, sieht der Benutzer dieses Abschnitt des Formulars nicht. Das ganze soll kein seperates Formular sein, wenn möglich.

Danke schonmal.

Gruß

dread

Für diese Variante müsste ich aber das Formular einmal abschicken, genau das will ich eben nicht. Der Button soll das Formular nur "erweitern" bzw. aufklappen.

In der Art wie das Forum hier ihre Aufklappfunktion (Das Aufklappen der Kategorien) handhabt.

Ich vermute ja stark, dass sich das nur mit JavaScript realisieren lässt.

Hm, danke für die Links, allerdings tut sich da ein kleines Problem auf.

Ich habe folgendes einfügt:


<script language="javascript">
function toggle(targetId) {
target = document.all(targetId);
if (target.style.display == "none"){
target.style.display="";
} else {
target.style.display="none";
}
}
//-->
</script>

Im Formular:

<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
[/PHP]

Problem ist nun folgendes, will ich ein weiteres Feld auf und zu klappen mit dem selben Link "Weitere Bilder einfügen", macht er es nicht. Beispiel:

[PHP]<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 3:</td>
<td><input type="text" size="50" name="ds[image2]" value="http://" maxlength="75"></td></tr>

Er klappt bei diesem Fall immer nur noch das Feld Bild 2 auf, das Feld Bild 3 erscheint nie.

Hm, danke für die Links, allerdings tut sich da ein kleines Problem auf.

Ich habe folgendes einfügt:


<script language="javascript">
function toggle(targetId) {
target = document.all(targetId);
if (target.style.display == "none"){
target.style.display="";
} else {
target.style.display="none";
}
}
//-->
</script>

Im Formular:

<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
[/PHP]

Problem ist nun folgendes, will ich ein weiteres Feld auf und zu klappen mit dem selben Link "Weitere Bilder einfügen", macht er es nicht. Beispiel:

[PHP]<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 3:</td>
<td><input type="text" size="50" name="ds[image2]" value="http://" maxlength="75"></td></tr>

Er klappt bei diesem Fall immer nur noch das Feld Bild 2 auf, das Feld Bild 3 erscheint nie.

eine Id sollte in aller regel eindeutig sein!

wenn du mehrere elemente "klappen" möchtest, musst du die Elemente zu einem gruppieren, z.b. bei Tabellen mit <thead></thead> oder <tbody></tbody> oder <tfoot></tfoot> bzw mit <div></div> bei anderen elementen

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.