Construction de formulaire

Fermé

s188070 Messages postés 1 Date d'inscription vendredi 1 février 2008 Statut Membre Dernière intervention 1 février 2008 - 1 févr. 2008 à 01:40
Olimix - 1 févr. 2008 à 03:39

Bonjour,

J'ai construuit un site web avec Web Creator 4 Pro. Je veux construire un formulaire qui ressemble à celui sur le site https://www.ccapm.com/assurance_collective/demande_soumission.htm ce qui m'intéresse dans ce formulaire c'est qu'on a des choix de reponse, mais surtout quand on inscrit le nombre d'employés, la liste des employés s'alonge en fonction du nombre d'employés.

Qui peux me dire avec quoi on fait ce genre de formulaire ou quelles sont les fonctions pour faire ce que je demande plus haut.

Merci

A voir également:

Construction de formulaire
Formulaire de réclamation facebook - Guide
Simulateur de construction 14 - Télécharger - Simulation
Formulaire de reclamation instagram - Guide
Récupérer compte hotmail sans formulaire ✓ - Forum Hotmail / Outlook.com
Formulaire de contact le bon coin introuvable - Forum Réseaux sociaux

1 réponse

Réponse 1 / 1

Olimix
1 févr. 2008 à 03:39

Salut

Ce formulaire est généré en javascript , ce qui permet d'executer des procédures en fonctions des actions du visiteur .

En l'occurrence pour cet exemple , voici la fonction utilisée :

var tmpX = 0;
var tmpX2 = 0;
var tmpX3 = 0;
function createForm(number,tab) {
data = "";
inter = "'";

if (number < 50 && number > -1){
if(tab == 1 || tab == 2){
data = "<table border=\"0\" width=\"538\" style=\"border-collapse: collapse\" bordercolor=\"#336699\" cellpadding=\"0\" cellspacing=\"0\">";
}else{
data = "<table border=\"0\" cellpadding=\"5\" cellspacing=\"0\" width=\"550\" bgcolor=\"#E9EFF7\"><tr align=\"left\" valign=\"top\"><td colspan=\"2\"><b>Nom de vos employés non couverts <nobr>par la C.S.S.T?</nobr></b></td></tr>"
}
for (i=1; i <= number; i++){
if (tab == 1){
tmpX++
data += "<tr valign=\"top\" align=\"left\">"
+ "<td width=\"108\"><input style=\"width:106px;\" type='text' size='13' name='Nom" + i + "A'></td>"
+ "<td width=\"50\"><select style=\"width:48px;\" name='Type" + i + "A'><option selected>Ind</option><option>Mono</option><option>Fam</option><option>Exo</option></select></td>"
+ "<td width=\"35\"><select style=\"width:33px;\" name='Sexe" + i + "A'><option selected>H</option><option>F</option></select></td>"
+ "<td width=\"78\"><input style=\"width:76px;\" type='text' size='13' name='Date" + i + "A'></td>"
+ "<td width=\"74\"><input style=\"width:72px;\" type='text' size='13' name='Occupation" + i + "A'></td>"
+ "<td width=\"78\"><input style=\"width:76px;\" type='text' size='6' name='Sal" + i + "A'></td>"
+ "<td width=\"45\"><select style=\"width:43px;\" name='Classe" + i + "A'><option value=\"BUR\" selected>BUR</option><option value=\"MAN\">MAN</option></select></td>"
+ "<td width=\"45\"><select style=\"width:43px;\" name='Fumeur" + i + "A'><option value=\"nonfumeur\" selected>Non</option><option value=\"fumeur\">Fumeur</option></select></td>"
+ "<td width=\"98\"><select style=\"width:96px;\" name='Statut" + i + "A'><option value=\"1\">Actif</option><option value=\"2\">Congé Parental</option><option value=\"3\">Congé de Maternité</option><option value=\"4\">Congé Sabbatique</option><option value=\"5\">Invalidité</option><option value=\"6\">CSST</option><option value=\"7\">CSST Prévention Accouchement</option><option value=\"8\">CSST prévention allaitement</option><option value=\"9\">CSST accident professionnel</option><option value=\"10\">CSST Maladie Professionnelle</option></select><br></td></tr>";
}
else if(tab == 2){
tmpX2++
data += "<tr valign=\"top\" align=\"center\">"
+ "<td width=\"93\"><input type='text' size='13' name='Nom" + i + "B'></td>"
+ "<td width=\"63\"><select name='Type" + i + "B'><option selected>Ind</option><option>Mono</option><option>Fam</option><option>Exo</option></select></td>"
+ "<td width=\"39\"><select name='Sexe" + i + "B'><option selected>H</option><option>F</option></select></td>"
+ "<td width=\"101\"><input type='text' size='13' name='Date" + i + "B'></td>"
+ "<td width=\"95\"><input type='text' size='13' name='Occupation" + i + "B'></td>"
+ "<td width=\"64\"><input type='text' size='6' name='Sal" + i + "B'><br></td></tr>";
}
else{
tmpX3++
data += "<tr valign=\"top\"><td width=\"244\" align=\"right\">Emploiyé No. " + i + "</td><td width=\"306\" align=\"left\"><input type=\"text\" name=\"txtNonCsst" + i + "\" size=\"33\" \/></td></tr>"
}
} // fin du for

data += "</table>";

obj = document.getElementById("cust");
obj2 = document.getElementById("cust2");
obj3 = document.getElementById("csst");

(tab == 1) ? obj.innerHTML = data : (tab == 2) ? obj2.innerHTML = data : obj3.innerHTML = data;
}
else{ window.alert("S.V.P entrez une valeur inférieure à 50.");
} // fin du 1er if
} //createForm

function csstNm(id){
obj = document.getElementById("csst");
(id == 1) ? inner = "<table border=\"0\" cellpadding=\"3\" cellspacing=\"0\" bgcolor=\"#E9EFF7\" height=\"50\"><tr><td align=\"right\"><nobr><b>Inscrire le nombre d'employés NON couverts par la C.S.S.T >>></b><input type=\"text\" name=\"number3\" size=\"5\" \/><input type=\"button\" class=\"sub\" value=\"Valider\" onClick=\"createForm(webform.number3.value,3);\" /></nobr></td></tr></table>" : inner = " ";
obj.innerHTML = inner;
}

function UCase(frmNm){ frmNm.value = frmNm.value.toUpperCase(); }
function LCase(frmNm){ frmNm.value = frmNm.value.toLowerCase(); }

</script>

J'imagine que ca te parle pas trop .
Et ce qui est sur c'est que web creator ne va pas t'aider sur ce coup....
Il faut que tu aprennes les bases du javascipt ,voici un exelent site : https://www.toutjavascript.com/savoir/savoir.php3
Bon ok c'est long , mais ca vaut vraiment le coup , et le javascript c'est indispensable pour ceux qu'il veulent créer un site internet !

a+

Discussions similaires

Fraude paypal ?

Je n'arrive plus à récuperer mon compte Outlook

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

formulaire resiliation freebox

Contact LEBONCOIN