Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [php/ajax] Ładowanie tekstu bez przeładowania strony
patigo
post
Post #1





Grupa: Zarejestrowani
Postów: 132
Pomógł: 0
Dołączył: 4.02.2005

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


Witam,

Kiedyś czytałem artykuł o tym jak zrobić pewein trick. Chodzi o to że planuję zrobić prostą stronkę (coś w rodzaju wizytówki), gdzie będzie proste menu - jakieś 4 pozycje. Chodzi o to żeby po kliknięciu jednej z opcji strona się nie przeładowywała ale załadował jedynie tekst tekst przyporządkowany dla danej opcji z menu.

Szukałem na forum ale jakoś nie natrafiłem na konkrety, być może źle szukałem dlatego też proszę o pomoc.

Z góry dziękuję.

Ten post edytował ayeo 7.05.2008, 23:37:22
Powód edycji: dodanie tagów
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
PiXel2.0
post
Post #2





Grupa: Zarejestrowani
Postów: 110
Pomógł: 13
Dołączył: 16.03.2007
Skąd: Łódź

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


No coz, tez jestem prawie zero z JavaScript, ale wyklepalem w pospiechu takie cos...
  1. <script language="JavaScript" type="text/javascript">
  2. function pokaz(pokaz_id){
  3. var elementy = document.getElementsByTagName('div');
  4.  
  5. for(i = 0; i < elementy.length; i++){
  6. var element_id = elementy[i].getAttribute('id');
  7. if(element_id >= 1 && element_id <= 4){
  8. if(element_id == pokaz_id)
  9. elementy[i].style.display = 'block';
  10. else
  11. elementy[i].style.display = 'none';
  12. }
  13. }
  14. }
  15. <div id="1" style="display:none;">to jest pierwszy element</div>
  16. <div id="2" style="display:none;">to jest drugi element</div>
  17. <div id="3" style="display:none;">to jest trzeci element</div>
  18. <div id="4" style="display:none;">to jest czwarty element</div>
  19. <input type="button" value="pokaz pierwszy" onclick="pokaz(1)" />
  20. <input type="button" value="pokaz drugi" onclick="pokaz(2)" />
  21. <input type="button" value="pokaz trzeci" onclick="pokaz(3)" />
  22. <input type="button" value="pokaz czwarty" onclick="pokaz(4)" />
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: 7.10.2025 - 05:48