Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [ajax] akcja po kliknięciu w link "więcej"
seba15290
post 11.12.2007, 18:28:12
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 6.06.2007

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

Witam
Mam na stronie przykładową treść i pod nią link więcej aby można było obejrzeć pozostałą część tekstu. Mój problem polega na tym, że chciałbym aby po kliknięciu w ten link ten tekst mógł się wysuwać bez przeładowania strony.

Ten post edytował seba15290 11.12.2007, 18:38:29
Go to the top of the page
+Quote Post
Moli
post 11.12.2007, 21:12:42
Post #2





Grupa: Zarejestrowani
Postów: 662
Pomógł: 45
Dołączył: 26.03.2007
Skąd: Warszawa

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

Jeżeli chcesz aby się wysuwał animacyjnie, to skorzystaj z jakichs gotowych bibliotek (np. mintAjax), jeśli ma tekst pod treścią się tylko pokazywał to użyj prostej funkcji w js plus w css tag display.
Go to the top of the page
+Quote Post
Garrappachc
post 11.12.2007, 21:12:43
Post #3





Grupa: Zarejestrowani
Postów: 76
Pomógł: 2
Dołączył: 15.11.2007
Skąd: Kraków

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

Proszę bardzo (tylko nie wiem, czemu w tym dziale):
Sekcja <head>:
[HTML] pobierz, plaintext 
  1. <script language="JavaScript">
  2. function wysun_wsun(co)
  3. {
  4.   wiecej = document.getElementById(co);
  5.   if (wiecej.style.display = 'none')
  6.   {
  7.     wiecej.style.display = 'block';
  8.   }
  9.   else
  10.   {
  11.     wiecej.style.display = 'none';
  12.   }
  13. }
  14. </script>
[HTML] pobierz, plaintext


I teraz, w sekcji body:
[HTML] pobierz, plaintext 
  1. <a href="javascript: wysun_wsun('id1')">Wysuń / schowaj</a>
  2. <div id="id1" style="display: none;">Treść schowana, widoczna po kliknięciu w link powyżej</div>
  3.  
  4. <a href="javascript: wysun_wsun('id2')">Wysuń / schowaj</a>
  5. <div id="id2" style="display: none;">Treść schowana, widoczna po kliknięciu w link powyżej</div>
[HTML] pobierz, plaintext

A każdemu divowi nadajesz po prostu inny identyfikator (id).


--------------------


CPU | GPU | RAM | HDD | OS
Go to the top of the page
+Quote Post
lectric
post 15.01.2008, 16:02:08
Post #4





Grupa: Zarejestrowani
Postów: 167
Pomógł: 1
Dołączył: 22.08.2006
Skąd: universe

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

W skrypcie jest błąd , powinno być:

[HTML] pobierz, plaintext 
  1. <script language="JavaScript">
  2. function wysun_wsun(co)
  3. {
  4. wiecej = document.getElementById(co);
  5. if (wiecej.style.display == 'none')
  6. {
  7. wiecej.style.display = 'block';
  8. }
  9. else
  10. {
  11. wiecej.style.display = 'none';
  12. }
  13. }
  14. </script>
[HTML] pobierz, plaintext


--------------------
Potrzebujesz dodać darmowe ogłoszenia ?, w takim razie musisz odwiedzić to miejsce !
Presell - tutaj dodasz swoj artykul za darmo ! Presell Page dla wszystkich bez limitów i utrudnień
Masz firme ? Ta baza firm jest dla Ciebie i Twoich znajomych są też śmieszne filmiki
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 2.07.2025 - 19:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn