Ridimensionare div con jquery

[fermat]

sto cercando di ridimensionare i div con jquery ottenendo i valori tramite input text:

//nell'head della pagina
        <script type="text/javascript">
            $(document).ready(function(){
                $(".resize").click(function(){
                    $("div").css('width',document.size.width.value + 'px');
                    $("div").css('height',document.size.height.value + 'px');
                });
        </script>
.....
//nel body
        <form action="" name="size">
            Width:<input type="text" name="width"/>

            Heigth:<input type="text" name="height"/>

            <input class="resize" type="button" name="resize" value="Choose size" />
        </form>

il problema penso sia nel passaggio dei valori dal form al js.
come glieli passo??

[m4rko80]

Ciao, intanto hai controllato se entri nella funzione al click?


$(".resize").click(function(){
alert('aaa')
....

poi per coerenza con jquery potresti usare


var width = $("input[name='width']").val();
var height = $("input[name='height']").val();

$("div").css('width',width);....

[fermat]

modificato così:

        <script type="text/javascript">
            $(document).ready(function(){
                $(".resize").click(function(){
                    alert('aaa');
                    var lar = $("input[name='width']").val();
                    var alt = $("input[name='height']").val;
                    $("div").css('width',lar);
                    $("div").css('height',alt);
                });
        </script>

quando clicco sul bottone l'alert nn compare.
forse ha qualche problema il riconoscimento del tasto?
io per ora gli ho assegnato una classe, ma ho provato anche con un id o con button direttamente.

[m4rko80]

prova con:


$(".resize").bind('click', function(){

//codice...
});

[fermat]

ok sembra funzionare!!
grazie!!

[fermat]

ho caricato tutto su un'altra pagina e nn rifunziona

        <script type="text/javascript">
            $(document).ready(function(){
                $(".choose-size").bind('click',function(){
                    alert('aaa');
                    var lar = $("input[name='choose-width']").val;
                    var alt = $("input[name='choose-height']").val;
                    $("div").css('width',lar);
                    $("div").css('height',alt);
                });
        </script>
.......
        <form action="#" method="post">
            <input type="text" name="choose-width" value="720"/>
            <input type="text" name="choose-height" value="60"/>
            <input class="choose-size" type="button" name="resize" value="Choose size" />

</form>

il problema è che nn entra proprio nella funzione in quanto quando clicco sul bottone nn appare l'alert.

edit: era sbagliata la sintassi, la funzione nn era chiusa!