wykrycie wysokości div'a

wykrycie wysokości div'a

MitS Zobacz profil	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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ? Pozdrawiam

mike Zobacz profil	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! (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

MitS Zobacz profil	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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) tylko w użytkowaniu tych wlasnosci napotkalem problem... otoz mam taki kod: [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-type" content="text/xhtml; charset=ISO-8859-2" /> <title>js</title> <script> function m(){ mdiv = document.getElementById('d1'); ndiv = document.getElementById('d2')' var h = mdiv.clientHeight; ndiv.style.height = h; } </script> </head> <body id="main" onload="m()"> <div id="d1" style="height:auto; background:#ffcc00;"> <br /> <br /> <br /> <br /> </div> <div id="d2" style="height:20px; background:#8f0000; margin:30px 0 0 0"></div> </body> </html> [HTML] pobierz, plaintext 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

ferr Zobacz profil	7.03.2007, 20:30:57 Post #4
Grupa: Zarejestrowani Postów: 122 Pomógł: 3 Dołączył: 18.12.2004 Ostrzeżenie: (0%)	[PHP] pobierz, plaintext <?php function m(){ var mdiv = document.getElementById('d1'); var ndiv = document.getElementById('d2'); var h = mdiv.clientHeight; ndiv.style.height = h; } ?> [PHP] pobierz, plaintext

Zajec Zobacz profil	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?

MitS Zobacz profil	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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?

skowron-line Zobacz profil	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 [HTML] pobierz, plaintext ndiv.style.height = h; [HTML] pobierz, plaintext a ja robie tak i dziala [HTML] pobierz, plaintext ndiv.style.height = h+"px"; [HTML] pobierz, plaintext 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

MitS Zobacz profil	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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) dzieki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 18.09.2025 - 23:07

Hosting zapewnia