JQuery - editácia kódu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahojte, mám menší problém s JQuery kódom, konkrétne ide o prepínanie medzi jednotlivými položkami menu, kde napr. pri kliknutí na "Contact", položka Contact nie je zvýraznená. Keď mám čistý template, tak to ide, akonáhle naplním nejakou informáciou, už to nejde. 

Veľká vďaka za odpoveď.

www: http://www.svabcuk.orava.sk/skuska

Ahoj.. 

No inspectol som si to menu. Ked som to preklikaval, tak som si vsimol, ze prve tri polozky su len index.html# a pri poslednej je sa zmeni na contacts.html. Ked si kopiroval poslednu stranku, nezabudol si si zmenit pomenovanie, premenu, alebo poziciu na ine? Len tapam. Inak ak to ma na tvrdo, tak dolu som ti pastol kod, ako mam nieco podobne riesene ja na svojom webe.

$("#sl_menu > li > a").click(function(e) {
        var target = $(this);
         
        var poz = target.position();
        // sirka
        sirka = target.width();
        // pozicia
        pozicia = poz.left;
         
        posunUnderline(sirka, pozicia);
    }); 

Cize po kliknuti si nacita sirku elementu a jeho poziciu a preda to funkcii posunUnderline.
Ta vyzera takto:

function posunUnderline(s, p) {
    $('#underline').animate({
        width: s,
        left: p
      }, {
        duration: 700,
        specialEasing: {
          width: 'easeOutBack',
          left: 'easeOutBack'
        }
      });
}

Samozrejme si to mozes bindnut aj na hover, atd.. 
Vyskusaj, uvidis.. 

Poskúšal som, čo sa dalo, nejako som sa nepohol. Keď napríklad klikneš na "CONTACT", neprejde animácia na danú položku, to je zlé. Ďalej napríklad kliknem na "SCHOOL", tak mi ponechá obsah "Contact". Proste nerozumiem tomu. :(

No az teraz mi doplo :) Naozaj, rano mudrejsie vecera.. Animacia sa ti nedokonci pretoze sa ti reloadne web na contact.html. Cize to je jasne. A nezmeni sa ti obsah v school kvoli tomu, ze mas prazdnu linku v menu. 

Takze mas dve moznosti: Ked chces mat pekne animovane menu, tak potrebujes vsetko na jednej stranke.. Vsetok obsah na index.html a vlastne budes len schovavat a zobrazovat to co potrebujes. Druha moznost. Nebudes mat animovane menu, kazdu pod stranku vytvoris a poriadne nalinkujes v menu

A sice este by sa  to dalo tak, ze das na linky event.preventDefault(); To ti zrusi zakladnu funkcnost linky. A ked sa ti dokonci animacia tak JS nech ti zmeni URL.. A budes mat aj animaciu, aj podstranky

kavva ďakujem, to čo si napísal tomu rozumiem, ak by si mohol a mal čas, tak by sme mohli túto vec prejsť napr. cez ICQ pripadne FB. Ak by si si našiel čas, bol by som rád. Ešte raz veľká vďaka. Ide o to, že v JQuery sa len začínam učiť... tak možno aj preto mám tento problém...

No riesit to mozme tu, aby to videli aj dalsi, co budu mat podobny problem. Tak pastni co mas zatial a s cim si nevies poradit. A uvidim co zmozem :)

niektore polozky som uz naplnil informaciami, funguje v podstate vsetko, akurat ten prechod a aktivna polozka na ktorej sa nachadzam nie je zvyraznena, ale stale to hadze na index, cize na prvu polozku "HOME"...

napriklad v sekcii "School/informatika/1.ročník" je prechod opat na indexe.

dik

Ahoj. No pozeram si tvoje css a tam bude pes zakopany :) 

Mas tam totiz:  

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(images/selected-right-sub.png) no-repeat right 0;
    height: 52px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

No a kedze vzdy ked sa prekliknes na inu stranku, tak sa to nastavy spet na left: 0;. Odstran z CSS to 'left: 0' a v JS, alebo priamo v tom menu si nastav poziciu toho li.back pre kazdu stranku.. Lebo teraz to mas defaultne, ty si to skopiroval, takze to menu sa na kazdej stranke sprava, ako by bolo na prvej.

ako by som to nastavil priamo v JS to menu... mohol by si mi ten kod nejako prekopirovat, resp. len tu cast...

tak uz to facha :)

super, gratulujem! :)