Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> javascript/jquery, drop down menu + load content
pjuras
post
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 9.04.2009

Ostrzeżenie: (0%)
-----


Witam!
Mam stronkę z jquery i następujący kod java script(dokładnie taki sam jak w przykładzie zamieszonym na tej stronie sprawdz) :
Kod
$(document).ready(function()  {
                          
    var hash = window.location.hash.substr(1);
    var href = $('#nav li a').each(function(){
        var href = $(this).attr('href');
        if(hash==href.substr(0,href.length-5)){
            var toLoad = hash+'.html #content';
            $('#content').load(toLoad)
        }                                            
    });
    $('#nav li a').click(function(){
                                  
        var toLoad = $(this).attr('href')+' #content';
        $('#content').hide('fast',loadContent);
        $('#load').remove();
        $('#wrapper').append('<span id="load">LOADING...</span>');
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            $('#content').show('normal',hideLoader());
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;
        
    });

});


...do tego kodu chę dołączyć kod java script, który obsługuje menu rozwijane:

Kod
function nav(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
        },function(){
        $(this).find('ul:first').css({visibility: "hidden"});
        });
}

$(document).ready(function(){
    nav();
});

Ne upieram się konkretnie na ten kod menu rozwijanego może być inny byle tylko działało bez problemu,
bo moje umiejętności sprowadziły się to połaczenia tych dwóch kodów w jeden plik no i klapa, nie działało tak jak powinno.
ps.Totalny żółtodziub prosi o pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował pjuras 9.04.2009, 20:39:33
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
pjuras
post
Post #2





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 9.04.2009

Ostrzeżenie: (0%)
-----


Chyba muszę jeszcze raz napisać o moich umiejętnościach programowania w javascriptcie...są ZEROWE!
Stronkę zrobiłem przez wyszukiwanie w googlach odpowiednich tematów i kopiowanie wszytkiego co mnie interesowało z niewielką zmianą w html i css(raczej metodą prób i błedów niż umiejętbnościami).Zależy mi na zachowaniu stronki w load content
bo to powoduje że strona się nie przeładowuje za każdym razem jak przechodzę do kolejnych podstron, a co za tym idzie muzyka na stronie gra cały.Pisałeś, że u Ciebie działa więc fajne by było gdybyś zamieścił tu ten kod javascritp i ja resztę sobie dorobię.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 17:53