read dimensions div

digitalecartoon

I want to read the dimensions of a div. Placing its height and width in two variables. Further down the html code I want to use those variables to e.g. place them into style tags with an echo command like:

Javascript is the only way to read the dimensions of a div? Or can it also be done with php so I could use echo commands to insert the variables into the html style tag?

If it can only be done through javascript, I can't use it cause I can't put a script tag inside the style tag to e.g. use a document.write command. Then I would somehow pass the width variable to php.

How else could I do this?

NogDog

It would almost certainly have to be a JavaScript solution, as dynamic dimensions will not be known until the page rendering engine at the browser actually generates the display. You might then be able to use additional JS functions to address the style attributes of the elements of interest.

digitalecartoon

So to give an example (I know this code doesn't work, but it's just to let you see what I am looking after), this code would be possible with php somehow?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>

<style type="text/css">
<!--
#mydiv {
	height: 400px;
	width: 800px;
	background-color: #00FF66;
}
-->
</style>
</head>

<body>
<div id="mydiv">The width of this div is:
<?php
echo (mydiv.width);
?>
</div>
</body>
</html>

bradgrafelman

No, it wouldn't be possible; PHP doesn't know what a "div" is, let alone how to figure out the width of one. PHP doesn't render anything server-side (which is where it is run) - that's the browser's job. That's why a client-side language such as Javascript was recommended.