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%)
-----


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <script type="text/javascript">
  4. function showHidden(obj){
  5. obj = document.getElementById(obj);
  6. obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
  7. }
  8. </head>
  9. <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>
  10. <div id="hidden1" style="display:none;">Jakis ukryty text...</div>
  11. <br><br>
  12. <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>
  13. <div id="hidden2" style="display:none;">Jakis drugi ukryty text...</div>
  14. </body>
  15. </html>
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.
  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>

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?


--------------------
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).


--------------------
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
  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>


--------------------
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 ) *
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <script type="text/javascript">
  4. function showHidden(obj){
  5. obj = document.getElementById(obj);
  6. obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
  7. }
  8. </head>
  9. <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>
  10. <div id="hidden1" style="display:none;">Jakis ukryty text...</div>
  11. <br><br>
  12. <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>
  13. <div id="hidden2" style="display:none;">Jakis drugi ukryty text...</div>
  14. </body>
  15. </html>



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

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

 



RSS Wersja Lo-Fi Aktualny czas: 1.05.2025 - 05:33