Azioni BUTTON

**Pescatore550** · 10-07-2013, 17:10

Ciao!! Ho una domanda che coinvolge il comando BUTTON e Javascript, e spero di riuscire a spiegarmi bene.

Allora praticamente io ho un input di tipo text e subito dopo un input di tipo button. E' possibile fare in modo che cliccando sull'input di tipo button quest'ultimo mi prenda la stringa che c'è nell'input text e la usi in un file .js per una modifica?

Faccio l'esempio pratico.

Voglio fare in modo che un rettangolo dentro un canvas cambi colore in base a quello che io scrivo nell'input text, è possibile farlo in qualche modo?

Grazie

**Nobody33** · 13-07-2013, 01:43

codice:

<head>
<style>
#TheForm {
    margin-left: 396px;
}
#submitColor {
    margin-left: 48px;
    margin-top: 5px;
}
#coltext{width:200px;
    height:40px;
    border:1px solid black;
  }
</style>
<script>
function changeBackground() {
    var color = document.getElementById("color").value.trim(),
        rxValidHex = /^#(?:[0-9a-f]{3}){1,2}$/i;
 if (rxValidHex.test(color)) {
     document.getElementById("coltext").style.background = color;
    } else {
        alert("solo colori esadecimali");
    }
}

document.getElementById("submitColor").addEventListener("click", changeBackground, false);
</script>
</head>
<body>
<form id="TheForm">
    <input id="color" type="text" />
    

    <input id="submitColor" value="Submit" type="button" />
</form>
<div id="coltext">ciao ciao test test test test</div>

</body>

ESEMPIO

Puoi usare solo valori esadecimali, ovvero #000 , #fff, #f00 ecc...

**Pescatore550** · 14-07-2013, 18:51

Risolto grazie mille!!

Discussione: Azioni BUTTON

Strumenti discussione

Ricerca discussione

Visualizza

Azioni BUTTON

Permessi di invio