Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ajax]]Podpięcie tekstu pod odpowiedni element
Forum PHP.pl > Forum > XML, AJAX
ensei
Hej.
Jak wykonać mniej więcej coś takiego:

Link #1
Link #2
Link #3

Gdy kliknę dajmy na to na link 2
Będzie to wyglądać mniej więcej tak:

Link #1
Link #2
tekst podpięty pod link #2
Link #3

A jak kliknę na link 3:

Link #1
Link #2

Link #3
tekst podpięty pod link #3

~~
Chyba mniej więcej wiadomo o co chodzi.
Używam kodu z tego tematu:
http://forumphp.nq.pl/index.php?s=&sho...st&p=466923
Wklejając te <div id='tu'></div>
Pod każdy z
Kod
# <div onclick='zmien(1)'>jeden</div>
# <div onclick='zmien(2)'>dwa</div>
# <div onclick='zmien(3)'>trzy</div>


Dlatego prosiłbym o wytłumaczenie na tym kodzie z tamtego tematu.

PS, wiecie zapewne że to moje początki z ajaxem, dlatego trochę Was pomęczę ;D.
marcio
A nie chodzi ci o menu wstawiane to mozna w js napisac mam przklad w ksiazce ale nie chce mi sie przepisywac ale takie cos tez powinno dzialac
  1. <?php
  2.  
  3. //w sekcji head dajesz takie cos
  4.  
  5. function pokaz() {
  6. window.document.getElementById("pierwszy").style.display=(window.document.getElementById("pierwszy").style.display == "none") ? "block" : "none";
  7. }
  8.  
  9. function pokaz2() {
  10. window.document.getElementById("drugi").style.display=(window.document.getElementById("drugi").style.display == "none") ? "block" : "none";
  11. }
  12.  
  13. <a href="#" onclick="pokaz()">1</a>
  14. <a href="#" onclick="pokaz2()">2</a>
  15. <div id="pierwszy" style="display:none">Jakis tekst</div>
  16. <div id="drugi" style="display:none">Jakis inny tekst</div>');
  17. ?>

Mniej wiecej cos takiego tylko nie wiem czy ci akurat wstawi pod dobrym linkiem bede pod spodem

http://www.kurshtml.boo.pl/skrypty/wyglad,..._rozwijane.html

Dziala bo sprawdzalem potem np dajesz if'a ktory uwzglednia ze jesli jeden div ma display block to drugi musi miec none np
  1. <?php
  2. function pokaz() {
  3. window.document.getElementById("pierwszy").style.display=(window.document.getElementById("pierwszy").style.display == "none") ? "block" : "none";
  4. if(window.document.getElementById("pierwszy").style.display == "block") window.document.getElementById("drugi").style.display == "none";
  5. }
  6. ?>

Np cos takiego
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.