ciclare elementi di un fieldset

**mpala** · 13-01-2013, 18:32

Ciao a tutti,
ho un fieldset con id 'set_testate' che contiene 2 div (rispettivamente con id 'div_a' e 'div_b' che a loro volta contengono elementi text e label. Vorrei ciclare il fieldset con js e, in base al nome del div passato dalla funzione, abilitare uno dei due div e disabilitare l'altro. Ho comunque la necessità di vedere il contenuto del div disabilitato. Secondo voi è fattibile?
Grazie in anticipo.

**cavicchiandrea** · 14-01-2013, 12:02

Si e se conosci jquery è relativamente difficile, comunque posta il codice html e come pensi di passare il nome e l'evento che vorresti usare.

**carlomarx** · 14-01-2013, 12:47

Non sono sicuro di aver capito bene... in ogni caso...

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function switchDiv (bEnable_div_b) {
	var nItem = 0, aFields;

	for (
		aFields = document.querySelectorAll("#div_a input[type=\"text\"]");
		nItem < aFields.length;
		aFields[nItem++].disabled = bEnable_div_b
	);
	
	for (
		nItem = 0, aFields = document.querySelectorAll("#div_b input[type=\"text\"]");
		nItem < aFields.length; aFields[nItem++].disabled = !bEnable_div_b
	);

}
</script>
</head>

<body>



[ <span style="cursor:pointer;color:#ff0000;text-decoration:underline" onclick="switchDiv(false);">Abilita div_a</span> | <span style="cursor:pointer;color:#ff0000;text-decoration:underline" onclick="switchDiv(true)">Abilita div_b</span> ] </p>

<form name="tuoForm" action="test.php" action="post">
<fieldset id="set_testate">
	<legend>Compila questo form</legend>
	<div id="div_a">
	<label for="elemento_form1">Campo appartenente a div_a:</label> <input type="text" name="campo1" id="elemento_form1" />

	<label for="elemento_form2">Campo appartenente a div_a:</label> <input type="text" name="campo2" id="elemento_form2" />

	<label for="elemento_form3">Campo appartenente a div_a:</label> <input type="text" name="campo3" id="elemento_form3" />

	<label for="elemento_form4">Campo appartenente a div_a:</label> <input type="text" name="campo4" id="elemento_form4" />

	<label for="elemento_form5">Campo appartenente a div_a:</label> <input type="text" name="campo5" id="elemento_form5" />
	</div>
	<div id="div_b">
	<label for="elemento_form6">Campo appartenente a div_b:</label> <input type="text" name="campo6" id="elemento_form6" disabled />

	<label for="elemento_form7">Campo appartenente a div_b:</label> <input type="text" name="campo7" id="elemento_form7" disabled />

	<label for="elemento_form8">Campo appartenente a div_b:</label> <input type="text" name="campo8" id="elemento_form8" disabled />

	<label for="elemento_form9">Campo appartenente a div_b:</label> <input type="text" name="campo9" id="elemento_form9" disabled />

	<label for="elemento_form10">Campo appartenente a div_b:</label> <input type="text" name="campo10" id="elemento_form10" disabled />
	</div>
	<input type="submit" value="Invia!!!" />	
</fieldset>
</form>

</body>
</html>

Discussione: ciclare elementi di un fieldset

Strumenti discussione

Ricerca discussione

Visualizza

ciclare elementi di un fieldset

Permessi di invio