Javascript

Fermé
kita123456 Messages postés 3 Date d'inscription mardi 11 juin 2013 Statut Membre Dernière intervention 12 juin 2013 - 12 juin 2013 à 14:04
Bonjour,

Je voudrai pouvoir recuperer la valeur des mes checkbox que j'ai cocher sans passé par le php.
et si vous pouvez aussi m'aide à faire fonctionner la fonction de verification de email sa va beaucoup m'aider.
S'il y'a la possibilite d'avoir la reponse c'est à dire un code tout fait.
Merci par avance

Voici le code de mon formulaire


<html>
<head>
<script type="text/javascript">
//----------fonction de verification du formulaire-----------
test_text = "*"; // à renseigner si on utilise une chaîne de caractère identique pour chaque label de champs obligatoire
test_class = ""; // à renseigner si on identifie les labels par une class css
message = "merci de remplir tous les champs obligatoires";

function verif_form(formulaire) {
vide = 0;
for ( var i=0; i<formulaire.getElementsByTagName("label").length; i++ ) {
element_label = formulaire.getElementsByTagName("label")[i];
txt_label = element_label.firstChild.nodeValue;
class_label = element_label.className;
if ( (test_text != "" && txt_label.indexOf(test_text) != -1) || (test_class != "" && class_label == test_class) ) {
if ( element_label.getAttribute("htmlFor") || element_label.getAttribute("for") ) {
if ( document.all ) id_champs = element_label.getAttribute("htmlFor");
else id_champs = element_label.getAttribute("for");
champs = document.getElementById(id_champs);
if ( champs.tagName == "INPUT" && champs.getAttribute("type") == "text" ) {
if ( champs.value == "" ) vide ++;
}
else if ( champs.tagName == "TEXTAREA" && champs.value == "" ) vide ++;
}
else {
if ( element_label.getElementsByTagName("input")[0] ) {
input_label = element_label.getElementsByTagName("input")[0];
if ( input_label.getAttribute("type") == "text" && input_label.value == "" ) vide ++;
}
else if ( element_label.getElementsByTagName("textarea")[0] && element_label.getElementsByTagName("textarea")[0].value == "" ) vide ++;
}
}
}
for (var j=0; j<formulaire.getElementsByTagName("select").length; j++ ) {
liste = formulaire.getElementsByTagName("select")[j];
for ( var k=0; k<liste.options.length; k++) {
if ( liste.options[k].selected == true && liste.options[k].value == "" ) vide ++;
}
}
if ( vide != 0 ) {
alert(message);
return false;
}
else {
return true;
}
}
window.onload = function() {
document.getElementsByTagName("form")[0].onsubmit =
function () { return verif_form(this); }
}
</script>

<script>

//-------fonction pour changer la couleur du texte selon que la checkbox est cochée ou non----------------

var idp = "txt_"; // masque des p (partie commune des id)
var idChk = "idchk_"; // masque des checkbox (partie commune des id)

var coul1 = "#ED1951"; // couleur si checkbox cochee
var coul2 = "#363636"; // couleur si checkbox pas cochee

function ChangeCouleur(chk)
{
var expr = /\d+$/gi; // expression reguliere pour extraire l'indice du checkbox
var indice = chk.id.match(expr); // on recupere l'indice du chekbox

var sp = document.getElementById(idp+indice);

if (chk.checked)
sp.style.color = coul1;
else
sp.style.color = coul2;
}

