Faire une fonction en javascript

Fermé

kita123456 Messages postés 3 Date d'inscription mardi 11 juin 2013 Statut Membre Dernière intervention 12 juin 2013 - 11 juin 2013 à 18:00
kita123456 Messages postés 3 Date d'inscription mardi 11 juin 2013 Statut Membre Dernière intervention 12 juin 2013 - 12 juin 2013 à 10:32

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:

Faire une fonction en javascript
Fonction si et - Guide
Telecharger javascript - Télécharger - Langages
Fonction moyenne excel - Guide
Excel remplir automatiquement une cellule en fonction d'une autre ✓ - Forum Excel
Cette fonction n'est pas disponible actuellement tv lg - Forum Téléviseurs

2 réponses

Réponse 1 / 2

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
11 juin 2013 à 20:08

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 ?

Réponse 2 / 2

kita123456 Messages postés 3 Date d'inscription mardi 11 juin 2013 Statut Membre Dernière intervention 12 juin 2013
12 juin 2013 à 10:32

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>

Discussions similaires

je veut créer des codes

Remplir une cellule (texte) en fonction d'une autre (texte).

Javascript Arrondi à 2 chiffres après la virgule

Excel:récupérer le contenu d'une cellule en fonction d'une autre

Excel : colorer une cellule sous condition d'une autre ?