Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Rozwijany tekst
swist666
post 23.07.2004, 13:31:13
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 1
Dołączył: 14.05.2004
Skąd: Wrocław

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

Jak zrobić tekst rozwijany, czyli mamt button: POKAŻ TEKST, i po kliknięciu pojawia się niżej tekst. np.

Część artykułu [pokaż więcej...]

i po kliknięciu w:"[pokaż więcej...]" pokazuje się reszta ale koniecznie bez przeładowania strony, czyli trzeba to zrobić w DHTMLu i CSS, zresztą niewiem, interesuje mnie tylko żeby to się rozwijało po stronie przeglądarki, czyli bez przeładowania strony.
Go to the top of the page
+Quote Post
jbiz
post 23.07.2004, 14:29:06
Post #2





Grupa: Zarejestrowani
Postów: 71
Pomógł: 0
Dołączył: 10.03.2004
Skąd: z duszy :]

Ostrzeżenie: (20%)
X----

na webmaster.helion.pl w dziale przykłady skryptów znajdziesz coś takiego
Go to the top of the page
+Quote Post
swist666
post 23.07.2004, 15:04:23
Post #3





Grupa: Zarejestrowani
Postów: 152
Pomógł: 1
Dołączył: 14.05.2004
Skąd: Wrocław

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

Szukam tego już 20 minut i nie moge znaleść, gdzie to jest.
Go to the top of the page
+Quote Post
Paul
post 23.07.2004, 21:16:08
Post #4





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5. <script type="text/javascript">
  6. function showHidden(obj){
  7. obj = document.getElementById(obj);
  8. obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <a id="link1_1" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">pokaż</a><a id="link1_2" style="display:none;" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">ukryj</a>
  14. <div id="hidden1"  style="display:none;">Jakis ukryty text...</div>
  15. <br><br>
  16. <a id="link2_1" href="javascript: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">pokaż</a><a id="link2_2" style="display:none;" href="javascript: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">ukryj</a>
  17. <div id="hidden2"  style="display:none;">Jakis drugi ukryty text...</div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
onlyX
post 28.05.2005, 17:30:09
Post #5





Grupa: Zarejestrowani
Postów: 119
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Grajewo

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

Czy korzystając z tego skryptu można ukryć wiersze tabeli?
Bo ten kod mi niestety nie działa.
[HTML] pobierz, plaintext 
  1. <table border="1">
  2. <tr><td><a onclick="showHidden('hidden2');" href="javascript:void(0);">Click me please!</a></td></tr>
  3. <div id="hidden2" style="display:none;"><tr><td>
  4. Zawartośc ukryta<br />Przed wscibskim okiem :)</td></tr>
  5. </div>
  6. </table>
[HTML] pobierz, plaintext

Da się to jakoś przerobić?
Go to the top of the page
+Quote Post
Ambrozja
post 20.04.2009, 12:15:03
Post #6





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 20.04.2009

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

Sluchajcie jest cos innego bo z tym skryptem to jest jakas masakra w przypadku kiedy masz bardzo duzo tresci tz. Strona z aktualnosciami gdzie jest bardzo duzo tematow I potem link “zobacz wiecej” to mozna sie zalamac.moze php. Prosze o jakies pomysly.
Go to the top of the page
+Quote Post
piotrooo89
post 20.04.2009, 12:16:43
Post #7


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
a może jQuery i toggle?


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Ambrozja
post 20.04.2009, 14:33:47
Post #8





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 20.04.2009

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

taa to jest chyba to nie duzo kodu ale trzeba go zrozumiec. Jeszcze raz dzieki a i link ktory moze sie przydac http://ferrante.pl/2007/08/01/jquery-to-latwe-1/
Go to the top of the page
+Quote Post
piotrooo89
post 20.04.2009, 14:54:46
Post #9


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Cytat(kamil4u @ 20.04.2009, 15:53:06 ) *
Ale czy warto do tak prostej rzeczy stosować jQuery?


a czemu by nie wykorzystać po coś to jest winksmiley.jpg (taka jest moja opinia).


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
v1t4n
post 25.04.2009, 10:16:39
Post #10





Grupa: Zarejestrowani
Postów: 111
Pomógł: 16
Dołączył: 19.02.2005
Skąd: Dębica

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

Jest pewna strona o quake gdzie pierwszy raz zerznalem ta funkcje. Musze przyznac ze jest tego sporo i to dziala.

@onlyX: mi sie to udalo zrobic smile.gif nie obejmujesz divem tr tylko na tr walisz hidden
[HTML] pobierz, plaintext 
  1. <table border="1">
  2. <tr><td><a onclick="showHidden('hidden2');" href="javascript:void(0);">Click me please!</a></td></tr>
  3. <tr id="hidden2" style="display:none;"><td>
  4. Zawartośc ukryta<br />Przed wscibskim okiem :)</td></tr>
  5. </table>
[HTML] pobierz, plaintext


--------------------
Psik!! A masz!! ...chamie - Porucznik Borewicz
Go to the top of the page
+Quote Post
Alexis Black
post 6.05.2009, 14:14:07
Post #11





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 5.05.2009

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

Cytat(Paul @ 23.07.2004, 21:16:08 ) *
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5. <script type="text/javascript">
  6. function showHidden(obj){
  7. obj = document.getElementById(obj);
  8. obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <a id="link1_1" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">pokaż</a><a id="link1_2" style="display:none;" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">ukryj</a>
  14. <div id="hidden1" style="display:none;">Jakis ukryty text...</div>
  15. <br><br>
  16. <a id="link2_1" href="javascript: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">pokaż</a><a id="link2_2" style="display:none;" href="javascript: showHidden('hidden2');showHidden('link2_1');showHidden('link2_2');">ukryj</a>
  17. <div id="hidden2" style="display:none;">Jakis drugi ukryty text...</div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext



Wykorzystałem u siebie ten skrypt i działa. Jednak bardzo zależy mi na funkcji, która działa w ten sposób, że po kliknięciu na drugie "Pokaż", pierwszy "jakis ukryty text" się "ukrywa". Chodzi mi o to, aby na stronie nigdy nie było wyświetlonych więcej niż jeden z ukrytych tekstów... Mógłby ktoś mi pomóc? smile.gif
Go to the top of the page
+Quote Post
Fifi209
post 6.05.2009, 17:24:38
Post #12





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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

Zapraszam więc do lektury:

http://ferrante.pl/2007/08/01/jquery-to-latwe-1/

Powodzenia smile.gif


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Efan
post 18.05.2010, 21:04:15
Post #13





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 25.01.2007

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

Super skrypt. Pytanie jak wstawić link który za jednym razem ukrywałby/pokazywałby wszystkie ukryte treści?
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 23.05.2025 - 06:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn