Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> wykrycie wysokości div'a
MitS
post 7.03.2007, 17:34:53
Post #1





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

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


witam!

Chciałem się zapytać jak mozna wykryc wysokosc diva który w stylach ma height:auto; ?
czyli np.

<div id="d1" style="height:auto;">
fdgdgzf
<br />
<br />
fchgbdcfgb
</div>

i jak za pomocą js wykryć jego wysokośc questionmark.gif?

Pozdrawiam
Go to the top of the page
+Quote Post
mike
post 7.03.2007, 17:57:59
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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


Znajdujesz obiekt dzięki getElementById() (bądź inaczej) i dostajesz obiekt typu DOM:element.
Potem w dokumentacji sprawdzasz jego własności i Voila! smile.gif
Go to the top of the page
+Quote Post
MitS
post 7.03.2007, 19:54:53
Post #3





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

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


ok dzieki to działa smile.gif

tylko w użytkowaniu tych wlasnosci napotkalem problem... otoz mam taki kod:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <meta http-equiv="Content-type" content="text/xhtml; charset=ISO-8859-2" />
  4. <title>js</title>
  5. function m(){
  6. mdiv = document.getElementById('d1');
  7. ndiv = document.getElementById('d2')'
  8. var h = mdiv.clientHeight;
  9.  
  10. ndiv.style.height = h;
  11. }
  12. </head>
  13. <body id="main" onload="m()">
  14. <div id="d1" style="height:auto; background:#ffcc00;">
  15. <br />
  16. <br />
  17. <br />
  18. <br />
  19. </div>
  20. <div id="d2" style="height:20px; background:#8f0000; margin:30px 0 0 0"></div>
  21. </body>
  22. </html>


i tu mam dwa divy d1 i d2
i chcem w js zrobic tak ze funkcja m() pobiera wartosc diva o id="d1" i ustawiał wartosc (w tym przypadku naszą wysokość) w divie o id="d2"

zrobiłem tak jak powyzej i cos nie dziala :/
Pomozecie ?

Ten post edytował MitS 7.03.2007, 19:55:43
Go to the top of the page
+Quote Post
ferr
post 7.03.2007, 20:30:57
Post #4





Grupa: Zarejestrowani
Postów: 122
Pomógł: 3
Dołączył: 18.12.2004

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


  1. <?php
  2. function m(){
  3. var mdiv = document.getElementById('d1');
  4. var ndiv = document.getElementById('d2');
  5. var h = mdiv.clientHeight;
  6.  
  7. ndiv.style.height = h;
  8. }
  9. ?>


--------------------
Go to the top of the page
+Quote Post
Zajec
post 7.03.2007, 20:46:03
Post #5





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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


Linijka pobierająca div d2 powinna kończyć się średnikiem...

Czemu ludzie nie sprawdzają błędów w konsoli JS?
Go to the top of the page
+Quote Post
MitS
post 7.03.2007, 21:00:37
Post #6





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

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


tak to moj blad w pisowni bo faktycznie w pliku mam średnik zamiast apostrofa ...
A co do var to dodalem i niestety to nie dziala jak nalezy ...

czemu questionmark.gif?
Go to the top of the page
+Quote Post
skowron-line
post 7.03.2007, 21:09:51
Post #7





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


patrz ty masz tak
  1. ndiv.style.height = h;

a ja robie tak i dziala
  1. ndiv.style.height = h+"px";



p.s
Kod
Czemu ludzie nie sprawdzają błędów w konsoli JS?


konsola nie wypowiedziala sie w tej kwesti(nic nie pokazala)

Ten post edytował skowron-line 7.03.2007, 21:11:00


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
MitS
post 7.03.2007, 21:15:06
Post #8





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

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


oooo super tera działa smile.gif
dzieki smile.gif
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 Wersja Lo-Fi Aktualny czas: 28.07.2025 - 16:27