PDA

View Full Version : writting CSS

angiras
02-16-2003, 05:35 PM
how can you wite the height of a class dynamicly ?

<head>
<script type="text/javascript" language="javascript">
function screenHeight(){document.write(screen.height)}
</script>
<style type="text/css">
#content
{
height:<script type="text/javascript" language="javascript">screenHeight()</script>px;
}
</style>
</head>
Graeme Hackston
02-16-2003, 07:30 PM
What are you trying to do?

<html>
<head>
<title></title>
<style type="text/css">
#content
{
height:100px;
}
</style>
</head>
<body>
<div id="content">
</div>
<script type="text/javascript" language="javascript">
document.write(document.getElementById('content').offsetHeight)
</script>
</body>
</html>
angiras
02-16-2003, 07:54 PM
I just want to give dynamicly a height to a div
Graeme Hackston
02-16-2003, 08:07 PM
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
myvar = 200
function Change_Height() {
document.getElementById('content').style.height = myvar
}

</script>
<style type="text/css">
#content {
height:100px;
border:1px solid;
}
</style>
</head>
<body>
<input type="button" value="test" onclick="Change_Height()">
<div id="content">
</div>

</body>
</html>
Graeme Hackston
02-16-2003, 08:23 PM
Or do you want something like this?

<html>
<head>
<title></title>
<style type="text/css">
#content {
height:100px;
border:1px solid;
}
</style>
</head>
<body>
<div id="content">
</div>
<script type="text/javascript" language="javascript">
myvar = 200
document.getElementById('content').style.height = myvar
</script>
</body>
</html>
angiras
02-17-2003, 05:32 AM
I am trying

<style>
#content {
height: ' + varHeight + 'px; '
border:1px solid;
}
</style>
</head>

I only need the height of the div into the style


thank you
Graeme Hackston
02-17-2003, 05:41 AM
Sorry I still don't understand. What does the last example I posted not do that you need it to do?