G_Note: Durch klicken auf einen Buchstaben soll eine Liste ausfahren! ab

Hallo,

ich komme mit meiner Webseite nicht weiter und habe in Google auch nichts gefunden.
Ich hoffe ihr könnt mir helfen.
Und zwar brauche ich einen Textcode da ich selbst nur html und ein wenig css kann.
Also ich hab eine Tabelle gemacht die wie folgt aussieht:
http://tbprojects.bplaced.net/Navigation2

Damit sollen meine User besser zurecht kommen

Ich möchte nämlich meine Themen nach Namen sortieren.
Also soll wenn ich auf "A" klicke ein Untermenü unter der Tabelle ausfahren mit allen denen die mit "A" beginnen.
Wenn ich nochmal auf "A" klicke soll das Menü wieder einfahren. Und soll mit den anderen Zahlen auch passieren.
Die jeweiligen Bereiche die mit "A" in dem Untermenü stehen sollen ergänze ich dann alle manuell. Währe also schön wenn ich als punkte in dem Untermenü Beispiel 1, Beispiel 2, und Beispiel 3 hab. den Rest kann ich selbst ergänzen.

  1. Hallo G_Note,

    warum hast du als Themenbereich deiner Frage PHP angegeben? Ich könnte mir verschiedene Lösungsansätze für dein Problem vorstellen (unter anderem auch mit PHP), aber ich glaube nicht, dass du hier vorgefertigte PHP Lösungen bekommst...

    Ein Lösungsvorschlag (der allerdings nicht sehr wartungsfreundlich ist) wäre folgender: Erstelle Unterseiten, die wiederum die Tabelle enthalten und zusätzlich noch die einzelnen Beispiellinks. Stark vereinfacht etwa so:

    Datei a.html:

      
      
    <!DOCTYPE html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>Themen mit a</title>  
    </head>  
      
    <body>  
    <table border="1">  
     <tr>  
      <td>A</td>  
      <td><a href="b.html">B</a></td>  
     </tr>  
     <tr>  
      <td><a href="c.html">C</a></td>  
      <td><a href="d.html">D</a></td>  
     </tr>  
    </table>  
    <a href="example.com/beispiel1">Beispiel1</a>  
    <a href="example.com/beispiel2">Beispiel2</a>  
    </body>  
    </html>  
      
    
    

    Datei b.html,c.html,d.html,... dann analog. Wie gesagt: der große Nachteil ist, dass es sehr wartungsintensiv ist (wenn du zum Beispiel einen zusätzlichen Buchstaben einfügen wolltest - etwa Q ;-) - dann müstest du alle (zur Zeit 24) Dateien anpassen. Natürlich könnte man das mit einer serverseitigen Technik (zum Beispiel PHP) stark vereinfachen (von daher ist das Thema vielleicht doch relativ passend...). Aber dafür würde ich mich zunächst mit PHP im allgemeinen beschäftigen.

    Eine Anmerkung noch: dein HTML ist nicht valide

    P.S.: habe gerade gesehen: Du wolltest den Bereich mit den Beispiellinks nah eneuten Klick auch wieder einklappen - dann vielleicht doch lieber eine Lösung mit Javascript oder noch besser CSS

    1. Okay ich danke dir.
      Ich habe jetzt über Nacht sehr viel Ausprobiert und habe mich jetzt zum Schluss dafür entschieden dass ich die Ergebnisse zu Gebiet A auf einer neuen Seite anlege und das mit den anderen Buchstaben genauso.

      Was bedeutet meine Seite ist nicht valide (heißt dass sie ist unsicher?)?
      Wie kann ich das ändern?

      P.S. meine Tabelle ist komplett überarbeitet
      http://www.tbprojects.bplaced.net/navigation2

      1. Om nah hoo pez nyeetz, G_Note!

        Du könntest dir http://was-mein-name-bedeutet.de anschauen.

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. Om nah hoo pez nyeetz, G_Note!

          Du könntest dir http://was-mein-name-bedeutet.de anschauen.

          Matthias

          da ist leider der style-code versteckt.

          1. Hallo,

            http://was-mein-name-bedeutet.de
            da ist leider der style-code versteckt.

            was ist in http://was-mein-name-bedeutet.de/name.css versteckt??

            So long,
             Martin

            --
            Auf jeden Menschen auf der ganzen Welt entfallen statistisch gesehen etwa 3000 Spinnen, wie Wissenschaftler jetzt festgestellt haben.
            Wer will meine haben? Denn ich will sie bstimmt nicht.
            Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
            1. Hallo,

              http://was-mein-name-bedeutet.de
              da ist leider der style-code versteckt.

              was ist in http://was-mein-name-bedeutet.de/name.css versteckt??

              So long,
              Martin

              habe mich jetzt entschieden für jeden Buchstaben eine neue Seite anzulegen:)
              Dann kann ich noch ein paar Informationen drunter schreiben und so;)

              Danke für eure Hilfe.

      2. Hallo G_Note

        Was bedeutet meine Seite ist nicht valide (heißt dass sie ist unsicher?)?
        Wie kann ich das ändern?

        Naja, unsicher nicht gerade, aber es gibt das W3C, welches vorgibt, wie HTML formal auszusehen hat. Um seine Seiten zu überprüfen gibt es den Validator. Leider gibt es im Internet viele Seiten, die (bewußt oder unbewußt) nicht valide sind. Ich kann mich noch an meine Ausbildung 2001 erinnern, wo wir Azubis uns eine Seite mit zwei verschiedenen Browsern (damals Netscape und IE) anschauten und dann der eine Azubi zum anderen meinte: "Die Seite sieht ja Sch... aus." Der andere fragte "Wieso?". Naja, die Seite war nicht valide (es fehlte irgendwo im HTML-Quellcode ein schliessendes </table>) Der eine browser konnte das gut wegstecken und zeigte die Tabelle wie gewünscht an. Der andere Browser zeigte die Tabelle einfach gar nicht an, wodurch dann knapp dreiviertel der Seite fehlten... Muss natürlich nicht immer gleich so krasse Wirkung haben, wenn eine Seite nicht valide ist, aber es zeugt von Kompetenz (und Lernbereitschaft), wenn man wenigstens versucht, seine Seiten valide zu gestalten. Wobei ich zugeben muss, dass es nicht immer ganz einfach ist, alles zu verstehen, was der Validator anmeckert, weil man dazu oft viel Hintergrundwissen benötigt.

        Viel Erfolg noch bei deinem ursprünglichem Vorhaben.

        P.S.: Matthias link war für dich bestimmt wesentlich zielführender. Gut wenn jemand ein schon funktionierendes Beispiel hat (und das auch noch so gut aussieht - und by the way auch noch valide ist). Vielen Dank an Matthias...