Forum PHP.pl > Rozwijany tekst

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

swist666

23.07.2004, 13:31:13

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.

jbiz

23.07.2004, 14:29:06

na webmaster.helion.pl w dziale przykłady skryptów znajdziesz coś takiego

swist666

23.07.2004, 15:04:23

Szukam tego już 20 minut i nie moge znaleść, gdzie to jest.

Paul

23.07.2004, 21:16:08

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
function showHidden(obj){
obj = document.getElementById(obj);
obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
}
</script>
</head>
<body>
<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>
<div id="hidden1"  style="display:none;">Jakis ukryty text...</div>
<br><br>
<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>
<div id="hidden2"  style="display:none;">Jakis drugi ukryty text...</div>
</body>
</html>
[HTML] pobierz, plaintext

onlyX

28.05.2005, 17:30:09

Czy korzystając z tego skryptu można ukryć wiersze tabeli?
Bo ten kod mi niestety nie działa.

[HTML] pobierz, plaintext 
<table border="1">
<tr><td><a onclick="showHidden('hidden2');" href="javascript:void(0);">Click me please!</a></td></tr>
<div id="hidden2" style="display:none;"><tr><td>
Zawartośc ukryta<br />Przed wscibskim okiem :)</td></tr>
</div>
</table>
[HTML] pobierz, plaintext

Da się to jakoś przerobić?

Ambrozja

20.04.2009, 12:15:03

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.

piotrooo89

20.04.2009, 12:16:43

a może jQuery i toggle?

Ambrozja

20.04.2009, 14:33:47

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/

piotrooo89

20.04.2009, 14:54:46

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

(taka jest moja opinia).

v1t4n

25.04.2009, 10:16:39

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

nie obejmujesz divem tr tylko na tr walisz hidden

[HTML] pobierz, plaintext 
<table border="1">
<tr><td><a onclick="showHidden('hidden2');" href="javascript:void(0);">Click me please!</a></td></tr>
<tr id="hidden2" style="display:none;"><td>
Zawartośc ukryta<br />Przed wscibskim okiem :)</td></tr>
</table>
[HTML] pobierz, plaintext

Alexis Black

6.05.2009, 14:14:07

Cytat(Paul @ 23.07.2004, 21:16:08 )

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
function showHidden(obj){
obj = document.getElementById(obj);
obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
}
</script>
</head>
<body>
<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>
<div id="hidden1" style="display:none;">Jakis ukryty text...</div>
<br><br>
<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>
<div id="hidden2" style="display:none;">Jakis drugi ukryty text...</div>
</body>
</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?

Fifi209

6.05.2009, 17:24:38

Zapraszam więc do lektury:

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

Powodzenia

Efan

18.05.2010, 21:04:15

Super skrypt. Pytanie jak wstawić link który za jednym razem ukrywałby/pokazywałby wszystkie ukryte treści?

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.