modifica script controllo form

**bode** · 25-12-2007, 19:25

Ho preso questo script dal vostro sito e mi piacerebbe modificarlo in modo che se seleziono il secondo radio mi comparisse un altro form, cioè con si invio i dati ad una pagina e con no invio altri dati (quindi magari piu input) ad un altra pagina, come si potrebbe modificare il codice?
Tanti auguri a tutti!!!

codice:

<script type="text/javascript">
	/* This script and many more are available free online at
	The JavaScript Source!! http://javascript.internet.com
	Created by: Anonymous | http://javascript.internet.com/ */
function toggleMe(obj, a){
  var e=document.getElementById(a);
  if(!e)return true;
    e.style.display="block"
  return true;
}

function toggleMe2(obj, a){
  var e=document.getElementById(a);
  if(!e)return true;
    e.style.display="none"
  return true;
}

	</script>
	</head>
<body>
<h1>Aggiungi campo</h1>
<form name="theForm">
  Sei sposato?

  <input type="radio" name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')"> Sì
  <input type="radio" name="married" value="no" onclick="return toggleMe2(this, 'marriedInfo')"> No


  <div id="marriedInfo" style="display: none; margin-left: 20px;">
    <table>
      <tr>
        <td>Nome di tua moglie:</td>
        <td style="text-align: right;"><input name="name" type="text"></td>
      </tr><tr>
        <td>Data di nascita di tua moglie:</td>
        <td style="text-align: right;"><input name="bday" type="text"></td>

      </tr><tr>
        <td>Luogo di nascita di tua moglie:</td>
        <td style="text-align: right;"><input name="bplace" type="text"></td>
      </tr>
    </table>
  </div>
</form>
</body>

**bode** · 25-12-2007, 20:32

Vi prego, lo so che deve essere molto semplice ma di javascript non capisco molto!!E' Natale su!!!

**bode** · 26-12-2007, 16:51

Nessuno riesce ad aiutarmi?P :master:

**cavicchiandrea** · 26-12-2007, 17:31

Credo che nessuno ti aiuti perché non è ben chiaro cosa vuoi che facciano i radio, il dubbio maggiore è qui seleziono il secondo radio mi comparisse un altro form, cioè con si invio i dati ad una pagina e con no invio altri dati (quindi magari piu input)
spiega dettagliatamente cosa ti serve

**bode** · 26-12-2007, 19:25

Allora, molto semplicemente ho 2 radio se scelgo la prima opzione sotto mi uscira un form con ad esempio 3 campi,mentre se scelgo l'altra opzione sotto mi uscirà un' altro form con ad esempio 5 campi.

**cavicchiandrea** · 26-12-2007, 22:02

cosi:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<script language="javascript" type="text/javascript">
<!--
function Attiva(opzione){
if(opzione.value == "Si"){
        document.getElementById('FormSi').style.display = "inline";
        document.getElementById('Invia').disabled = false;
		document.getElementById('FormNo').style.display = "none";
        }else
if(opzione.value == "No"){
        document.getElementById('FormNo').style.display = "inline";
        document.getElementById('Invia').disabled = false;
		document.getElementById('FormSi').style.display = "none";
       }
   }
// -->
</script>
</head>
<body>
<form name="myform" method="post" action="tua_pagina.php">
<div id="opzioni"><input name="opzione" type="radio" onclick="Attiva(this)" value="Si" />Si<input name="opzione" type="radio" onclick="Attiva(this)" value="No" />No</div>
<div id="FormSi" style="display:none">
<table width="200" cellspacing="1" cellpadding="1">
  <tr>
    <td>Campo 1</td>
    <td><input type="text" id="campo1" name="campo1" /></td>
  </tr>
  <tr>
    <td>Campo 2</td>
    <td><input type="text" id="campo1" name="campo1" /></td>
  </tr>
  <tr>
  <tr>
    <td>Campo 3</td>
    <td><input type="text" id="campo3" name="campo3" /></td>
  </tr>
  <tr>
    <td>Campo 4</td>
    <td><input type="text" id="campo4" name="campo4" /></td>
  </tr>
</table>
</div>
<div id="FormNo" style="display:none">
<table width="200" cellspacing="1" cellpadding="1">
  <tr>
    <td>Campo 5</td>
    <td><input type="text" id="campo5" name="campo5" /></td>
  </tr>
  <tr>
    <td>Campo 6</td>
    <td><input type="text" id="campo6" name="campo6" /></td>
  </tr>
  <tr>
  <tr>
    <td>Campo 7</td>
    <td><input type="text" id="campo7" name="campo7" /></td>
  </tr>
  <tr>
    <td>Campo 8</td>
    <td><input type="text" id="campo8" name="campo8" /></td>
  </tr>
  <tr>
    <td>Campo 9</td>
    <td><input type="text" id="campo9" name="campo9" /></td>
  </tr>
</table>
</div>
<div id="pulsante"><input name="Invia" id="Invia" type="submit" disabled value="Invia" /></div>
</form>
</body>
</html>

da pesonalizzare a piacere.

**bode** · 27-12-2007, 18:36

Tante grazie!!!!

EDIT:Mi sono accorto ora che c'è un problemino,nel senso che se io scelgo SI devo poter inviare i dati ad una pagina (es: data_insert) che me li inserirà in una tabella del database chiamata SI mentre se scelgo NO devo poter inviare i dati alla stessa pagina (data_insert) ma dovrò inserirli in un'altra tabella chiamata No.Come posso modificare il tuo listato?

**bode** · 27-12-2007, 19:14

Risolto, grazie ancora!!

Discussione: modifica script controllo form

Strumenti discussione

Ricerca discussione

Visualizza

modifica script controllo form

Permessi di invio