Assegnare variabili da form a rettangolo

**biner** · 09-12-2013, 14:54

Buongiorno a tutti,
sono nuovo del forum e assolutamente inesperto di programmazione java (mai tentata prima!).
Ho provato a cercare ovunque senza riuscire a capire dove sia il problema nel mio codice.
Mi rivolgo quindi a voi nella speranza di ricevere un aiuto.

Vorrei riuscire a visualizzare un rettangolo centrato con dimensioni date da input utente tramite form.
Questo è il codice che sto provando a utilizzare ma…..nessun risultato

Ditemi cosa sbaglio e perche per favore, ci sto impazzendo sopra.

Grazie e a preeeesto!

<!DOCTYPE HTML>

<html>
<head>
<title> Rettangolo </title>

<script type="text/javascript">

function disegnaRettangolo()
{
document.getElementById('base').value = document.getElementById('campoBase').value;
document.getElementById('altezza').value = document.getElementById('campoAltezza').value;
}

</script>

</head>
<body>

<h2 align="center">Componi il tuo rettangolo</h2>

<form name="Dati_rettangolo">
Inserisci la larghezza: <input type="text" id="campoBase" name="Base" size="2" maxlength="3" value="" style="border:1px solid #000000; height:16px; width:200px" /><br/><br/>
Inserisci l'altezza: <input type="text" id="campoAltezza" name="Altezza" size="2" maxlength="3" value="" style="border:1px solid #000000; height:16px; width:200px" /><br/><br/>
<input type="button" value="Crea rettangolo" onClick="disegnaRettangolo()" name="btnScelta" style="border:1px solid #000000; width:75px; background-color:#FF9933; height:22px;">
</form>

<div style=
" width: "base";
height: "altezza";
background: #25FF00;
border:1px
solid #000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
">

</div>

</body>
</html>

**br1** · 09-12-2013, 15:40

Stai dando valori strani a proprieta' css e fai riferimento ad ID che non esistono nella pagina. Non devi inventare un nuovo linguaggio e nuove sintassi, devi attenerti a quelle esistenti se vuoi risultati.
Inoltre non vedo tentativi di centrare il rettangolo...

Comincia da questo:

codice:

<!DOCTYPE HTML>
<html>
<head>
<title> Rettangolo </title>
<script type="text/javascript">
function disegnaRettangolo()
{
document.getElementById('rettangolo').style.width = document.getElementById('campoBase').value+'px';
document.getElementById('rettangolo').style.height = document.getElementById('campoAltezza').value+'px';
}
</script>
</head>
<body>
<h2 align="center">Componi il tuo rettangolo</h2>
<form name="Dati_rettangolo">
Inserisci la larghezza: <input type="text" id="campoBase" name="Base" size="2" maxlength="3" value="" style="border:1px solid #000000; height:16px; width:200px" /><br/><br/>
Inserisci l'altezza: <input type="text" id="campoAltezza" name="Altezza" size="2" maxlength="3" value="" style="border:1px solid #000000; height:16px; width:200px" /><br/><br/>
<input type="button" value="Crea rettangolo" onClick="disegnaRettangolo()" name="btnScelta" style="border:1px solid #000000; width:75px; background-color:#FF9933; height:22px;">
</form>
<div id="rettangolo" style="
width: 0;
height: 0;
background: #25FF00;
border: 1px solid #000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
">
&nbsp;
</div>
</body>
</html>

Discussione: Assegnare variabili da form a rettangolo

Strumenti discussione

Ricerca discussione

Visualizza

Assegnare variabili da form a rettangolo

Permessi di invio