3 odpowiedzi w tym temacie

[Maxie]

Zna ktoś z Was skrypt działający w ten sposób: http://zwiastun.legendyheroes.pl/ ? Gdy klikniemy w odnośniku menu to zamiast strona się przeładowywać po prostu pokazuje inną treść. Może się mylę i to nie jest JavaSript, wtedy proszę o przeniesienie do poprawnego działu.

[Jose]

Można to zrobić za pomocą funkcji load(); w jQuery ; przykład:

$(document).ready(function() {
$('#laduj').load('laduj.html');
});

lub również za pomocą JS, bawiąc się zmianą display`ów bloków z treścią po kliknięciu w dany link.

[dadas1996]

Użytkownik Jose dnia Dec 26 2009, 03:28 PM napisał

Można to zrobić za pomocą funkcji load(); w jQuery ; przykład:

$(document).ready(function() {
$('#laduj').load('laduj.html');
});

lub również za pomocą JS, bawiąc się zmianą display`ów bloków z treścią po kliknięciu w dany link.

Jak to wykorzystać. co i gdzie należy wpisywać, plis pomóżcie

[G1T]

Użytkownik Jose dnia Dec 26 2009, 01:28 PM napisał

lub również za pomocą JS, bawiąc się zmianą display`ów bloków z treścią po kliknięciu w dany link.

Przykład:

<ul>
			<li><a href=&#34;#&#34; id=&#34;a_glowna&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>Strona główna</a></li>
			<li><a href=&#34;#&#34; id=&#34;a_omnie&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>o mnie</a></li>
			<li><a href=&#34;#&#34; id=&#34;a_galeria&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>galeria</a></li>
			<li><a href=&#34;#&#34; id=&#34;a_szkola&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>szkoła</a></li>
			<li><a href=&#34;#&#34; id=&#34;a_hobby&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>hobby</a></li>
			<li><a href=&#34;#&#34; id=&#34;a_kontakt&#34; onClick=&#34;pokaz&#40;this.id&#41;&#34;>kontakt</a></li>
		</ul>	
<div>Jesteś na </div><div id=&#34;gdzie&#34;></div>
<div id=&#34;co&#34;></div>

<div id=&#34;glowna&#34; style=&#34;display&#58;block&#34;>treść strony głównej</div>
<div id=&#34;omnie&#34; style=&#34;display&#58;none&#34;>o Tobie </div>
<div id=&#34;galeria&#34; style=&#34;display&#58;none&#34;>galeria</div>
<div id=&#34;szkola&#34; style=&#34;display&#58;none&#34;>zdjecia</div>
<div id=&#34;hobby&#34; style=&#34;display&#58;none&#34;></div>
<div id=&#34;kontakt&#34; style=&#34;display&#58;none&#34;></div>

funkcja w java script:

function pokaz(element){
	document.getElementById('glowna').style.display = 'none';	
	document.getElementById('omnie').style.display = 'none';	
	document.getElementById('galeria').style.display = 'none';
	document.getElementById('szkola').style.display = 'none';	
	document.getElementById('hobby').style.display = 'none';	
	document.getElementById('kontakt').style.display = 'none';	
	

	if(element == 'a_glowna'){
			document.getElementById('glowna').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'strona główna';
			document.getElementById('co').innerHTML = 'Witaj na stronie!';
	}
	if(element == 'a_omnie'){
			document.getElementById('omnie').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'o mnie';
			document.getElementById('co').innerHTML = 'o mnie';
	}
	if(element == 'a_galeria'){
			document.getElementById('galeria').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'galeria';
			document.getElementById('co').innerHTML = 'galeria';
	}
	if(element == 'a_szkola'){
			document.getElementById('szkola').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'szkoła';
			document.getElementById('co').innerHTML = 'szkoła';
	}
	if(element == 'a_hobby'){
			document.getElementById('hobby').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'hobby';
			document.getElementById('co').innerHTML = 'hobby';
	}
	if(element == 'a_kontakt'){
			document.getElementById('kontakt').style.display = 'block';
			document.getElementById('gdzie').innerHTML = 'kontakt';
			document.getElementById('co').innerHTML = 'kontakt';
	}
			
}