Navi
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktuelles code
aufnehmen
binde
code
entschuldigung
erfolgreichen dialog
erledigt beitrag
fehler
genauer schildern
grafik
grober begriff
http
monolog
ordentlichen treffer
problem
ren
schilderung
unterpunkte
wagen
zeile
-
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ß 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 überhaupt mit html oda brauch ich dazu php?... ist sicher ganz einfach bloß leider find ich es nirgends weil ich nicht weiß wie ich des ganze nennen soll um nen ordentlichen treffer bei ner suche zu finden...
mfg tom -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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ärung:
<a href='javascript:document.getElementById("eins").class = "activated"'>
Das hier bewirkt dass wenn man auf "Aktuelles" klickt sie die Klasse aktiviert erhä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üft ob die Klasse "aktiviert" ist.
Wenn ja, gibt es mit document.write(); die Unterpunkte aus.
Man könnte das natü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 -
und wie nenn ich des wenn ich in google suchen soll?^^ des is eben mein problem^^
und naja ich hab den code eingefügt aber wenn ich auf aktuelles klick passiert überhaupt nichts
also wäre cool wenn du mich bei icq aufnehmen würdest und mir des schnell erklären kö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ä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 öffnet
Beitrag geändert: 3.11.2007 11:31:27 von tom1989m
edit by bladehunter: Hör auf Doppelposts zu schreiben
Inhalt der weiteren Posts:
Oha entschuldigung für des thema hab ich grad n tutorial auf der seite gefunden *schäm*
aber neues problem ich wü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ö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> <a href=\"sub1.1\">sub1.1</a>
<br> <a href=\"sub1.2\">sub1.2</a>
<br> <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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage