mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:29 Benutzername: Passwort: Auto-Login

Thema: Dynamisches Dropdown vom 02.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Dynamisches Dropdown
Autor Nachricht
CJE
Threadersteller

Dabei seit: 27.11.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 02.05.2007 11:44
Titel

Dynamisches Dropdown

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich würde gerne folgendes realisieren, hab aber leider noch nicht wirklich eine Idee, wie das funktionieren soll:

Ein Dropdown hat z. B. 15 Options und wenn man eine davon auswählt, wird automatisch ein zweites mit den gleichen Options eingeblendet. Also beispielsweise ein Dropdown "Sportarten", um Hobbies anzugeben:

Code:
<select name="sportart">
  <option value="0">Bitte w&auml;hlen</option>
  <option value="1">Fu&szlig;ball</option>
  <option value="2">Basketball</option>
  <option value="3">Tennis</option>
</select>


User wählt "Fußball", daraufhin wird quasi das selbe Dropdown erneut eingeblendet, damit er auch eine zweite Sportart, die er betreibt, angeben kann. Und das ganze gibt es dann beispielsweise auch für Flugzeugtypen, die er besitzt o. ä. *zwinker*

Das Dropdown sollte also abhängig von der Anzahl der Options neu generiert werden, damit man im Idealfall alle Sportarten auswählen kann, wenn man alle Sportarten betreibt. Betreibt man aber nur eine oder gar keine Sportart, bleibt die Seite schön kurz, da nur ein Dropdown eingeblendet ist.

Argh, ich hoffe, das war jetzt nicht zu konfus und im richtigen Forum *zwinker*

Gruß und schonmal vielen Dank!


Zuletzt bearbeitet von CJE am Mi 02.05.2007 11:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Jan Petersen

Dabei seit: 25.04.2007
Ort: Hamburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 02.05.2007 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

Ich glaub du solltest die Select-Box vom Typ "multiple" verwenden. Siehe hier.

Und dann gehört das ganze ins HTML-Forum. ;)
  View user's profile Private Nachricht senden
Anzeige
Anzeige
CJE
Threadersteller

Dabei seit: 27.11.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 02.05.2007 12:31
Titel

Antworten mit Zitat Zum Seitenanfang

Das wäre natürlich einfach, ist aber auch irgendwie recht hässlich und unelegant *zwinker*

Aber als Backup-Plan trotzdem keine schlechte Idee.
  View user's profile Private Nachricht senden
WinstonSmith

Dabei seit: 06.01.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 03.05.2007 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

Das kannst du mit einer JavaScript-Funktion sicherlich recht elegant lösen.

Mittels document.write kannst du ja dynamisch Inhalte auf einer bestehenden Seite ergänzen, also auch das gleiche Formularelement immer und immer wieder. Die Ausrichtung und Positionierung kannst du wiederum lösen, in dem du einen DIV-Container (oder <p>) drum schreibst und die Ausrichtung über CSS steuerst.

Ich habe momentan allerdings keine konkreten Seiten, die dir dabei helfen könnten.

Als Stichworte höchstens:
- Javascript Eventhandler onChange (für den Funktionsaufruf, wenn das Dropdown geändert wird)
- CSS Ausrichtung Float Div (für das Ausrichten)

Viel Erfolg,
winston
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 04.05.2007 00:19
Titel

Antworten mit Zitat Zum Seitenanfang

siehe meine antwort hier.

Zuletzt bearbeitet von sahnemuh am Fr 04.05.2007 00:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
polydor

Dabei seit: 16.02.2006
Ort: -
Alter: 49
Geschlecht: -
Verfasst Fr 04.05.2007 08:33
Titel

besser CSS nutzen

Antworten mit Zitat Zum Seitenanfang

oh ich seh grad ich hab das falsch verstanden, sorry * Ich geb auf... *


Hi,

ich würd an deiner Stelle überlegen das Menü nur mittels CSS umzusetzen.
Erstens aus Gründen der Barrierefreien Zugänglichkeit.
Zweitens aus SEO-Gründen: Javascripts werden nicht von Suchmaschinen-bots ausgeführt, dadurch kann z.B. Google nicht deinen Links folgen und indiziert nur deine Startseite.

schöne Beispiele hier:
http://www.cssplay.co.uk/menus/final_drop2.html
einfach mal in den Quellcode gucken.

Ein Nachteil an der CSS-Umsetzung ist allerdings der Zeitaufwand: bis es auf allen Browsern wirklich gleich aussieht, kanns manchmal etwas dauern...


Zuletzt bearbeitet von polydor am Fr 04.05.2007 10:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 04.05.2007 08:50
Titel

Re: besser CSS nutzen

Antworten mit Zitat Zum Seitenanfang

polydor hat geschrieben:
Hi,

ich würd an deiner Stelle überlegen das Menü nur mittels CSS umzusetzen.
Erstens aus Gründen der Barrierefreien Zugänglichkeit.
Zweitens aus SEO-Gründen: Javascripts werden nicht von Suchmaschinen-bots ausgeführt, dadurch kann z.B. Google nicht deinen Links folgen und indiziert nur deine Startseite.

schöne Beispiele hier:
http://www.cssplay.co.uk/menus/final_drop2.html
einfach mal in den Quellcode gucken.

Ein Nachteil an der CSS-Umsetzung ist allerdings der Zeitaufwand: bis es auf allen Browsern wirklich gleich aussieht, kanns manchmal etwas dauern...


Ist doch hier überhaupt gar nicht gefragt. Die von Sahnemuh
verlinkten Artikel sind da genau das richtige.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Nach Dropdown auswahl neues Dropdown erscheinen
CSS dynamisches layout
dynamisches Textfeld
dynamisches bild ?
dynamisches Javascript
[Flash] Dynamisches Datum
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.