Strona 1 z 1

Wczytywanie stron bez przeładowywania się całej strony-AJAX

Napisane: piątek, 9 grudnia 2011, 14:21
przez jacus88
Witam

Mam pytanko dot. kursu z Ajaxa a mianowicie lekcji nr 3 gdzie jest pokazane jak wczytać treść do odpowiedniego DIVa bez przeładowywania strony - przykład tam zamieszczony pokazuje jak zrobić to na formularzach. Ja chciałem zrobić z menu. Czyli klikam w linka i pokazuje mi się np. w prawym div-ie treść bez przeładowywania strony - czyli widać efekt że ten prawy DIV się wczytuje tylko. Myślałem że wystarczy zmienić troszkę w kodzie html jak poniżej:

Code: Zaznacz cały

<div id="menu">
<ul>			
				<li><a href="plik1.txt" onclick="fileToDiv('tekst');">Home</a></li>
				<li><a href="plik2.php" onclick="fileToDiv('tekst');">O nas</a></li>
				<li><a href="plik3.html" onclick="fileToDiv('tekst');">Oferta</a></li>
				<li><a href="plik4.php" onclick="fileToDiv('tekst');">Kontakt</a></li>
</ul>	
</div>
ale otwiera się w nowym oknie.

Czy ktoś może mi podpowiedzieć co należy zmienić w html lub ewentualnie js.

Z góry dzięki za podpowiedź

Re: Wczytywanie stron bez przeładowywania się całej strony-A

Napisane: poniedziałek, 12 grudnia 2011, 11:17
przez Morfidon
a href domyślnie otwiera link w oknie, trzeba przerwać domyślne wykonywanie tego zdarzenia w funkcji fileToDiv.

Trzeba zwrócić wartość false w funkcji fileToDiv.

Przepraszam, że dopiero teraz, ale nie było mnie.