StyleIkone
schön guten tag allerseits,
ich häng mal wieder (immernoch) an nem javascript problem.
ich hab mir eine navi gebaut, die auch so funktioniert wie ich das möchte (slide down effekt), NUR wird der 'click' auf die einzelnen listenpunkte zu oft ausgelöst, sprich auch beim untersten listenpunkt wird der 'click' abgefeuert und es entsteht ein hässlicher ruckel-effekt (denn der listenpunkt slidet sich selbst nochmal runter und dann erst läd er den neuen content)
ich bin in dem ganzen noch nicht so bewandert und muss mich nach stundenlanger Suche und etlichen vergeblichen Versuchen irgendwas ranzucoden vonwegen '.nodeName' etc. an euch wenden...wie sprech ich den expliziet meine listenpunkte an...oder von 'closest' hab ich auch mal was gelesen aber bin auch nicht weitergekommen...das ich im click-event dann sagen kann "if nächster tag/node/wasauchimmer not = 'li' or 'ul' or XX dann führ den click aus, ansonsten mach nix" ??
hier mal mein bisheriger, hart zusammengesuchter und ausgefeilter, wobei wahrscheinlich immernoch schlecht programmierter (wegen direkter bezugnahme auf die seiten URL ) code:
hier wär auch die seite, da sieht man den effekt wenn man die navi aufschiebt (auf jahreszahlen klickt und dann nochmal auf eine eben tiefer)
hoff man hat verstanden was ich suche/brauche...ich bekomms einfach nicht hin...hab auch mit 'alert' mir versucht so sachen wie 'children.titel' oder so auszugeben, jedes mal 'undifined'
wär sehr dankbar um eure hilfe!!!
LRG
ich häng mal wieder (immernoch) an nem javascript problem.
ich hab mir eine navi gebaut, die auch so funktioniert wie ich das möchte (slide down effekt), NUR wird der 'click' auf die einzelnen listenpunkte zu oft ausgelöst, sprich auch beim untersten listenpunkt wird der 'click' abgefeuert und es entsteht ein hässlicher ruckel-effekt (denn der listenpunkt slidet sich selbst nochmal runter und dann erst läd er den neuen content)
ich bin in dem ganzen noch nicht so bewandert und muss mich nach stundenlanger Suche und etlichen vergeblichen Versuchen irgendwas ranzucoden vonwegen '.nodeName' etc. an euch wenden...wie sprech ich den expliziet meine listenpunkte an...oder von 'closest' hab ich auch mal was gelesen aber bin auch nicht weitergekommen...das ich im click-event dann sagen kann "if nächster tag/node/wasauchimmer not = 'li' or 'ul' or XX dann führ den click aus, ansonsten mach nix" ??
hier mal mein bisheriger, hart zusammengesuchter und ausgefeilter, wobei wahrscheinlich immernoch schlecht programmierter (wegen direkter bezugnahme auf die seiten URL ) code:
Code:
$(document).ready(function() {
// die Unterseiten der Jahreszahlen anzeigen, denn im Portfolio wird gestartet
$('ul li ul').show();
$('ul > li > ul > li > ul').hide();
// --------------------------------------------------------------------------------------
// bei allen <a>-Tags, die mit '20' beginnen (ersten beiden Zahlen des Jahres)
// das Attribute 'href' entfernen damit beim Klick die jeweilige Seite nicht geladen wird
// --------------------------------------------------------------------------------------
var links = document.getElementsByTagName('a');
for (i = 0; i < links.length; i++) {
if(links[i].title.substr(0,2) == '20') {
links[i].removeAttribute('href');
}
}
// -----------------------------------------------------
// Wenn "Kontakt" geklickt wurde, Unterseiten verstecken
// -----------------------------------------------------
if(document.URL == 'http://netcurve.de/wp_mia/?page_id=21') {
$('ul li ul').hide();
}
// -----------------------------------
// Click auf die Ebenen mit Jahreszahl
// -----------------------------------
$('ul li ul li').click( function() {
$(this).addClass('active');
// Alle evtl. offenen Unterpunkte schliessen
$('ul > li > ul > li > ul').hide();
// Die gewuenschte Liste mit Unterpunkten anzeigen
if($(this).children('ul')) {
$(this).children('ul').slideDown('slow');
}
});
});
hier wär auch die seite, da sieht man den effekt wenn man die navi aufschiebt (auf jahreszahlen klickt und dann nochmal auf eine eben tiefer)
hoff man hat verstanden was ich suche/brauche...ich bekomms einfach nicht hin...hab auch mit 'alert' mir versucht so sachen wie 'children.titel' oder so auszugeben, jedes mal 'undifined'
wär sehr dankbar um eure hilfe!!!
LRG