onClick per Checkbox -> alert diversi

**Ispanico82** · 29-09-2005, 13:37

Ciao a tutti,

ho una checkbox che se selezionata tramite onClick mi mostra un alert e mi fa apparire un tab, per far ciò utilizzo un

codice:

onClick="show_hide(this);"

...

style="display: none;"

ora vorrei che quando si deseleziona la checkbox mi mostri un altro alert e non sempre il solito... come posso fare? :master:

**wallrider** · 29-09-2005, 13:49

la funzione "show_hide" farà un controllo e si muoverà di conseguenza, basta che metti gli alert nei 2 rami if e else ...

**Ispanico82** · 29-09-2005, 14:13

Non sono per niente pratico di Javascript

Utilizzo questa funzione "preconfezionata"

codice:

	function show_hide(c) {
 	 alert(c.name);
  	document.getElementById(c.name+"field").style.display = (document.getElementById(c.name+"field").style.display=="none" ? "inline" : "none");
	}

ehm non è che saresti così cortese da mostrarmi dove mettere l'if e l'else per poi poter mettere alert diversi...?

Grazie

**wallrider** · 30-09-2005, 08:32

Lo sarei

codice:

function show_hide(c) {
  var state=document.getElementById(c.name+"field").style.display
  if (state=="none"){
    state="inline"
    alert('Visibile!');
  }else{
    state="none"
    alert('Invisibile!');
  }
}

Guarda un pò se funzia

**Ispanico82** · 30-09-2005, 09:07

Grazie della risp

ho applicato il tuo script ma non va...

mi mostra sempre l'alert 'Visibile!' ed inoltre se si checka e unchecka la casella non mi appare/scompare + il tab

Posto un po'di codice

La tua funzione:

codice:

function show_hide(c) {
  var state=document.getElementById(c.name+"field").style.display
  if (state=="none"){
    state="inline"
    alert('Visibile!');
  }else{
    state="none"
    alert('Invisibile!');
  }
}

Il tab che deve apparire/scomparire:

codice:

<li id="Donazioni esistenti o assentifield" style="display: none;">

e la checkbox:

codice:

<INPUT TYPE=checkbox NAME="Donazioni esistenti o assenti" onClick="show_hide(this);">

**wallrider** · 30-09-2005, 09:36

AHH!! Ma te gli passi il checkbox!Avevo capito male :rollo:
Allora cambia così

codice:

<INPUT TYPE=checkbox NAME="Donazioni esistenti o assenti" onClick="show_hide(this.checked);">

e la funzione

codice:

function show_hide(c) {
  var state=document.getElementById(c.name+"field").style.display
  if (c){
    state="inline"
    alert('Visibile!');
  }else{
    state="none"
    alert('Invisibile!');
  }
}

**Ispanico82** · 30-09-2005, 09:44

Così non va del tutto... non mi mostra + nemmeno l'alert :master:

**wallrider** · 30-09-2005, 09:48

:master: ...

codice:

<INPUT TYPE=checkbox NAME="Donazioni esistenti o assenti" onClick="show_hide(this);">

codice:

function show_hide(c) {
  var state=document.getElementById(c.name+"field").style.display
  if (c.checked){
    state="inline"
    alert('Visibile!');
  }else{
    state="none"
    alert('Invisibile!');
  }
}

?

**Ispanico82** · 30-09-2005, 09:53

Va già meglio grazie

ora in pratica mi mostra l'alert 'Visibile' quando si checka e 'Invisibile' quando si unchecka...

l'unico problema che rimane è che non mi fa + apparire il tab 'Donazioni'

**Andrea1979** · 30-09-2005, 09:57

Togli gli spazi dai nomi... è lo stesso problema di ieri

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function show_hide(c) {
  alert(c.name);
  //document.getElementById(c.name+"field").style.display = (document.getElementById(c.name+"field").style.display=="none" ? "inline" : "none");
  document.getElementById(c.name+"field").style.display = (c.checked ? "inline" : "none");
}
</script>
<title>Form Commenti</title>
</head>

<body>
<form name="form1" method="post" action="submit.php">
  <table width="600">
    <th width="100">Campo</th>
    <th width="200">Valore</th>
    <th>Commenti</th>
	<tr>
	  <td width="100">Cognome:</td>
	  <td width="200"><input name="cognome" type="text">
      <input name="cmmc" type="checkbox" onClick="show_hide(this);"></td>
	  <td><div id="cmmcfield" style="display: none;">Commento Cognome:<input type="text" name="cmmcognome"></div></td>
	</tr>
	<tr>
	  <td width="100">Nome: </td>
	  <td width="200"><input name="nome" type="text">
      <input name="cmmn" type="checkbox" onClick="show_hide(this);"></td>
	  <td><div id="cmmnfield" style="display: none; ">Commento Nome:<input type="text" name="cmmnome"></div></td>
	</tr>
	<tr>
	  <td width="100">Provincia: </td>
	  <td width="200"><select name="provincia">
      <option> </option>
      <option value="AO">AO</option>
      <option value="VE">VE</option>
      <option value="RM">RM</option>
      <option value="NA">NA</option>
      <option value="CT">CT</option>
    </select>
    <input name="cmmp" type="checkbox" onClick="show_hide(this);">
    </td>
	  <td><div id="cmmpfield" style="display: none;">Commento Provincia:<input type="text" name="cmmprovincia"></div></td>
	</tr>
  </table><input type="submit" value="submit">
</form>
</body>
</html>

Saluti.

Discussione: onClick per Checkbox -> alert diversi

Strumenti discussione

Ricerca discussione

Visualizza

onClick per Checkbox -> alert diversi

Permessi di invio