Forum PHP.pl > [JavaScript] Pokazywanie/ukrywanie elementu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Pokazywanie/ukrywanie elementu

!*!

24.11.2010, 13:08:12

Może mi ktoś wyjaśnić dlaczego ten motyw nie działa:

[HTML] pobierz, plaintext 
<div id="bodydiv">
 <aside>aside</aside>
 <nav>nav</nav>
</div>
<div id="info">info</div>
[HTML] pobierz, plaintext

[JAVASCRIPT] pobierz, plaintext 
function showHide(){
if(document.getElementById("bodydiv").getElementsByTagName("nav")[0].style.display == 'block'){
document.getElementById("info").innerHTML = 'tak';
}else{
document.getElementById("info").innerHTML = 'nie';
}
}
[JAVASCRIPT] pobierz, plaintext

Za każdym razem pokazuje się "nie", dlaczego? W css mam nadany atrybut "display:block" dla tych elementów.

flashdev

24.11.2010, 13:11:08

Kod

Zgaduję, że brakuje tych dwóch linijek.

!*!

24.11.2010, 13:20:11

Nie zgadłeś. Nadal wyświetla się "nie". Chce po prostu sprawdzić jaką nav ma wartość.

flashdev

24.11.2010, 13:43:32

Skrypt działa jak należy. Wyświetla się 'nie', ponieważ <nav> ma stale ustwiony widok 'block'.

Echonik

24.11.2010, 15:15:57

Z ciekawości sprawdziłem ten problem i...

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
	aside {display: block;}
</style>
 
<script language="javascript">
	function show(tagName)
	{	
		alert(tagName + ".style.display=" +document.getElementsByTagName(tagName)[0].style.display);		
	}
</script>
</head>
 
<body>
	<div>
		<aside>tekst aside</aside>
		<button onclick="show('aside')">Get property aside</button>
	</div>
 
	<div>
		<nav style="display: block;"> tekst nav</nav>
		<button onclick="show('nav')">Get property nav</button>
	</div>	  
</body>
</html>
[HTML] pobierz, plaintext

.. u mnie jest tak, że po kliknięciu na:
- "Get property aside" jest pusta wartość,
- "Get property nav" wartość jako block

!*!

24.11.2010, 15:35:45

flashdev - To w tym Twoim przykładzie powinien się schować, i wyświetlić "nie", jak kliknę raz jeszcze, to powinien się wyświetlić i pokazać "tak", a tak nie jest.

Edycja:
Ok, już wiem gdzie był błąd.

[JAVASCRIPT] pobierz, plaintext 
function showHide(){
if(document.getElementById("bodydiv").getElementsByTagName("aside")[0].style.display == 'block'){
document.getElementById("con").innerHTML = 'tak';
document.getElementById("bodydiv").getElementsByTagName("aside")[0].style.display = 'none';
}else{
document.getElementById("con").innerHTML = 'nie';
document.getElementById("bodydiv").getElementsByTagName("aside")[0].style.display = 'block'
}
}
[JAVASCRIPT] pobierz, plaintext

Chodziło o znak porównania "==" i określenia wartoś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.