Ciao ragazzi ho un problema.
Il codice di questa pagina è pronto per il Copia->Incolla e per funzionare. Va aggiunto soltanto il file nativo jQuery e poi è pronto per l'uso.
Il problema è questo: come potrete vedere ci sono varie input->text che riportano i relativi valori.
A me interessa l'ultimo input->text (id=risultato) : esso dovrebbe riportare il risultato della moltiplicazione dei valori degli input->text che riportano il numero dei riquadri.
Come faccio però a riportare il valore in quell'input->text ???
codice:<html> <head> <title></title> <style type="text/css"> #box { margin:0px;padding:0px; width: 400px; height: 100px; border-style: solid; border-color: #000000; border-width:1px; } #box_sp { width: 10px; height: 10px; min-width: 10px; max-width: 400px; min-height: 10px; max-height: 100px; background-color: red; } #advice { width: 500px; height: 80px; padding: 3px; color: #FF0000; border: solid #FF0000 2px; position: absolute; top:10px; left:500px; display:none; z-index: 20; } .inp { width:25px; height:25px; background-color: #333333; color: #ffffff; border: 2px #ffffff ridge; border-radius: 10px 10px 10px 10px; font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } </style> <script type="text/javascript" src="METTERE QUI IL FILE JQUERY DI BASE TIPICO"></script> <script type="text/javascript"> var pixw = 400; var pixh = 100; function morewidth () { var dimw = $("#box_sp").width(); // Valore lunghezza del riquadro rosso var boxL = $("#box_lung").val(); $("#box_sp").width(dimw+10); // Aumento della lunghezza riquadro rosso $("#lung").val(dimw+10); // Aumento del valore orizzontale dell'input $("#box_lung").val(new Number(boxL)+1); if ($("#box_sp").width() >= 400) { // Apertura avviso e mantiene il valore in caso di.. $("#lung").val(400) && $("#box_lung").val(40); $("#advice").show("slow"); } } function lesswidth () { var dimw = $("#box_sp").width(); // Valore lunghezza del riquadro rosso var boxL = $("#box_lung").val(); $("#box_sp").width(dimw-10); // Diminuzione della lunghezza riquadro rosso $("#lung").val(dimw-10); // Diminuzione del valore orizzontale nell'input $("#box_lung").val(boxL-1); if ($("#lung").val() <= 10) { // Mantiene il valore a 1 in caso di.. $("#lung").val(10) && $("#box_lung").val(1); } if ($("#box_sp").width() < pixw) { // Chiusura avviso $("#advice").hide("slow"); } } function moreheight () { var dimh = $("#box_sp").height(); // Valore altezza riquadro rosso var boxA = $("#box_alt").val(); $("#box_sp").height(dimh+10); // Aumento altezza riquadro rosso $("#altez").val(dimh+10); // Aumento valore verticale nell'input $("#box_alt").val(new Number(boxA)+1); if ($("#altez").val() >= 100) { // Apertura avviso e mantiene il valore in caso di.. $("#altez").val(100) && $("#box_alt").val(10); $("#advice").show("slow"); } } function lessheight () { var dimh = $("#box_sp").height(); // Valore altezza riquadro rosso var boxA = $("#box_alt").val(); $("#box_sp").height(dimh-10); // Diminuzione dell'altezza riduadro rosso $("#altez").val(dimh-10); // Diminuzione valore verticale dell'input $("#box_alt").val(boxA-1); if ($("#altez").val() <= 10) { // Mantiene il valore a 1 in caso di.. $("#altez").val(10) && $("#box_alt").val(1); } if ($("#box_sp").height() < pixh) { // Chiusura avviso $("#advice").hide("slow"); } } </script> </head> <body> <div id="box"> <div id="box_sp"></div> </div> <div id="advice"> <span style="font-weight:bold;">Avviso</span> <span style="font-size:11px;">Bla bla bla bla bla bla bla bla bla. </span> </div> <button type="button" onclick="morewidth()" class="inp">+</button> <span>Lunghezza</span> <button type="button" onclick="lesswidth()" class="inp">-</button> <button type="button" onclick="moreheight()" class="inp">+</button> <span>Altezza</span> <button type="button" onclick="lessheight()" class="inp">-</button> <span>Grandezza in pixel:</span> <input type="text" id="lung" style="width:30px;" value="10" readonly="readonly" /> <span>x</span> <input type="text" id="altez" style="width:30px;" value="10" readonly="readonly" /> <span>Numero riquadri:</span> <input type="text" id="box_lung" style="width:30px;text-align:right;" value="1" readonly="readonly" /> <span>lung.</span> <input type="text" id="box_alt" style="width:30px;text-align:right;" value="1" readonly="readonly" /> <span>alt.</span> <span>Risultato totale riquadri:</span> <input type="text" id="risultato" style="width:30px;" value="" readonly="readonly" /> </body> </html>
Rispondi quotando