kostenloser Webspace werbefrei: lima-city


Navi

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    tom1989m

    tom1989m hat kostenlosen Webspace.

    Hi also ich hätte ne Frage und zwar will ich ne Navi machn zum quasi aufklappen... also grober begriff und wenn man draufklickt...erscheinen darunter weiter auswahlmöglichkeiten...

    das funktioniert doch mit

    <li>Aktuelles</li>
    <ul>Gestern</ul>
    <ul>Heute</ul>


    blo&#223; wie mach ich des jetzt das Gestern und Heute erst kommt wenn ich auf Aktuelles geklickt habe? also das dann class="aktiv"

    dasteht?... geht des &#252;berhaupt mit html oda brauch ich dazu php?... ist sicher ganz einfach blo&#223; leider find ich es nirgends weil ich nicht wei&#223; wie ich des ganze nennen soll um nen ordentlichen treffer bei ner suche zu finden...

    mfg tom
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. l***w

    Das geht mit JavaScript und ist nicht allzu schwer. Ich code es dir mal eben:
    <li id="eins" class="de-activated"><a href='javascript:document.getElementById("eins").class = "activated"'>Aktuelles</a></li>
    <script language="text/javascript">
    if (document.getElementById("eins").class = "activated")
    {
       document.write("<ul>Gestern</ul>");
       document.write("<ul>Heute</ul>");
    }
    </script>

    Kurze Erkl&#228;rung:
    <a href='javascript:document.getElementById("eins").class = "activated"'>

    Das hier bewirkt dass wenn man auf "Aktuelles" klickt sie die Klasse aktiviert erh&#228;lt.
    <script language="text/javascript">
    if (document.getElementById("eins").class = "activated")
    {
       document.write("<ul>Gestern</ul>");
       document.write("<ul>Heute</ul>");
    }
    </script>
    </li>

    Dieses kleine Skript pr&#252;ft ob die Klasse "aktiviert" ist.
    Wenn ja, gibt es mit document.write(); die Unterpunkte aus.
    Man k&#246;nnte das nat&#252;rlich auch noch ausbauen, dass z.B. ein zweiter Klick ein "deaktivieren" hervorruft. Google einfach mal und probiers selber aus ;)

    P.S. die \\ musst du alle wegmachen, die kommen nur durch das Forum.

    Beitrag geändert: 3.11.2007 10:47:19 von larsw
  4. Autor dieses Themas

    tom1989m

    tom1989m hat kostenlosen Webspace.

    und wie nenn ich des wenn ich in google suchen soll?^^ des is eben mein problem^^

    und naja ich hab den code eingef&#252;gt aber wenn ich auf aktuelles klick passiert &#252;berhaupt nichts :-( also w&#228;re cool wenn du mich bei icq aufnehmen w&#252;rdest und mir des schnell erkl&#228;ren k&#246;nntest?


    Fehler:

    Bei firefox aktuallisiert sich die seite und es steht... activated da...

    und Beim IE... steht fehler auf der seite unten in der zeile

    Beitrag ge&#228;ndert: 3.11.2007 10:57:17 von tom1989m



    oder binde ich des falsch ein?

    bei mir siehts jetzt so aus

    <html>
    <head><script language=\"text/javascript\">
    if (document.getElementById(\"eins\").class = \"activated\")
    {
       document.write(\"<ul>Gestern</ul>\");
       document.write(\"<ul>Heute</ul>\");
    }
    </script>
    </head>
    <body>
    <li id=\"eins\" class=\"de-activated\"><a href=\'javascript:document.getElementById(\"eins\").class = \"activated\"\'>Aktuelles</a></li>
    </body>
    
    </html>



    also der Fehler ist immer noch das er mir dann nur \"activated\" hinschreibt und nicht die untertabelle &#246;ffnet :-(

    Beitrag geändert: 3.11.2007 11:31:27 von tom1989m


    edit by bladehunter: Hör auf Doppelposts zu schreiben :mad:

    Inhalt der weiteren Posts:

    Oha entschuldigung f&#252;r des thema hab ich grad n tutorial auf der seite gefunden :-( *sch&#228;m*


    aber neues problem :-( ich w&#252;rd ganz gern beim klicken die grafik ersetzen sprich ne \"klick mich\" grafik (klick.gif) und ne \"bin geklickt grafik\" (geklickt.gif) leider keine ahnung wie ich es umsetzen k&#246;nnt... deshalb hab ich einfach mal bisschen logisch gedacht... aber das funktioniert nicht ganz :-( kann mir wer helfen?


    <html>
    <head>

    <script language=\"JavaScript\">

    function s(id) {
    if (document.getElementById(id).style.display == \"none\") {
    document.getElementById(id).style.display = \"inline\";
    } else {
    document.getElementById(id).style.display = \"none\";
    }}
    function h(id) {
    document.getElementById(id).style.display = \"none\"; }
    </script>

    </head>

    <body>

    /////////eigentlich gehts um diese Zeile hier!

    <a href=\"#\" onClick=\"s(\'sub0\');h(\'sub1\');\"><div id=\"sub0\"><img src=\"klick.gif\"></div><div id=\"sub1\"><img src=\"geklickt.gif\"></div></a>

    <div id=\"sub0\" style=\"display:none\">
    <br>&nbsp;&nbsp;&nbsp;<a href=\"sub1.1\">sub1.1</a>
    <br>&nbsp;&nbsp;&nbsp;<a href=\"sub1.2\">sub1.2</a>
    <br>&nbsp;&nbsp;&nbsp;<a href=\"sub1.3\">sub1.3</a>
    </div>

    </body>
    </html>


    vielen dank im vorraus!

    mfg tom

    Beitrag geändert: 5.11.2007 8:34:49 von tom1989m



    Beitrag geändert: 8.1.2008 9:16:29 von bladehunter
  5. k*****r

    Es lustig dir bei deinem Monolog zu zuhören. aber um aus deinem Monolog einen erfolgreichen Dialog zu machen müsstest du deine problematik etwas genauer schildern.
    Für eines deiner probleme hab ich eine lösung, ich hoffe es entspricht deinen wagen schilderungen:
    http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmousedown

    mfg kalimor
  6. Autor dieses Themas

    tom1989m

    tom1989m hat kostenlosen Webspace.

    hat sich erledigt

    Beitrag geändert: 8.1.2008 18:58:45 von tom1989m
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!