NS6 + style.display
6 отговора
120 прегледа
NS6 + style.display
ami ... pusnete koda dolu pod NS6 i natikajte hide i show nqkolko pyti podred (zashto NS6 prawi takiwa izpylneniq, a IE-to bachka perfect-no)
<html>
<head>
<script>
function hideElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "none";
} else {
document.getElementById("table_1").rows[1].cells[1].style.display = "none";
}
}
function showElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "block";
} else {
document.getElementById("table_1").rows[1].cells[1].style.display = "block";
}
}
</script>
</head>
<body>
<input type="button" onClick="showElement()" value="Show">
<input type="button" onClick="hideElement()" value="Hide">
<table border=1 id="table_1">
<tr>
<td>element_1_1_1</td>
<td>element_1_1_2</td>
<td>element_1_1_3</td>
</tr>
<tr>
<td>element_1_2_1</td>
<td>element_1_2_2</td>
<td>element_1_2_3</td>
</tr>
<tr>
<td>element_1_3_1</td>
<td>element_1_3_2</td>
<td>element_1_3_3</td>
</tr>
<tr>
<td>element_1_4_1</td>
<td>element_1_4_2</td>
<td>element_1_4_3</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<script>
function hideElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "none";
} else {
document.getElementById("table_1").rows[1].cells[1].style.display = "none";
}
}
function showElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "block";
} else {
document.getElementById("table_1").rows[1].cells[1].style.display = "block";
}
}
</script>
</head>
<body>
<input type="button" onClick="showElement()" value="Show">
<input type="button" onClick="hideElement()" value="Hide">
<table border=1 id="table_1">
<tr>
<td>element_1_1_1</td>
<td>element_1_1_2</td>
<td>element_1_1_3</td>
</tr>
<tr>
<td>element_1_2_1</td>
<td>element_1_2_2</td>
<td>element_1_2_3</td>
</tr>
<tr>
<td>element_1_3_1</td>
<td>element_1_3_2</td>
<td>element_1_3_3</td>
</tr>
<tr>
<td>element_1_4_1</td>
<td>element_1_4_2</td>
<td>element_1_4_3</td>
</tr>
</table>
</body>
</html>
document.getElementById is not a function.
Откъде го измисли това: document.getElementById ?
С layer-и не ти ли върши работа? Това работи и под 4.*
<html>
<head>
<style>
#fish {position: relative; visibility: show; z-index:1}
</style>
<script>
function hideElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "none";
}
else {
document.layers["fish"].visibility = "hidden";
}
}
function showElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "block";
}
else {
document.layers["fish"].visibility = "show";
}
}
</script>
</head>
<body>
<form>
<input type="button" onClick="showElement()" value="Show">
<input type="button" onClick="hideElement()" value="Hide">
</form>
<table border=1 id="table_1">
<tr>
<td>element_1_1_1</td>
<td>element_1_1_2</td>
<td>element_1_1_3</td>
</tr>
<tr>
<td>element_1_2_1</td>
<td id="fish">element_1_2_2</td>
<td>element_1_2_3</td>
</tr>
<tr>
<td>element_1_3_1</td>
<td>element_1_3_2</td>
<td>element_1_3_3</td>
</tr>
<tr>
<td>element_1_4_1</td>
<td>element_1_4_2</td>
<td>element_1_4_3</td>
</tr>
</table>
</body>
</html>
"Никоя армия не може да спре идея, чието време е дошло." - Виктор Юго
С layer-и не ти ли върши работа? Това работи и под 4.*
<html>
<head>
<style>
#fish {position: relative; visibility: show; z-index:1}
</style>
<script>
function hideElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "none";
}
else {
document.layers["fish"].visibility = "hidden";
}
}
function showElement() {
if (document.all) {
document.all.table_1.rows[1].cells[1].style.display = "block";
}
else {
document.layers["fish"].visibility = "show";
}
}
</script>
</head>
<body>
<form>
<input type="button" onClick="showElement()" value="Show">
<input type="button" onClick="hideElement()" value="Hide">
</form>
<table border=1 id="table_1">
<tr>
<td>element_1_1_1</td>
<td>element_1_1_2</td>
<td>element_1_1_3</td>
</tr>
<tr>
<td>element_1_2_1</td>
<td id="fish">element_1_2_2</td>
<td>element_1_2_3</td>
</tr>
<tr>
<td>element_1_3_1</td>
<td>element_1_3_2</td>
<td>element_1_3_3</td>
</tr>
<tr>
<td>element_1_4_1</td>
<td>element_1_4_2</td>
<td>element_1_4_3</td>
</tr>
</table>
</body>
</html>
"Никоя армия не може да спре идея, чието време е дошло." - Виктор Юго
Re: document.getElementById is not a function.
Аз бих добавил да използваш <SPAN> за layer (вътре вкарай tableto). NS май неразбира всичко като Object (както прави IE).
Те са вече тук !!! От много отдавна ...
Те са вече тук !!! От много отдавна ...
Редактирано от Borg на
Re: NS6 + style.display
Shto ne go napravish s Dreamviawer ?
MM_showHideLayers si bachka bez problemi pri NS 4.7 , opera i ie-tata vsichkite sled 4
<div id="text">
<p class="field">E-mails: <a href="mailto:office@foo.bar"></a> <a href="mailto:webmaster@foo.bar" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">webmaster</a></p>
</div>
p.p. stila na layera tryabva zaduljitelno da e definiran v head za da go razbira staria netscape
MM_showHideLayers si bachka bez problemi pri NS 4.7 , opera i ie-tata vsichkite sled 4
<div id="text">
<p class="field">E-mails: <a href="mailto:office@foo.bar"></a> <a href="mailto:webmaster@foo.bar" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">webmaster</a></p>
</div>
p.p. stila na layera tryabva zaduljitelno da e definiran v head za da go razbira staria netscape
Re: document.getElementById is not a function.
ssshhhhhhhh aloooooooo
choweka wi gowori za NS6 ... kawi sa tia NS4 izpylnenia deto kazwash? layer? - takowa jiwotno nema za NS4. a pyk document.getElementById() si e tchno metod (function) na obekta document. Towa e za NS6 - ia si prochetete dokumentaciata pyrwo i posle dawaite mneinie.
Aide peace
choweka wi gowori za NS6 ... kawi sa tia NS4 izpylnenia deto kazwash? layer? - takowa jiwotno nema za NS4. a pyk document.getElementById() si e tchno metod (function) na obekta document. Towa e za NS6 - ia si prochetete dokumentaciata pyrwo i posle dawaite mneinie.
Aide peace
ufff, ama ti ne me razbra, obqsnqwam pak ...
pyrwo sorry, che ne se bqh log-nal, ama byrzah wchera i ne bqh na moqta mashina (inache ne obicham da post-wam anonimen)
znachi wyprosa mi beshe za Netscape 6, a ne za NS 4, kakto i za display, a ne za visibility (obqsnqwam - razlikata e, che pri visibility mqstoto se pazi, a elementa go nqma, a pri display, mqstoto se oswobojdawa i to eventualno se zaema ot drug element)
ako se pusne code-a, koito prilojih w pyrwiq post, w Netscape 6 (ili 6.2) ste se widi qsno za kakwo goworq
btw getElementById e funkciq i to dosta wajna ot DOM (Document Object Model), koito uj w bydeshte wsichki browser-i trqbwa da go poddyrjat (a NS6 se wodi che poddyrja DOM2)
ideqta mi e slednata (az sym ia naprawil weche w biblioteka, ama za IE i za DOM browser, deto poddyrja display CSS tag) - da si collapse-wash (scripwash) redowe i koloni(ili chasti ot tqh) w edna tablica, kato se izbqgwat koliziite pri zasichane na dwa hide-nati reda pri show-waneto na ediniq
znachi wyprosa mi beshe za Netscape 6, a ne za NS 4, kakto i za display, a ne za visibility (obqsnqwam - razlikata e, che pri visibility mqstoto se pazi, a elementa go nqma, a pri display, mqstoto se oswobojdawa i to eventualno se zaema ot drug element)
ako se pusne code-a, koito prilojih w pyrwiq post, w Netscape 6 (ili 6.2) ste se widi qsno za kakwo goworq
btw getElementById e funkciq i to dosta wajna ot DOM (Document Object Model), koito uj w bydeshte wsichki browser-i trqbwa da go poddyrjat (a NS6 se wodi che poddyrja DOM2)
ideqta mi e slednata (az sym ia naprawil weche w biblioteka, ama za IE i za DOM browser, deto poddyrja display CSS tag) - da si collapse-wash (scripwash) redowe i koloni(ili chasti ot tqh) w edna tablica, kato se izbqgwat koliziite pri zasichane na dwa hide-nati reda pri show-waneto na ediniq