Forum PHP.pl > wykrycie wysokości div'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

MitS

7.03.2007, 17:34:53

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

?

Pozdrawiam

mike

7.03.2007, 17:57:59

Znajdujesz obiekt dzięki getElementById() (bądź inaczej) i dostajesz obiekt typu DOM:element.
Potem w dokumentacji sprawdzasz jego własności i Voila!

MitS

7.03.2007, 19:54:53

ok dzieki to działa

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 ?

ferr

7.03.2007, 20:30:57

[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

7.03.2007, 20:46:03

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

Czemu ludzie nie sprawdzają błędów w konsoli JS?

MitS

7.03.2007, 21:00:37

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

skowron-line

7.03.2007, 21:09:51

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)

MitS

7.03.2007, 21:15:06

oooo super tera działa

dzieki

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.