function initchk()
{
var i;
var tabChk = document.getElementsByTagName("input");
var n = tabChk.length;
var expr = new RegExp(idChk, "gi");

for (i=0; i<n; i++)
{
if (tabChk[i].type.toLowerCase()=="checkbox" && expr.test(tabChk[i].id))
{
ChangeCouleur(tabChk[i]);
}
expr.test(""); // reinitialistion de l'attribut lastIndex de la regexp (FF)
}
}
/*
//----------fonction validation du numéro de téléphone-------------

function valider_numero_telephone() {

var nombre = document.formulaire.telephone.value;
var chiffres = new String(nombre);

// Enlever tous les charactères sauf les chiffres
chiffres = chiffres.replace(/[^0-9]/g, '');

// Le champs est vide
if ( nombre == "" )
{
alert ( "Le champs est vide !" );
return;
}

// Nombre de chiffres
compteur = chiffres.length;

if (compteur!=10)
{
alert("Assurez-vous de rentrer un numéro à 10 chiffres (xxx-xxx-xxxx)");
return;
}
}
//-----Fonction vérification email-----

function VerifEmail(formulaire)
{
adresse = formulaire.email.value;
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if ((place > -1)&&(adresse.length >2)&&(point > 1))
{
formulaire.submit();
alert('adresse email valide!!');
return(true);
}
else
{
alert('Entrez une adresse email valide!!');
return(false);
}
}
*/
</script>

<link rel="stylesheet" href="accordion_icon_pdf.css" type="text/css" media="screen" />
</link>
</head>
<body>
<form name="form" method="post" action="accordion_icon_pdf.php" onSubmit="return(VerifEmail(this))">
<table align="center">
<tr>
<td>
<h1 style="color:#015cae"> </h1>
<p>#</p>
<p>#</p>
</td>
</tr>
</table>
<p></p>
<div class="accordion vertical">
<ul>
<li>
<input type="radio" id="radio-1" name="radio-accordion" checked="checked" />
<label for="radio-1">#</label>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30">
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">

<input onclick="ChangeCouleur(this)" id="idchk_1" name="box[]" type="checkbox" value="<table><tbody><tr><td>#<br />2013</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=#>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_1">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_2" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=#>Télécharger</a> </td></tr><tbody></table>" /></td>
<td>
<p id="txt_2">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_3" name="box[]" type="checkbox" value="<table><tbody><tr><td>Data #</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=EMS-France-Data-Quality-WP-V5.pdf>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_3">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_4" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=#>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_4">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_5" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=#>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_5">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_6" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a href=#>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_6">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_7" name="box[]" type="checkbox" value="<table><tbody><tr><td>Qualité des données : Comment faire coïncider la <br />volonté et l'action ? 2008</td><td> </td><td> </td><td> </td><td> </td><td><a href=EMS-France-Data-Quality-WP-V5.pdf>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_7">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_8" name="box[]" type="checkbox" value="<table><tbody><tr><td>Relever le challenge de la qualité des données en<br /> 2007</td><td> </td> <td> </td><td> </td><td> </td><td><a href=#pdf>Télécharger</a> </td></tr></tbody></table>" /></td>
<td>
<p id="txt_8">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
</li>
<li>
<input type="radio" id="radio-2" name="radio-accordion" />
<label for="radio-2">#</label>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_9" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td><a #>Télécharger</a></td></tr></tbody></table>" /></td>
<td><p id="txt_9">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_10" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td> <td> </td> <td> </td> <td> </td><td> </td> <td> </td> <td> </td> <td> </td><td><a #>Télécharger</a></td></tr></tbody></table>" /></td>
<td><p id="txt_10">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
</li>
<li>
<input type="radio" id="radio-3" name="radio-accordion" />
<label for="radio-3">#</label>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
<td>
<h2>#</h2>
</td>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_11" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td> <td> </td> <td> </td><td><a href=#>Télécharger</a></td></tr></tbody></table>" /></td>
<td><p id="txt_11">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30"></br>
</td>
<td>
<h2># </h2>
</td>
</tr>
<tr>
<td valign = "top">
<input onclick="ChangeCouleur(this)" id="idchk_12" name="box[]" type="checkbox" value="<table><tbody><tr><td>Contact Data Management : une stratégie#</td><td> </td><td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td><td> </td><td><a href=#</a></td></tr></tbody></table>" /></td>
<td><p id="txt_12">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
</li>
<li>
<input type="radio" id="radio-4" name="radio-accordion" />
<label for="radio-4"># </label>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30">
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top" >
<input onclick="ChangeCouleur(this)" id="idchk_13" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td><td> </td> <td> </td> <td> </td> <td> </td><td><a href=#>Télécharger</a></td></tr></tbody></table>" />
</td>
<td>
<p id="txt_13">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
<div class="content">
<table>
<tr>
<td>
<img title="" alt="" src="icon-pdf.jpg" height="30">
</td>
<td>
<h2>#</h2>
</td>
</tr>
<tr>
<td valign = "top" >
<input onclick="ChangeCouleur(this)" id="idchk_14" name="box[]" type="checkbox" value="<table><tbody><tr><td>#</td><td> </td> <td> </td> <td> </td> <td> </td><td> </td><td><a #>Télécharger</a></td></tr></tbody></table>" /></td>
<td>
<p id="txt_14">#</p>
<a href="#">En savoir plus</a>
</td>
</tr>
</table>
</div>
</li>
</ul>
</div>
</br>
<br />
<table border="1" align="center">
<tr>
<td>


