Dynamiczna strona,przesyłanie parametru do funkcji w jQuery Opcje

[skoranoskorano]

Hej,

grzebię się od dłuższego czasu z napisaniem skryptu podmieniającego zawartość diva na stronie, bez przeładowywania jej.

Mam index.htm gdzie jest menu oraz div id="content" do którego chcę wrzucać fragmenty kodu html
plik content.js gdzie mam kod jQuery
oraz fragmenty kodów do podmiany umieszczone w katalogu content.

teraz tak, fragmenty kodu

na stronie index.htm:

[HTML] pobierz, plaintext 
<div class="menu_element" id="men_witamy">
<a href="#" onClick="loader('witamy');">Witamy!</a>
</div>
<div class="menu_element" id="men_onas">
<a href="#" onClick="loader('onas');">O nas</a>
</div>
<div class="menu_element" id="men_oferta">
<a href="#" onClick="loader('oferta')">Oferta</a>
</div>
<div class="menu_element" id="men_portfolio">
<a href="#" onClick="loader('portfolio')">Portfolio</a>
</div>
[HTML] pobierz, plaintext 

i trochę niżej w tym samym dokumencie to:

[HTML] pobierz, plaintext 
<div id="content"><br/>
    Ten tekst zostanie zamieniony    
    </div>
[HTML] pobierz, plaintext 

plik content.js:

[JAVASCRIPT] pobierz, plaintext 
function loader(strona) {
 
    switch(strona) { 
        case "witamy": 
        {$('#content').load('content/witamy.html');
        $('#men_witamy').removeClass('menu_element');
        $('#men_witamy').addClass('menu_element_aktywny'); break;
         } 
        case "onas": 
        {$('#content').load('content/onas.html');
        $('#men_onas').removeClass('menu_element');
        $('#men_onas').addClass('menu_element_aktywny'); break;
           } 
        case "oferta": 
        {$('#content').load('content/oferta.html');
        $('#men_oferta').removeClass('menu_element');
        $('#men_oferta').addClass('menu_element_aktywny'); break;
           } 
        case "portfolio": 
        {$('#content').load('content/portfolio.html');
        $('#men_portfolio').removeClass('menu_element');
        $('#men_portfolio').addClass('menu_element_aktywny'); break;
         } 
        default: 
        { $('#content').load('content/witamy.html');
         $('#men_witamy').removeClass('menu_element');
        $('#men_witamy').addClass('menu_element_aktywny');
 
        } 
    }
[JAVASCRIPT] pobierz, plaintext 

w jaki sposób to działa: http://tonika132.home.pl/krzychu/web
coś mi się kopie, nie wiem w czym leży problem


nie działa najwyraźniej przesyłanie parametru do funkcji,

zastanawiam się też, jaki kod dodać do jQ aby po wybraniu innego elementu menu, klasy poprzednio wybranych elementów wracały do normy.

Proszę o pomoc (IMG:style_emoticons/default/smile.gif)

Ten post edytował skoranoskorano 29.06.2011, 10:20:25