window hash

guuls

hallo,

ich habe folgendes js

Code

$(document).ready(function() {

    if(window.location.hash.indexOf('#')==0){
        loadContent()
    }


    $(window).bind("hashchange", function() {
        loadContent()
    });
});






function loadContent() {
    var url_hash = window.location.hash;
    url_hash = url_hash.replace('#','');
    $('#content div.container').load('pages/'+url_hash+'.php',function(){
        $(this).ready(function() {
            $('#loading').fadeOut("slow");
            $('.container').fadeIn("slow");
        });
    });        
}

Alles anzeigen

das ganze funktioniert auch soweit ganz gut allerdings weiß ich leider nicht wie ich dem anker im menü die class active geben und bei wechsel auch wieder entfernen kann... und wie ich eine default seite bestimme...

könnt ihr mir bitte weiterhelfen

crAzywuLf

Ich denk mal du hast sicher eine <ul> Liste mit Links oder?
Dann könntest du doch ein onClick bei den Links einbauen, welches daraufhin über die Liste loopt und alle Links außer das Geklickte inaktiv schaltet. Der Link selbst wird natürlich aktiv gesetzt.
Und der Default bekommt z.B. eine ID "default" und bei document.ready wird der Inhalt geladen und der default als aktiv gesetzt.
Ist immer schwierig zu helfen, wenn man nicht weiss wie dein HTML aussieht

guuls

hi,
danke erstmal...
also mein aktuelles js sieht so aus

Code

/**************************DOC READY FUNCS**********************/
$(document).ready(function() {

    /**************************Content*******************/
    loadDefault()


    $(''+window.location.hash+'').addClass("current");
    if(window.location.hash.indexOf('#')==0){
        loadContent();
    }


    $(window).bind("hashchange", function() {
        loadContent();
        $('ul li a').removeClass("current");
        $(''+window.location.hash+'').addClass("current");
    });
});






/**************************Content funcs**********************/
function loadContent() {
    var url_hash = window.location.hash;
    url_hash = url_hash.replace('#','');
    $('div#mainarea').load('pages/'+url_hash+'.php',function(){
        $(this).ready(function() {
            $('#loading').fadeOut("slow");
            $('#mainarea').fadeIn("slow");
        });
    });        
}


function loadDefault() {
    var url_hash = window.location.hash;
    url_hash = url_hash.replace('#','');
    $('div#mainarea').load('pages/home.php',function(){
        $(this).ready(function() {
            $('#loading').fadeOut("slow");
            $('#mainarea').fadeIn("slow");
        });
    });        
}

Alles anzeigen

und mein menü ist eine ul mit li und a... und die a haben immer eine id und href...

Tags