INPUT disattivo/attivo

**colde** · 27-10-2004, 19:42

Ciao a tutti,
mi servirebbe uno script in modo da rendere un campo input normalmente disattivo (senza la possibilità di scriverci) ma che cliccando su un radiobotton mi dia la possibilità di poter inserire il testo, attivandolo. Inoltre avrei bisogno che una volta attivato il campo, il cursore del mouse/tastiera mi vada direttamente nel campo in modo da poterci scrivere e finchè non è stato scritto qualcosa, non si possa cliccare da nessun'altra parte obbligando l'utente all'inserimento del testo.

E' possibile? Immagino di si ma non sono in grado di farlo.

Attendo qualche aiuto.

Grazie

**badaze** · 27-10-2004, 19:53

Per la prima parte....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function pippo() {
 document.getElementById('t1').disabled = ! document.getElementById('t1').disabled; 
 if (! document.getElementById('t1').disabled) {
  document.getElementById('t1').focus()
 } //  if (! document.getElementById('t1').disabled)
} // function pippo()
//-->
</script>

</head>
<body>
<input type="text" id="t1" size="40" disabled="true">

<input type="button" value="Clicca" onclick="pippo()">
</body>
</html>

**colde** · 28-10-2004, 09:58

Grazie, e se ho due radio che uno abilita l'INPUT mentre l'altro lo disabilita? Come devo modificare lo script?

Normalmente l'INPUT dovrà essere disabilitato.

**badaze** · 28-10-2004, 19:51

Puo' essere cosi ....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function pippo() {
 document.getElementById('t1').disabled = ! document.getElementById('t1').disabled; 
 if (! document.getElementById('t1').disabled) {
  document.getElementById('t1').focus()
 } //  if (! document.getElementById('t1').disabled)
} // function pippo()

function pluto(aBool) {
 document.getElementById('b1').disabled=aBool;
 if (!aBool) {
  document.getElementById('t1').disabled = true;
  pippo();
 }
} // 
//-->
</script>

</head>
<body>
<input type="text" id="t1" size="40" disabled="true">

<input type="button" id="b1" value="Clicca" onclick="pippo()" disabled="true">

<input type="radio" name="r1" value="1"                onclick="pluto(false)">Abilita

<input type="radio" name="r1" value="0" checked="true" onclick="pluto(true)" >Disabilita

</body>
</html>

Discussione: INPUT disattivo/attivo

Strumenti discussione

Ricerca discussione

Visualizza

INPUT disattivo/attivo

Permessi di invio