PHP Forum

**Physicsguy** · 07-15-2009, 11:41 PM

Hello.

I am trying to make a text box with the name as '$value'. I am trying to make a div change to whatever size you specify on the page with PHP. Here is my code:

Code:

<?php echo "<input name='$value' type='text' />

<div id='samplediv'>HELLO!</div>

<script type='text/javascript'>
document.getElementById('samplediv').style.width = '$value';
</script>

"; ?>

I know I'm doing a stupid mistake, I just do'nt know what. I'm a total PHP n00b, so please go easy on me

**JeremyMiller** · 07-16-2009, 12:19 AM

Try something like this:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <script type="text/javascript">
  var allowed_sizing = [100,1024]; //Min to max width
  function resizeDiv() {
    //Grab value from field and convert to INT
    var desired_size = parseInt(document.getElementById("div_size").value);
    
    //If the value does not come out as a numerical result, convert to smallest allowed sizing
    if (isNaN(desired_size)) {
      desired_size = allowed_sizing[0];
    }
    
    //Constrain values to between the min and max allowed.
    desired_size = Math.max(Math.min(desired_size, allowed_sizing[1]),allowed_sizing[0]);
    
    //Update stylesheet value
    document.getElementById("samplediv").style.width = desired_size + "px";
    
    //Now, in case we changed the user's value, let's update the input box.
    document.getElementById("div_size").value = desired_size;
  }
  </script>
  <style type="text/css">
  #samplediv {
    border:1px #000 solid;
  }
  </style>
</head>
<body>
<input name="div_size" id="div_size" type="text" />
<input type="button" value="Size My Div" onClick="resizeDiv();"/>
<!--
Note that this div, as a block element, will initially go across the entire page.
-->
<div id="samplediv">HELLO!</div>
</body>
</html>

No PHP is needed.

**Physicsguy** · 07-16-2009, 10:12 AM

Wow, that works like a dream! I'll list you in the Developer Credits!

Thanks!!