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!
Pełna wersja: [JS] Ukrywanie/Odkrywanie warstw
Ja bym to zrobil tak :
i plik click.js
pozdrawiam!
i plik click.js
pozdrawiam!
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
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>
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
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>
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.