[HTML] abilitare/disablitare <input>

**evilsaint** · 02-10-2007, 17:35

Salve, tramite un button radio è possibile abilitare/disabilitare un <input type="file>?

Vi faccio vedere quello che ho scritto:

codice:

<form id="form"...>
<input type="radio" id="upload" name="upload" value="ftp" checked onClick="document.form.file.disable=false">FTP
<td><input type="radio" id="upload" name="upload" value="web" onClick="document.form.file.disable=true">WEB

<input type="file" id="file" name="file">

Cosa sbaglio?

**Sgro** · 02-10-2007, 17:49

E' tutto sbagliato, tag non chiusi, javascript intrusivo, attributi sbagliati.

Non ho tempo di scriverti il codice corretto, ma posso darti due consigli veloci:

Hai replicato l'attributo id su 2 tag, ed è un errore colossale: l'attributo id è univoco all'interno della pagina.

Per il javascript, devi accedere ai controlli tramite sintassi standard (cioè DOM) in questo modo:

codice:

document.getElementById("upload").[laproprietàchetiinteressa] = "tuovalore";

Chiudi i tag

Quel <td> isolato non significa niente, toglilo

L'attributo checked si scrive così: checked="checked"

Disabilitare un controllo lato client non ti garantisce comunque che l'utente non lo utilizzi; potrebbe riabilitarlo tramite qualche toolbar del browser, quindi ti consiglio comunque di inserire della validazione lato server.

Se ho più tempo più tardi ti posto del codice corretto.

**evilsaint** · 02-10-2007, 18:54

quindi devo fare onclick="Javascript: enable"

poi faccio uno script con una function enable?
Giusto?

**evilsaint** · 02-10-2007, 19:05

codice:

<script type="text/javascript">
	function enable()
	{
		document.getElementById("file").disable = "false";
	}
	function disable()
	{
		document.getElementById("file").disable = "true";
	}
</script>
....
....
<input type="file" id="file" name="file">
<input type="radio" id="upload" name="upload" value="ftp" checked=checked onclick="enabled();">FTP
<input type="radio" id="upload2" name="upload" value="web" onclick="disabled();">WEB

Così ancora non funziona?

**goikiu** · 02-10-2007, 19:06

web ed ftp nell'input non stanno nel value="" ? oO

**evilsaint** · 02-10-2007, 19:12

cioè?

**Sgro** · 03-10-2007, 11:00

Eccoti la pagina completa e funzionante

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
    <script type="text/javascript">
        function enable()
        {
            if (document.getElementById("enable").checked)
            {
                document.getElementById("file").removeAttribute("disabled");
            }
        }
        function disable()
        {
            if (document.getElementById("disable").checked)
            {
                document.getElementById("file").disabled = "disabled";
            }
        }
    </script>
</head>
<body>
    <div>
        <label for="upload1">Enable</label>
        <input type="radio" name="upload" id="enable" onclick="enable()" onkeypress="enable()" />
        <label for="upload2">Disable</label>
        <input type="radio" name="upload" id="disable" onclick="disable()" onkeypress="disable()" />
        <input type="file" id="file" />
    </div>
</body>
</html>

**evilsaint** · 03-10-2007, 12:37

ok, funziona, gentilissimo!!!

**evilsaint** · 06-10-2007, 10:41

se eseguo la pagina solo con quel codice, funziona.
Se l'inserisco nella mia pagina non funziona.

codice:

<table>
<form ....>
<tr>
  <td>Caricamento file</td>
  <td><input type="radio" name="upload" id="enable" onclick="enable()"   onkeypress="enable()">FTP</input>
  <input type="radio" name="upload" id="disable" onclick="disable()" onkeypress="disable()">WEB</input></td>
</tr>
<tr>
  <td colspan="2"><input type="file" id="file" name="file"></input></td>
</tr>
</form>
</table>

Non capisco cos'è che gli può dare fastidio

**evilsaint** · 07-10-2007, 12:41

up

Discussione: [HTML] abilitare/disablitare <input>

Strumenti discussione

Ricerca discussione

Visualizza

[HTML] abilitare/disablitare <input>

Permessi di invio