[Java] Dropdown Menü unabhängig voneinander HTML/Java

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Juneo, 19. September 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 19. September 2010
    Dropdown Menü unabhängig voneinander HTML/Java

    Hallo!

    Habe die SuFu benutzt, aber irgendwie nicht wirklich was gefunden. Ich hoffe ich hab nichts übersehen.

    Also es geht darum. Ich würde gern für meine Homepage einen neuen Kopf machen.
    Jetzt hab ich mir gedacht, ich könnte ja Dropdown Menüs einbauen. (ich brauch jedes Semester mehr und mehr Seiten)

    Also hab ich angefangen mit meinem Halbwissen so etwas im Web zu suchen.
    Mittlerweile bin ich ein bißchen weiter gekommen. Aber sobald ich 2 Menüs auf der Seite habe, funktioniert entweder nur eines, oder gar keines (je nachdem was ich im Quelltext rumschraub).

    Ich hab echt keine Ahnung mehr, was ich machen könnt. In Google usw. findet man nur abhängige Dropdowns. Bei mir sollten diese unabhängig voneinander funktionieren.
    Man soll das Menü anklicken, dann auf das klicken wo man hinwill und es soll einen gleich weiterleiten.

    Schauts euch einfach an.

    Versuch 1:

    Spoiler
    <body>
    <script type="text/javascript">
    function CheckAuswahl() {
    if (document.Testform.Semester1.selectedIndex == 0) location="";
    if (document.Testform.Semester1.selectedIndex == 1) location="http://homepages.fh-giessen.de/~alng72/mathe.html";
    if (document.Testform.Semester1.selectedIndex == 2) location="http://homepages.fh-giessen.de/~alng72/physik.html";
    if (document.Testform.Semester1.selectedIndex == 3) location="http://homepages.fh-giessen.de/~alng72/chemie.html";
    if (document.Testform.Semester1.selectedIndex == 4) location="http://homepages.fh-giessen.de/~alng72/biologie.html";
    if (document.Testform.Semester1.selectedIndex == 5) location="http://homepages.fh-giessen.de/~alng72/tz.html";
    if (document.Testform.Semester1.selectedIndex == 6) location="http://homepages.fh-giessen.de/~alng72/berufsfeld.html";
    }
    </script>
    <form name="Testform">
    <select name="Semester1" size="1"
    style="border-color: white; font-family: Arial; font-size: 12px; color: black; background-color: white;"
    onchange="CheckAuswahl()">
    <option>1. Semester</option>
    <option>Mathematik 1</option>
    <option>Physik 1</option>
    <option>Chemie 1</option>
    <option>Biologie 1</option>
    <option>Technisches Zeichnen</option>
    <option>Einf&uuml;hrung ins Berufsfeld</option>
    </select>
    </form>
    <br>
    <script type="text/javascript">
    function CheckAuswahl() {
    if (document.Testform2.Semester2.selectedIndex == 0) location="";
    if (document.Testform2.Semester2.selectedIndex == 1) location="http://homepages.fh-giessen.de/~alng72/mathe2.html";
    if (document.Testform2.Semester2.selectedIndex == 2) location="http://homepages.fh-giessen.de/~alng72/physik2.html";
    if (document.Testform2.Semester2.selectedIndex == 3) location="http://homepages.fh-giessen.de/~alng72/chemie2.html";
    if (document.Testform2.Semester2.selectedIndex == 4) location="http://homepages.fh-giessen.de/~alng72/elektrotechnik.html";
    if (document.Testform2.Semester2.selectedIndex == 5) location="http://homepages.fh-giessen.de/~alng72/statistik.html";
    if (document.Testform2.Semester2.selectedIndex == 6) location="http://homepages.fh-giessen.de/~alng72/fremdsprache.html";
    }
    </script>
    <form name="Testform2">
    <select name="Semester2" size="1"
    style="border-color: white; font-family: Arial; font-size: 12px; color: black; background-color: white;"
    onchange="CheckAuswahl()">
    <option>2. Semester</option>
    <option>Mathematik 2</option>
    <option>Physik 2</option>
    <option>Chemie 2</option>
    <option>Elektrotechnik</option>
    <option>Statistik</option>
    <option>Fremdsprache</option>
    </select>
    </form>
    </body>

    Und hier Versuch 2:

    Spoiler
    <body>
    <script type="text/javascript">
    function CheckAuswahl() {
    if (document.Testform.Semester1.selectedIndex == 0) location="";
    if (document.Testform.Semester1.selectedIndex == 1) location="http://homepages.fh-giessen.de/~alng72/mathe.html";
    if (document.Testform.Semester1.selectedIndex == 2) location="http://homepages.fh-giessen.de/~alng72/physik.html";
    if (document.Testform.Semester1.selectedIndex == 3) location="http://homepages.fh-giessen.de/~alng72/chemie.html";
    if (document.Testform.Semester1.selectedIndex == 4) location="http://homepages.fh-giessen.de/~alng72/biologie.html";
    if (document.Testform.Semester1.selectedIndex == 5) location="http://homepages.fh-giessen.de/~alng72/tz.html";
    if (document.Testform.Semester1.selectedIndex == 6) location="http://homepages.fh-giessen.de/~alng72/berufsfeld.html";
    if (document.Testform.Semester2.selectedIndex == 0) location="";
    if (document.Testform.Semester2.selectedIndex == 1) location="http://homepages.fh-giessen.de/~alng72/mathe2.html";
    if (document.Testform.Semester2.selectedIndex == 2) location="http://homepages.fh-giessen.de/~alng72/physik2.html";
    if (document.Testform.Semester2.selectedIndex == 3) location="http://homepages.fh-giessen.de/~alng72/chemie2.html";
    if (document.Testform.Semester2.selectedIndex == 4) location="http://homepages.fh-giessen.de/~alng72/elektrotechnik.html";
    if (document.Testform.Semester2.selectedIndex == 5) location="http://homepages.fh-giessen.de/~alng72/statistik.html";
    if (document.Testform.Semester2.selectedIndex == 6) location="http://homepages.fh-giessen.de/~alng72/fremdsprache.html";
    }
    </script>
    <form name="Testform">
    <select name="Semester1" size="1"
    style="border-color: white; font-family: Arial; font-size: 12px; color: black; background-color: white;"
    onchange="CheckAuswahl()">
    <option>1. Semester</option>
    <option>Mathematik 1</option>
    <option>Physik 1</option>
    <option>Chemie 1</option>
    <option>Biologie 1</option>
    <option>Technisches Zeichnen</option>
    <option>Einf&uuml;hrung ins Berufsfeld</option>
    </select>
    <select name="Semester2" size="1"
    style="border-color: white; font-family: Arial; font-size: 12px; color: black; background-color: white;"
    onchange="CheckAuswahl()">
    <option>2. Semester</option>
    <option>Mathematik 2</option>
    <option>Physik 2</option>
    <option>Chemie 2</option>
    <option>Elektrotechnik</option>
    <option>Statistik</option>
    <option>Fremdsprache</option>
    </select>
    </form>
    <br>
    </body>

    Formatierung der Seite ist erstmal egal. Es soll nur funktionieren.
    Ich denke es ist ersichtlich wie es funktionieren soll.

    Ich weiß nicht mehr weiter. Bitte um guten Rat. ?(

    Programmiersprache muss html sein, da etwas anderes vom Anbieter nicht unterstützt wird.

    Danke im Vorraus!!!
     
  3. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    Java != Javascript

    Deshalb gehört das Thema auch in "Webentwicklung".
     
  4. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    versteh nicht ganz warum dass dropdowns menüs sein müssen und du nicht einfach mit css menüs machst......
    sind doch ganz normale links zu den verschiedenen inhalten dann oder?!
     
  5. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    ich bin nicht ganz firm mit css. und ich dachte, da der anbieter nur html seiten zulässt kann ich doch nur html benutzen. Hat mich eh gewundert, warum dann java geht (habs hochgeladen und getestet).

    seh ich da was falsch? kann mich jemand aufklären? kann ich trotz "nur html" auch css benutzen?
    bzw. ich würde schon gerne so dropdownmenüs auf meiner Seite haben (finde die eigentlich ganz stylisch).

    belehrt mich eines besseren, bitte.
     
  6. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    klar kannst du css benutzen .... nur kein php ;-)
    css html javascript kannst du ohne problem benutzen, da sie nicht serverseitig ausgeführt werden sondern beim client ....

    ich würds mit html und css machen .... und um es anzuzeigen in einem content würd ich nen iframe einbauen....
     
  7. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    achso, ok. da wird mir einiges klar!

    dann werd ich es mal mit css probieren. mal gucken was für möglichkeiten mir offen stehen!

    danke für die schnelle antwort!
     
  8. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    kein problem ... ;-)
    wenn noch weitere fragen bestehen ... fragen ;-) oder pn, kannst icq nummer haben dann helf ich dir dort weiter wenn du willst
     
  9. 19. September 2010
    AW: Dropdown Menü unabhängig voneinander HTML/Java

    ok, danke.
    Ich meld mich falls es was zu fragen gibt!
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.