j'ai implémenté un formulaire avec du java et tout fonctionne bien avec IE, Opéra, Safari mais une fonction est inactive avec Firefox.
Avez vous une idée?
adresse de la page:
http://careo.webitbe.eu/acc.php?lan=1&pp=8&sp=1
Au dessus du formulaire à gauche le choix entre particulier et professionnel doit afficher des champs supplémentaires, ce qui ne se passe pas en Firefox
code du formulaire
Avez vous une idée?
adresse de la page:
http://careo.webitbe.eu/acc.php?lan=1&pp=8&sp=1
Au dessus du formulaire à gauche le choix entre particulier et professionnel doit afficher des champs supplémentaires, ce qui ne se passe pas en Firefox
code du formulaire
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?
$lan = ($_GET["lan"]);
$pp = ($_GET["pp"]);
$sp = ($_GET["sp"]);
$page = $pp;
$page .= $sp;
if ($lan==1) {
$var0 = "Zone Client";
$var1 = "Je suis un particulier";
$var2 = "Je suis un professionnel";
$var3 = "Prénom";
$var4 = "Nom";
$var5 = "Adresse";
$var6 = "";
$var7 = "Code postal";
$var8 = "Ville";
$var9 = "Tél";
$var10 = "Gsm";
$var11 = "mail";
$var12 = "champs obligatoires";
$var13 = "Ma demande concerne";
$var14 = "Une nouvelle construction";
$var15 = "Une rénovation";
$var16 = "Je souhaite obtenir plus de renseignements sur";
$var17 = "Carrelage";
$var18 = "Châssis/Portes/Fenêtres";
$var19 = "Parquet en bambou";
$var20 = "Accessoires";
$var21 = "Je souhaite recevoir la newsletter Careo ";
$var22 = "Je souhaite recevoir la newsletter Careo brico";
$var23 = "EVENTS / FORMATIONS";
$var24 = "Indiquez le nom de la formation/event<br /> à laquelle vous souhaîtez participer,<br /> ainsi que le nombre de participants.";
$var25 = "Ma Question";
$var26 = "J'ai connu Caréo par";
$var27 = "Société";
$var28 = "TVA";
$var29 = "N° Enregistrement";
$var30 = "Secteur d'activités";
$var31 = "Menuiserie";
$var32 = "Gros oeuvre";
$var33 = "";
$var34 = "";
$var35 = "";
$var36 = "";
$var37 = "";
$var38 = "";
$var39 = "";
$var40 = "Magazine";
$var41 = "Internet";
$var42 = "";
$var43 = "";
$var44 = "";
$var45 = "";
$var46 = "";
$var47 = "";
$var48 = "";
$var60 = "Valider";
} else {
$var0 = "KLANT ZONE";
$var1 = "Ik ben particulier";
$var2 = "Ik ben professioneel";
$var3 = "Voornaam";
$var4 = "Naam";
$var5 = "Adres";
$var6 = "";
$var7 = "Postcode";
$var8 = "Stad";
$var9 = "Tel ";
$var10 = "Gsm";
$var11 = "mail";
$var12 = "Verplicht veld";
$var13 = "Mijn vraag betreft";
$var14 = "Een nieuwe gebouw";
$var15 = "Een renovatie";
$var16 = "Ik wil meer inlichtingen ontvangen over ";
$var17 = "Tegels";
$var18 = "Ramen/Deuren/Vensters";
$var19 = "Bambooparket";
$var20 = "Accessoires";
$var21 = "Ik wil de newsletter CAREO ontvangen";
$var22 = "Ik wil de newsletter CAREO brico ontvangen";
$var23 = "EVENTS / OPLEIDINGEN";
$var24 = "Geeft de naam van de event/opleiding<br /> aan waaraan u wilt deelnemen,<br />evenals het aantal deelnemers.";
$var25 = "Mijn vraag";
$var26 = "Ik heb CAREO door gekend";
$var27 = "Bedrijf";
$var28 = "BTW";
$var29 = "Registratienr";
$var30 = "Secteur d'activités";
$var31 = "Menuiserie";
$var32 = "Gros oeuvre";
$var33 = "";
$var34 = "";
$var35 = "";
$var36 = "";
$var37 = "";
$var38 = "";
$var39 = "";
$var40 = "Magazine";
$var41 = "Internet";
$var42 = "";
$var43 = "";
$var44 = "";
$var45 = "";
$var46 = "";
$var47 = "";
$var48 = "";
$var60 = "Verzenden";
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<link href="/framecareo.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
function couleur(obj) {
obj.style.backgroundColor = "#FFFFFF";
}
function verif() {
var msg = "";
var a = document.getElementById("autre");
var m = document.getElementById("mots");
var a1 = document.getElementById("autre1");
var m1 = document.getElementById("mots1");
var a2 = document.getElementById("autre2");
var m2 = document.getElementById("mots2");
var a3 = document.getElementById("autre3");
var m3 = document.getElementById("mots3");
if (document.formul.email.value != "") {
indexAroba = document.formulaire.email.value.indexOf('@');
indexPoint = document.formulaire.email.value.indexOf('.');
if ((indexAroba < 0) || (indexPoint < 0)) {
document.formulaire.email.style.backgroundColor = "#f04848";
msg += "Le mail est incorrect\n";
}
}
else {
document.formul.email.style.backgroundColor = "#f04848";
msg += "Veuillez saisir votre mail.\n";
}
if (document.formul.nom.value == "") {
msg += "Veuillez saisir votre nom.\n";
document.formul.nom.style.backgroundColor = "#f04848";
}
if (document.formul.prenom.value == "") {
msg += "Veuillez saisir votre prénom.\n";
document.formul.prenom.style.backgroundColor = "#f04848";
}
if (document.formul.ville.value == "") {
msg += "Veuillez saisir votre ville.\n";
document.formul.ville.style.backgroundColor = "#f04848";
}
if (document.formul.adresse.value == "") {
msg += "Veuillez inserer votre adresse.\n";
document.formul.adresse.style.backgroundColor = "#f04848";
}
if (m.style.display == "block"){
if (document.formul.tva2.value == "") {
msg += "Veuillez inserer votre numero de tva.\n";
document.formul.tva2.style.backgroundColor = "#f04848";
}
}
if (m1.style.display == "block"){
if (document.formul.num.value == "") {
msg += "Veuillez inserer votre numero d'enregistrement.\n";
document.formul.num.style.backgroundColor = "#f04848";
}
}
if (m2.style.display == "block"){
if (document.formul.societe.value == "") {
msg += "Veuillez inserer votre société.\n";
document.formul.societe.style.backgroundColor = "#f04848";
}
}
if (m3.style.display == "block"){
if (document.formul.activite.value == "") {
msg += "Veuillez inserer votre secteur d'activité.\n";
document.formul.activite.style.backgroundColor = "#f04848";
}
}
if (msg == "") return(true);
else {
alert(msg);
return(false);
}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
function afficherAutre() {
var a = document.getElementById("autre");
var m = document.getElementById("mots");
var a1 = document.getElementById("autre1");
var m1 = document.getElementById("mots1");
var a2 = document.getElementById("autre2");
var m2 = document.getElementById("mots2");
var a3 = document.getElementById("autre3");
var m3 = document.getElementById("mots3");
if (document.formul.type.radio2.checked == true)
{
a.style.display = "block";
m.style.display = "block";
a1.style.display = "block";
m1.style.display = "block";
a2.style.display = "block";
m2.style.display = "block";
a3.style.display = "block";
m3.style.display = "block";
}
if (document.formul.type.radio1.checked == true)
{
a.style.display = "none";
m.style.display = "none";
a1.style.display = "none";
m1.style.display = "none";
a2.style.display = "none";
m2.style.display = "none";
a3.style.display = "none";
m3.style.display = "none";
}
}
</script>
<style type="text/css">
<!--
.Style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.Style3 {
font-size: 10px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style5 {color: #FF0000}
-->
</style>
</head>
<body>
<form action="../contact2.php?lan=<? echo $lan; ?>" method="post" name="formul" id="formul">
<table width="885" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="75" class="Style3"><img src="/images/spacer.gif" alt="" width="75" height="1" /></td>
<td width="98" class="Style3"><img src="/images/spacer.gif" alt="" width="98" height="1" /></td>
<td width="63" class="Style3"><img src="/images/spacer.gif" alt="" width="63" height="1" /></td>
<td width="106" class="Style3"><img src="/images/spacer.gif" alt="" width="115" height="1" /></td>
<td width="186" class="Style3"><img src="/images/spacer.gif" alt="" width="174" height="1" /></td>
<td width="27" class="Style3"><img src="/images/spacer.gif" alt="" width="27" height="1" /></td>
<td width="86" class="Style3"><img src="/images/spacer.gif" alt="" width="74" height="1" /></td>
<td colspan="2" class="Style3"><img src="/images/spacer.gif" alt="" width="240" height="1" /></td>
<td width="4" class="Style3"></td>
</tr>
<tr>
<td colspan="4" class="Style3"><span class="Style2"><? echo $var0; ?></span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td width="225" class="Style3"> </td>
<td width="15" class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="5" class="Style3"><input name="type" type="radio" id="radio1" onClick="javascript:afficherAutre();" value="Particulier" checked="checked"/>
<? echo $var1; ?></td>
<td class="Style3"> </td>
<td colspan="4" class="Style3"><u><? echo $var23; ?></u></td>
</tr>
<tr>
<td colspan="5" class="Style3"><input name="type" type="radio" id="radio2" onClick="javascript:afficherAutre();" value="Professionnel"/>
<? echo $var2; ?></td>
<td rowspan="2" class="Style3"><img src="/images/spacer.gif" alt="" width="21" height="63" /></td>
<td colspan="4" rowspan="2" valign="top" class="Style3"><? echo $var24; ?></td>
</tr>
<tr>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"><? echo $var3; ?><span class="Style5">* </span></td>
<td colspan="2" class="Style3"><div align="left">
<input name="prenom" type="text" id="prenom" size="25" onkeyup="javascript:couleur(this);" />
</div></td>
<td class="Style3"><div align="right"><? echo $var4; ?><span class="Style5">*</span> </div></td>
<td class="Style3"><input name="nom" type="text" id="nom" size="31" onkeyup="javascript:couleur(this);"/></td>
<td class="Style3"> </td>
<td colspan="4" rowspan="8" valign="top" class="Style3"><textarea name="inscription" id="event" cols="51" rows="8"></textarea></td>
</tr>
<tr>
<td class="Style3"><label for="label2"><? echo $var5; ?><span class="Style5">*</span></label></td>
<td colspan="4" class="Style3"><div align="left">
<input name="adresse" type="text" id="label" size="77" onkeyup="javascript:couleur(this);" />
</div></td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"><span id="autre2" style="display: none"><? echo $var27; ?></span></td>
<td colspan="4" class="Style3"><input name="societe" type="text" id="mots2" style="display:none" size="77" /></td>
<td class="Style3"></td>
</tr>
<tr>
<td class="Style3"><? echo $var7; ?>
<label for="label2"> </label></td>
<td class="Style3"><div align="left">
<input name="cp" type="text" id="cp" size="10" />
</div></td>
<td class="Style3"><div align="right"><? echo $var8; ?><span class="Style5">*</span> </div></td>
<td colspan="2" class="Style3"><div align="right">
<input name="ville" type="text" id="city" size="49" onkeyup="javascript:couleur(this);" />
</div></td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"><span id="autre" style="display: none"><? echo $var28; ?><span class="Style5">*</span> </span></td>
<td colspan="2" class="Style3"><input name="tva2" type="text" id="mots" style="display:none" onKeyUp="javascript:couleur(this);" /></td>
<td class="Style3"><div align="right"><span id="autre1" style="display: none"><? echo $var29; ?><span class="Style5">*</span> </span></div></td>
<td class="Style3"><input type="text" name="num" id="mots1" size="31" style="display:none" /></td>
<td class="Style3"></td>
</tr>
<tr>
<td class="Style3"><span class="Style3"><? echo $var9; ?>:</span></td>
<td colspan="2" class="Style3"><div align="left">
<input name="tel" type="text" id="tel" size="20" />
</div></td>
<td class="Style3"><div align="right"><? echo $var10; ?> </div></td>
<td colspan="2" class="Style3"><input name="tel2" type="text" id="tel2" size="31" /></td>
</tr>
<tr>
<td class="Style3"><span class="Style3"><? echo $var11; ?><span class="Style5">*</span></span></td>
<td colspan="4" class="Style3">
<div align="left">
<input name="email" type="text" id="email" size="77" onkeyup="javascript:couleur(this);" />
</div></td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"></td>
<td class="Style3"></td>
<td class="Style3"></td>
<td class="Style3"></td>
<td class="Style3"></td>
<td class="Style3"></td>
</tr>
<tr>
<td class="Style3"><span id="autre3" style="display: none"><? echo $var30; ?></span></td>
<td colspan="2" class="Style3"> <select name="activite" style="display: none" id="mots3" onChange="javascript:couleur(this);" >
<option value=""></option>
<option value="<? echo $var31; ?>"><? echo $var31; ?></option>
<option value="<? echo $var32; ?>"><? echo $var32; ?></option>
<option value="<? echo $var33; ?>"><? echo $var33; ?></option>
<option value="<? echo $var34; ?>"><? echo $var34; ?></option>
<option value="<? echo $var35; ?>"><? echo $var35; ?></option>
<option value="<? echo $var36; ?>"><? echo $var36; ?></option>
<option value="<? echo $var36; ?>"><? echo $var37; ?></option>
</select></td>
<td colspan="2" class="Style3"><div align="right"><span class="Style5">*</span> <? echo $var12; ?></div></td>
<td class="Style3"> </td>
<td colspan="4" class="Style3"> </td>
</tr>
<tr>
<td colspan="3" class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td colspan="4" class="Style3"><? echo $var25; ?></td>
</tr>
<tr>
<td colspan="3" class="Style3"><span class="Style3"><? echo $var13; ?></span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td colspan="4" rowspan="5" class="Style3"><textarea name="event2" id="event2" cols="51" rows="6"></textarea></td>
</tr>
<tr>
<td colspan="3" class="Style3"><span class="Style3">
<input type="radio" name="radio" id="build" value="build" />
<label for="build"><? echo $var14; ?></label>
</span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="3" class="Style3"><span class="Style3">
<input type="radio" name="radio" id="build2" value="build" />
<label for="build2"><? echo $var15; ?></label>
</span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="5" class="Style3"><span class="Style3"><? echo $var16; ?> :</span></td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="3" class="Style3"><span class="Style3">
<input type="checkbox" name="carrelage" id="checkbox" />
<label for="checkbox"><? echo $var17; ?></label>
</span></td>
<td colspan="2" class="Style3"><span class="Style3">
<input type="checkbox" name="bambou" id="checkbox3" />
<label for="checkbox3"><? echo $var19; ?></label>
</span></td>
<td class="Style3"> </td>
<td colspan="2" class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="3" class="Style3"><span class="Style3">
<input type="checkbox" name="chassis" id="checkbox2" />
<label for="checkbox2"><? echo $var18; ?></label>
</span></td>
<td colspan="2" class="Style3"><span class="Style3">
<input type="checkbox" name="accessoires" id="checkbox4" />
<label for="checkbox4"><? echo $var20; ?></label>
</span></td>
<td class="Style3"> </td>
<td colspan="2" class="Style3"><? echo $var26; ?></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td colspan="2" class="Style3"><select name="select" id="select">
<option value="Magazine"><? echo $var40; ?></option>
<option value="Internet"><? echo $var41; ?></option>
<option value=""><? echo $var42; ?></option>
<option value=""><? echo $var43; ?></option>
<option value=""><? echo $var44; ?></option>
<option value=""><? echo $var45; ?></option>
<option value=""><? echo $var46; ?></option>
</select></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="5" class="Style3"><span class="Style3">
<input type="checkbox" name="newscareo" id="newscareo" />
<label for="newscareo"></label>
<? echo $var21; ?></span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="5" class="Style3"><span class="Style3">
<input type="checkbox" name="newsbrico" id="newsbrico" />
<? echo $var22; ?></span></td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
<td class="Style3"> </td>
</tr>
<tr>
<td colspan="10" align="center"><span class="Style3">
<input type="submit" name="button" id="button" value="<? echo $var60; ?>" onclick="javascript: return verif();" />
</span></td>
</tr>
</table>
</form>
</body>
</html>
