Aby urozmaicic strone postanowilem zapodac jquery. Wszystko działa kiedy jest na pustej stronie, ale kiedy to wrzuce do konkretnego zastosowania to nie moge klikac linkow.
Może na poczatek dam kod jedynie od tego menu:
Jescze kod wleje:
Kod
<script type="text/javascript">
//1
$(function () {
//2
function ajaxify(file){
//3
$('<div id="loading"></div>').html("Pobieranie danych z: "+file+" ...").appendTo('body').fadeIn();
//4
$.get(file,function(data) {
//5
$("#wrapper").slideUp('slow',function(){
//6
$(this).html(data).slideDown('slow',function(){
//7
$('#loading').fadeOut('slow',function(){$(this).remove();});
});
});
});
}
//8
$("div#nav ul li a").click(function(){
//9
$('#nav ul li a.current').removeClass('current');
//10
$(this).addClass('current');
//11
ajaxify($(this).attr('href'));
//12
return false;
});
//13
ajaxify('homepage.html');
});
</script>
//1
$(function () {
//2
function ajaxify(file){
//3
$('<div id="loading"></div>').html("Pobieranie danych z: "+file+" ...").appendTo('body').fadeIn();
//4
$.get(file,function(data) {
//5
$("#wrapper").slideUp('slow',function(){
//6
$(this).html(data).slideDown('slow',function(){
//7
$('#loading').fadeOut('slow',function(){$(this).remove();});
});
});
});
}
//8
$("div#nav ul li a").click(function(){
//9
$('#nav ul li a.current').removeClass('current');
//10
$(this).addClass('current');
//11
ajaxify($(this).attr('href'));
//12
return false;
});
//13
ajaxify('homepage.html');
});
</script>
Jakies pomysly? Sadzilem ze cos przesłania moze te warstwy klikalne, lecz nic nad nimi nie ma (a przynajmniej tak mi sie zdaje).
