Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]ukryj diva, skrypt obslugiwany tylko przez IE :/
masterbx2
post
Post #1





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 1.04.2011

Ostrzeżenie: (0%)
-----


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

  1. <script type="text/javascript">
  2. function openEdit()
  3. {
  4. var pole = document.getElementById("edit");
  5. pole.style.height = "120";
  6. }
  7. function closeEdit()
  8. {
  9. var pole = document.getElementById("edit");
  10. pole.style.height = "0";
  11. }
  12. </script>
  13.  
  14. <div id="edit">EDYCJA .....</div>
  15.  


wiec moje pytanie brzmi: jak najlepiej cos takiego rozwiazac aby skrypt byl obslugiwany przez wszystkie przegladarki?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Fifi209
post
Post #3





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


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


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
nekomata
post
Post #4





Grupa: Zarejestrowani
Postów: 314
Pomógł: 44
Dołączył: 12.11.2010
Skąd: UK

Ostrzeżenie: (0%)
-----


jQuery , write less do more . czyli obydwie twoje funckje w jQuery masz tak :
[JAVASCRIPT] pobierz, plaintext
  1. $('#edit').toggle();
[JAVASCRIPT] pobierz, plaintext
tylko triggera do tego załączyć i done.
Go to the top of the page
+Quote Post
masterbx2
post
Post #5





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 1.04.2011

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 08:16