how to resize div tag elements?

[vijayram]

Hi everybody,

I have a container (DIV) which would be resized using the correct aspect ratio.
favorite
Now I would like to dynamically resize all the elements inside that container using jQuery,

anybody plz help me.

$('.movable')
        .draggable()
        .resizable();

        $('.moveable')
    .resizable({
         start: function(e, ui) {
          alert('resizing start')  

        },
        resize: function(e, ui) {

        },
        stop: function(e, ui) {
            //alert('resizing stopped');
        }
    });

    this is my viewpage


    <div id="plantitle" class="movable"  >           
         <?php echo $form['plantitle']->renderLabel().":"; ?>
        <?php echo $form['plantitle']->render() ;?></div>
        </div>
        <div id="plantype" class="movable">
        <span class="moveable">Plan Type: </span><br>
        <?php echo $form['plantype']->render(array('selected' => $planCopy['plantype'])) ?><br>
            </div>

@vijayram

Now I would like to dynamically resize all the elements inside that container using jQuery,

I don't think this is related to PHP? It's more toward javascript! Even though you have php code in your code but it has nothing to do with the issue you are having.

Have you read this before:

http://docs.jquery.com/UI/Resizables

or try these examples:

http://batiste.dosimple.ch/blog/posts/2008-05-18-1/jquery-drag-and-drop-and-resize-event-delegation.html

[vijayram]

Hi,Thanks,
the above example resize only div tag.i need resize inside the values also.

plz help me.

You can't resized the content inside the <div> tags using JQuery. You have to used CSS to do that!