<p>
<table align="center" border="0" cellspacing="5" cellpadding="10">
<tr>
<td>
<label>Civilité* :</label></td>
<td>
<select id="civilite">
<option selected="selected" value="20">civilité</option>
<option value="mme">Mme</option>
<option value="mlle">Mlle</option>
<option value="mr">Mr.</option>
</select><br>
</td>
<br />
</tr>
<tr>
<td>
<label>Nom* :</label>
</td>
<td>
<input name="nom" type="text" size="35" maxlength="100">
</td>
<br>
</tr>
<tr>
<td>
<label for="prenom">Prénom* : <br>
</label>
</td>
<td>
<input name="prenom" type="text" id="prenom" size="35" maxlength="100"><br>
</td>
</tr>
<tr>
<td>
<label>Fonction* : <br>
</label>
</td>
<td>
<input name="fonction" type="text" id="fonction" size="35" maxlength="100"><br>
</td>
</tr>
<tr>
<td>
<label>Service* :<br></label>
</td>
<td>
<input name="service" type="text" size="35" maxlength="100"><br>
</td>
</tr>
<tr>
<td>
<label for="ville">Ville* : <br></label>
</td>
<td>
<input name="ville" type="text" id="ville" size="35" maxlength="100"><br>
</td>
</tr>
<tr>
<td>
<label for="telephone">Télèphone* : <br></label>
</td>
<td>
<input name="telephone" type="text" id="telephone" size="35" maxlength="100"><br>
</td>
</tr>
<tr>
<td>
<label for="email">Email* : <br></label>
</td>
<td>
<input name="email" type="text" id="email" size="35" maxlength="100"><br>
</td>
</tr>
</p>
<tr>
<td>
<input type="submit" value="Envoyer" onclick="valider_numero_telephone()">
</td>
</tr>
</table>

</td>
</tr>
</table>
</body>
</html>


Est il possible d'avoir une fonction javascript que je peux remplacer par cette fonction en php

<?php
// verifions que la variable a été transmise
$tabbox = (isset($_POST['box']))?$_POST['box']:null;
echo " ";
echo "<h2 align=center>Livres blanc QAS</h2>";
echo "<table border=1 align=center>";
echo "<tr >";
echo "<th style=background:#F5F5F5>";
echo "<h3 align=center style=color:#363636>Livre blanc</h3>";
echo "</th>";
echo "</tr>";
echo "<tr>";
echo "<td>";
// on fait une boucle sur le tableau qui a été transmis et affichons les valeurs sélectionnées
if (!empty($tabbox)) {
echo "<h4 align=center style=color:#0095DA>Merci de l'intérêt que vous témoignez à notre société. Bonne lecture!</h4>";
foreach($tabbox as $cle => $valeur) {
echo $valeur.'<br>';
}
}
else{
echo "<h4 align=center style=color:#ed1951>Veuillez sélectionner le livre blanc que vous souhaitez télécharger.</h4>";
}
echo "</td>";
echo "</tr>";
echo "</table>";

?>