witam. mam na stronie diva edycja ktorego chcialbym ukryc i wywolac go kliknieciem na przycisk edycja a zamknac poprzez krzyzyk. z js jestem narazie cienki. troche kombinowalem i udalo mnie sie jak narazie w 50 % bo div co prawda pojawia sie i znika, ale funkca obslugiwana jest zaledwie przez IE a inne przegladarki go olewaja...

oto skrypt:

wazne jest tez to ze w css ustawilem height: 0 jako standart dla tego elementu

[HTML] pobierz, plaintext 
<script type="text/javascript">
			function openEdit()
			{
				var pole = document.getElementById("edit");
				pole.style.height = "120";	
			}
			function closeEdit()
			{
				var pole = document.getElementById("edit");	
				pole.style.height = "0";
			}
			</script>
 
<div id="edit">EDYCJA .....</div>
 
[HTML] pobierz, plaintext 

wiec moje pytanie brzmi: jak najlepiej cos takiego rozwiazac aby skrypt byl obslugiwany przez wszystkie przegladarki?

Może zamiast:
pole.style.height = "120px";
użyj:
pole.style.display = "block";,
a zamiast:
pole.style.height = "0";
użyj
pole.style.display = "none";.

Natomiast wysokość diva ustaw na sztywno w stylu CSS na 120px.

A jak i kiedy podpinasz zdarzenie do tego div'a?

jQuery , write less do more . czyli obydwie twoje funckje w jQuery masz tak :

[JAVASCRIPT] pobierz, plaintext 
$('#edit').toggle();
[JAVASCRIPT] pobierz, plaintext 

tylko triggera do tego załączyć i done.

skorzystalem z propozycji mortusa i dzialczy. ustawilem jeszcze na sztywno w divie style="display:none" aby sie nie wyswietlalo i wywoluje jednym inputem a zamykam drugim.

dzieki. closed