PDA

View Full Version : [Javascript] Inserire checkbox per informativa su privacy

muppa
29-10-2010, 09:52
ciao a tutti volevo usare uno script in java per fare una checkbox per l'informativa sulla privacy (se accetti continui se non accetti non continui ed esce il messaggio di errore) da inserire in un modulo per i dati fatto in php.
Lo script che vorrei usare è questo (poi se qualcuno ha un altra soluzione ben venga):
function checkForm() {

form=document.nome_del_form //ci metti il nome del tuo form

if (!(form.trattamento_dati.checked)) {

alert("Devi accettare il trattamento dei dati");
return;
}
else {

form.target = "_parent";
form.action = "file.php"; //il file che esegue lo script associato alla form
form.method = "POST"; //o GET
form.submit();
}

}

Dove il file dove c'è il codice php è prova.php ed il nome del modulo (ma non ne sono sicuro) è modulo.

il pulsante submit l'ho sostituito con questo codice:
<input type="button" name="Invia" value="Invia" onclick="checkForm()">

invece la checkbox ha questo codice:
<input type="checkbox" name="trattamento_dati">

Sono andato ad operare sulla pagina dove c'è il codice del form (prova.php) ma non riesco a farlo funzionare.

questo è invece il codice della pagina con il php del form:

<html>
<head>
<title>Titolo</title>
<META NAME="DC.Title" CONTENT="Titolo">
<META NAME="keywords" CONTENT="">
<meta name="description" content="titolo">
<meta http-equiv="Content-Language" content="IT">
<meta name="author" content="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<style type="text/css">
<!--
.Stile1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.Stile2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0099FF;
}
.Stile5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #000000;
}
.Stile10 {color: #000000; font-family: "Times New Roman", Times, serif; }
.Stile11 {color: #000000}
.Stile14 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.Stile16 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="320" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td><?php
$passo=$_GET["passo"];
if($passo!='1'){
?>
<form action="prova.php?passo=1" method="post" name="modulo" id="modulo">
<table width="320" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td width="88" align="center" valign="top" class="testo">&nbsp;</td>
<td width="232" align="center" valign="top" class="testo">DATI </td>
</tr>
<tr>
<td width="88" align="right"><span class="Stile14">Nome e Cognome</span></td>
<td width="232" align="right"><input name="nome" type="text" id="nome"></td>
</tr>
<tr>
<td width="88" height="5" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
<td width="232" height="5" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>

<tr>
<td width="88" align="right"><span class="Stile14">Via</span></td>
<td width="232" align="right"><input name="via" type="text" id="via"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10" align="right" class="Stile14">Numero</td>
<td height="10" align="right"><input name="numero" type="text" id="numero"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10" align="right" class="Stile14">CAP</td>
<td height="10" align="right"><input name="cap" type="text" id="cap"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="88" height="10" align="right"><span class="Stile14">Città</span></td>
<td width="232" height="10" align="right"><input name="citta" type="text" id="citta"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10" align="right" class="Stile14">Provincia</td>
<td height="10" align="right"><input name="provincia" type="text" id="provincia"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>

<tr>
<td width="88" align="right"><span class="Stile14">Telefono</span></td>
<td width="232" align="right"><input name="telfax" type="text" id="telfax"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10" align="right"><span class="Stile14">Fax</span></td>
<td height="10" align="right"><input name="telfax2" type="text" id="telfax2"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10" align="right"><span class="Stile14">Cellulare</span></td>
<td height="10" align="right"><input name="telfax3" type="text" id="telfax3"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>

<tr>
<td width="88" align="right"><span class="Stile14">E-mail</span></td>
<td width="232" align="right"><input name="email" type="text" id="email"></td>
</tr>
<tr>
<td height="5" colspan="2" align="right"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>

<tr>
<td height="10" align="right" class="Stile14">Pagamento: </td>
<td height="10" align="right"><table width="232" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"><span class="Stile14">Bonifico</span>
<input name="ctel2" type="radio" value="bonifico"></td>
<td align="right"><span class="Stile14">Vaglia</span>
<input name="ctel2" type="radio" value="vaglia"></td>
</tr>
</table></td>
</tr>


<tr>
<td height="10" colspan="2" align="right"><img src="../../../immagini/pixel.gif" width="1" height="1"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>

<tr>
<td width="88" align="right" valign="top" class="Stile14">Note</td>
<td width="232" align="right"><textarea name="richieste" rows="8" wrap="VIRTUAL" id="richieste"></textarea></td>
</tr>
<tr>
<td width="88" height="10" align="right"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
<td width="232" height="10" align="right"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" class="Stile14"><iframe frameborder="0" id="content" name="content" src="informativa.html" width="300
" height="300" ></iframe></td>
</tr>
<tr>
<td align="right" class="Stile14">Acconsento al trattamento dei dati</td>
<td align="right"><table width="232" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"><span class="Stile14">Si </span>
<input name="ctel3" type="radio" value="si"></td>
<td align="right">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="right">&nbsp;</td>
</tr>
<tr>
<td width="88" align="right">&nbsp;</td>
<td width="232" align="right"><input name="Submit" type="submit" value="Invia richiesta"></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td height="10" align="right"><input name="Submit2" type="reset" value="Annulla"></td>
</tr>
<tr>
<td width="88" align="right">&nbsp;</td>
<td width="232" height="10" align="right"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
</table>
</form>
<?php
}else if($passo=='1'){
$destinatario = "<" . $_REQUEST["email"] . ">";
$oggetto = "oggetto";
$corpodelmessaggio = '
<html>
<head>
<title>Titolo</title>
</head>
<body>
<p>Grazie per aver scelto il nostro sito </p>
<p>Le sue richieste saranno esaudite al pi&ugrave; presto</p>
<p>Nome</p>
</body>
</html>
';
$headers = "From: tua@mail.it\r\n";
$headers .= "MIME-Version: 1.0\r\n";
//unique boundary
$boundary = uniqid("inviodati");
//tell e-mail client this e-mail contains//alternate versions
$headers .= "Content-Type: multipart/mixed; boundary = $boundary\r\n\r\n";
//HTML version of message
$body .= "--$boundary\r\n" .
"Content-Type: text/html; charset=ISO-8859-1\r\n" .
"Content-Transfer-Encoding: base64\r\n\r\n";
$body .= chunk_split(base64_encode($corpodelmessaggio));
//send message
mail($destinatario, $oggetto, $body, $headers);
//seconda mail
$oggetto = "Richiesta informazioni dal sito";
$corpodelmessaggio = '
<html>
<head>
<title>Titolo</title>
</head>
<body>
<p>Nome e cognome: ' . $_REQUEST["nome"] . '</p>
<p>via: ' . $_REQUEST["via"] . '</p>
<p>numero: ' . $_REQUEST["numero"] . '</p>
<p>cap: ' . $_REQUEST["cap"] . '</p>
<p>città: ' . $_REQUEST["citta"] . '</p>
<p>provincia: ' . $_REQUEST["provincia"] . '</p>
<p>Telefono: ' . $_REQUEST["telfax"] . '</p>
<p>Fax: ' . $_REQUEST["telfax2"] . '</p>
<p>Cellulare: ' . $_REQUEST["telfax3"] . '</p>
<p>E-mail: ' . $_REQUEST["email"] . '</p>
<p>tipo pagamento: ' . $_REQUEST["ctel2"] . '</p>
<p>Acconsento al trattamento dei dati: ' . $_REQUEST["ctel3"] . '</p>
<p>note: ' . $_REQUEST["richieste"] . '</p>

</body>
</html>
';
$headers = "From: tua@mail.it\r\n";
$headers .= "MIME-Version: 1.0\r\n";
//unique boundary
$boundary = uniqid("inviodati");
//tell e-mail client this e-mail contains//alternate versions
$headers .= "Content-Type: multipart/mixed; boundary = $boundary\r\n\r\n";
//HTML version of message
$body .= "--$boundary\r\n" .
"Content-Type: text/html; charset=ISO-8859-1\r\n" .
"Content-Transfer-Encoding: base64\r\n\r\n";
$body .= chunk_split(base64_encode($corpodelmessaggio));
//send message
mail("tua@mail.it", $oggetto, $body, $headers);
?>
<table width="280" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center" class="titolo Stile2"><strong>Riepilogo
informazioni inviate</strong><br>
</div></td>
</tr>
<tr>
<td height="20">&nbsp;</td>
</tr>
<tr>
<td><span class="Stile1 Stile11">Nome e cognome: </span> <span class="testo"><?php echo($_REQUEST["nome"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16">Via: </span> <span class="testo"><?php echo($_REQUEST["via"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16">Citt&agrave;: </span> <span class="testo"><?php echo($_REQUEST["citta"]) ?></span></td>
</tr>

<tr>
<td height="10"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16">Telefono: </span> <span class="testo"><?php echo($_REQUEST["telfax"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10"><span class="Stile16">Fax: </span> <span class="testo"><?php echo($_REQUEST["telfax2"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="10"><span class="Stile16">Cellulare: </span> <span class="testo"><?php echo($_REQUEST["telfax3"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16">E-mail: </span> <span class="testo"><?php echo($_REQUEST["email"]) ?></span></td>
</tr>


<tr>
<td height="10"><img src="../../../immagini/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16">Note: </span> <span class="testo"><?php echo($_REQUEST["richieste"]) ?></span></td>
</tr>
<tr>
<td height="10"><img src="../immagini/e_commerce/pixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td><span class="Stile16"><strong>Acconsento al trattamento dei dati</strong>:<span class="testo"><?php echo($_REQUEST["ctel3"]) ?></span></span></td>
</tr>
</table>
<?php
}
?> </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

</body>
</html>


Ho provato ad inserirlo all'interno ma non funziona qualcuno può darmi una mano?
banryu79
29-10-2010, 11:15
Quello è Javascript non Java: sono due linguaggi diversi.
anonimizzato
31-10-2010, 17:48
document.nome_del_form

Prova invece con

document.getElementById("id_del_form");