 [JS] Ukrywanie/Odkrywanie warstw |
  |
| [JS] Ukrywanie/Odkrywanie warstw |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 26.01.2008 Ostrzeżenie: (0%) 
 |
Witam, czy ktoś może mi z tym pomóc i powiedzieć jak teraz zrobić coś takiego:
1. Klikam PIERWSZY na: click me! -> pokazuje ukryta zawartosc. ->TO DZIAŁA 2. Klikam DRUGI raz na: click me! -> ukrywa ponownie zawartosc. -> W TYM PROBLEM <table> <tbody id="ghost" style="display:none"> <tr><td>x</td></tr> <tr><td>y</td></tr> </tbody> <tbody> <tr><td><input type="button" value="click me!" onclick="document.getElementById('ghost').style.display = ''"/></td></tr> </tbody> </table> dzięki za pomoc! |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 355 Pomógł: 50 Dołączył: 20.08.2007 Skąd: Częstochowa Ostrzeżenie: (0%)
|
Ja bym to zrobil tak :
i plik click.js
pozdrawiam! Ten post edytował hondek 1.03.2008, 01:33:40 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 26.01.2008 Ostrzeżenie: (0%)
|
Dzękuje i pozdrawiam!
Pojawil mi sie jeszcze jednak jeden problem: Problem w tym, ze chcialbym, aby przycisk od odkrywania/ukrywania znajdowal sie w "srodku tabeli". Wszystko działa prawie dobrze (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) tzn działa tylko na górna cześć tabeli. Czy wiecie moze w czym jest problem? [click.js] function click() { var stan = document.getElementById('ghost'); if( stan.style.display == 'none' ) { stan.style.display = ''; } else { stan.style.display = 'none'; } [plik.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="click.js"></script> </head> <body> <table width="200" border="1"> <tbody id="ghost" style="display:none"> <tr> <td>ukryte</td> <td>ukryte</td> </tr> </tbody> <tr> <td>odkryte</td> <td>odkryte</td> </tr> <tr> <td> </td> <td> <p onClick="click();"><input type="button" value="Odkryj/Ukryj"></p></td> </tr> <tbody id="ghost" style="display:none"> <tr> <td>ukryte</td> <td>ukryte</td> </tr> <tr> <td>ukryte</td> <td>ukryte</td> </tr> <tr> <td>ukryte</td> <td>ukryte</td> </tr> </tbody> </table> </body> </html> |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 14:09 |
