Faire une fonction en javascript

kita123456 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
kita123456 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
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>";

?>

Merci par avance de vos repose
A voir également:

2 réponses

jeremy.s Messages postés 1226 Date d'inscription   Statut Membre Dernière intervention   79
 
Salut !

Ce qui serait bien c'est d'avoir le code html de ton formulaire pour avoir les noms précis :)

Sinon tu veux un code tout fait ou des indications ?
0
kita123456 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour Jérémy,
Merci pour votre reactivité.
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 foction de verification du amil sa va beaucoup m'aider.
S'il y'a la possibilite d'avoir la reponse pourquoi pas c'est à dire un code tout fait. Je dois livre sa demain si je peux avoir une reponse s'il vous plait aujourd'hui sa va beaucoup m'aider et faire avance mon projet.
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>
0