Pokaż wyniki od 1 do 4 z 4

Wątek: Dynamiczne zmienianie podstron w divie.

  1. #1
    Zarejestrowany
    Dołączył
    Dec 2007
    Posty
    537

    Domyślnie Dynamiczne zmienianie podstron w divie.

    Jak w temacie, jak zrobić za pomocą jQuery, by dynamicznie zmieniła treżć, po kliknięciu odnożnika?

    W czystym js, byłoby np. tak
    Mamy div o id tresc.
    Kod:
    function 1podstrona() 
    { 
       document.getElementById&#40;"tresc"&#41;.innerHTML = "Hello! <a href='#' onclick='2podstrona&#40;&#41;;'>Dalej!</a>"; 
    "> 
    &#125; 
    function 2podstrona&#40;&#41; 
    &#123; 
       document.getElementById&#40;"tresc"&#41;.innerHTML = "Hi! <a href='#' onclick='3podstrona&#40;&#41;;'>Dalej!</a>"; 
    &#125;
    i tak dalej. Są różne sposoby, ale chciałem przedstawić o co mi chodzi. Dowiedziałem, się trochę o jQuery i zrobiłem, aby zmieniało wartożć.

    Kod:
    $&#40;document&#41;.ready&#40;function&#40;&#41; 
    &#123; 
      $&#40;"#tresc"&#41;.html&#40;"Hello!"&#41;; 
    &#125;&#41;;
    Spowoduje wyżwietlenie tym divie Hello! (do zwykłego tekstu można użyć także funkcji text() ), ale jak zrobić, że po kliknięciu odnożnika pojawiał się inny napis?

  2. #2
    Programista
    Dołączył
    Sep 2007
    Posty
    622

    Domyślnie Dynamiczne zmienianie podstron w divie.

    Kod:
    <div id="nav"> 
    <a href="strona1.html">Strona 1</a> 
    <a href="strona2.html">Strona 2</a> 
    <a href="strona3.html">Strona 3</a> 
    <a href="strona4.html">Strona 4</a> 
    <a href="strona5.html">Strona 5</a> 
    </div> 
    <div id="content"></div>
    Kod:
    $&#40;"#nav a"&#41;.click&#40;function&#40;&#41;&#123; 
        $&#40;"#content"&#41;.load&#40;$&#40;this&#41;.attr&#40;"href"&#41;&#41;; 
    &#125;&#41;;
    Powinno działać. Zawartożć jest ładowana dynamicznie. Jeżeli chcesz statycznie, to zamiast .load dajesz .html() i inne źródło contentu.
    http://orodlin.pl/ - Orodlin.pl Team Member
    http://blog.albitos.eu - Albi's Jogger - Z pamiętnika młodego programisty
    http://wsosnowski.pl - wizytówka

    Mam do wynajęcia miejsce na serwerze dedykowanym. Ktoś zainteresowany?

  3. #3
    Zarejestrowany
    Dołączył
    Dec 2007
    Posty
    537

    Domyślnie Dynamiczne zmienianie podstron w divie.

    No dobra. Mam coż takiego:
    Kod:
          $&#40;document&#41;.ready&#40; 
          function&#40;&#41; 
          &#123; 
              $&#40;"#test"&#41;.html&#40;"<h3>Ahoj!</h3><hr style='width&#58; 80%;'><br /><a href='#' id='dalej'>Dalej</a>"&#41;; 
    
            $&#40;"#dalej2"&#41;.click&#40;function&#40;&#41;&#123; 
            $&#40;"#test"&#41;.html&#40;"<center><h3>Alloha</h3></center><hr style='width&#58; 80%;'><br /><a href='#'id='dalej'>Poprzedni krok</a> <a href='#' id='dalej3'>Nastepny</a>"&#41;; 
    
            &#125;&#41;; 
            
            $&#40;"#dalej"&#41;.click&#40;function&#40;&#41;&#123; 
            $&#40;"#test"&#41;.html&#40;"<h3>Hej!!</h3><hr style='width&#58; 80%;'><br /><a href='#' id='dalej0'>Poprzedni</a> <a href='#' id='dalej2'>Następny</a>"&#41;; 
            &#125;&#41;; 
            
            $&#40;"#dalej0"&#41;.click&#40;function&#40;&#41;&#123; 
            $&#40;"#test"&#41;.html&#40;"<h3>Ahoj!</h3><hr style='width&#58; 80%;'><br /><a href='#' id='dalej'>Dalej</a>"&#41;; 
            &#125;&#41;; 
    
          &#125;&#41;;
    I zdołam przerzuć do #dalej, natomiast ani poprzedniego, ani kolejnego już nie mogę.

  4. #4
    Programista
    Dołączył
    Sep 2007
    Posty
    622

    Domyślnie Dynamiczne zmienianie podstron w divie.

    Podczas dodawania zdarzenia, dalej1,2,3 nie istnieją. Wczeżniej musisz pobrać ten obiekt DOM przez find().
    http://orodlin.pl/ - Orodlin.pl Team Member
    http://blog.albitos.eu - Albi's Jogger - Z pamiętnika młodego programisty
    http://wsosnowski.pl - wizytówka

    Mam do wynajęcia miejsce na serwerze dedykowanym. Ktoś zainteresowany?

Informacje o wątku

Użytkownicy przeglądający ten wątek

Aktualnie 1 użytkownik(ów) przegląda ten wątek. (0 zarejestrowany(ch) oraz 1 gości)

Podobne wątki

  1. zawartość innej strony w divie/tabeli.
    Przez Azides w dziale HTML / CSS
    Odpowiedzi: 9
    Ostatni post / autor: 15-09-2010, 20:42
  2. Automatyczne tworzenie podstron przy rejestracji
    Przez ftfans w dziale Problemy przy tworzeniu własnej gry
    Odpowiedzi: 13
    Ostatni post / autor: 31-08-2010, 22:10
  3. zmienianie obrazków
    Przez czikus w dziale Pytania dotyczące silnika Xnova
    Odpowiedzi: 1
    Ostatni post / autor: 18-07-2010, 16:28
  4. Zmienianie Expa itp
    Przez htmlxp w dziale Stawianie i konfiguracja serwera Mu Online
    Odpowiedzi: 0
    Ostatni post / autor: 22-02-2009, 20:31
  5. Sposób tworzenia podstron
    Przez unix89 w dziale PHP / MySql
    Odpowiedzi: 4
    Ostatni post / autor: 02-12-2008, 07:16

Zakładki

Uprawnienia umieszczania postów

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •