Bjr
je ne connais pas grand chose aux formulaires j'ai essayé de le créer avec frontpage le voici .
il est beau mais c'est tout il ne fonctionne pas y a t'il quelqu'un qui saurrait le faire fonctionner svp ? me dire ou est l'erreur ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Formulaire de contact</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>TD {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif
}
H1 {
FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; COLOR: #094761; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif
}
BODY {
BACKGROUND-COLOR: #9acada
}
TD.bg_color {
BACKGROUND-COLOR: #9acada
}
TABLE.border {
BORDER-RIGHT: #9acada 1px solid; BORDER-TOP: #9acada 1px solid; BORDER-LEFT: #9acada 1px solid; BORDER-BOTTOM: #9acada 1px solid
}
.margins {
MARGIN: 10px
}
.arrow {
COLOR: #ff0000
}
INPUT.format {
BORDER-RIGHT: #003d59 1px solid; BORDER-TOP: #003d59 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #003d59 1px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #effcff
}
SELECT.format {
FONT-SIZE: 11px; COLOR: #003d59; FONT-STYLE: normal
}
TEXTAREA {
BORDER-RIGHT: #003d59 1px solid; BORDER-TOP: #003d59 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #003d59 1px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #effcff
}
INPUT.submit {
BORDER-RIGHT: #003d59 2px solid; BORDER-TOP: #003d59 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 17px; BORDER-LEFT: #003d59 2px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 2px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif; BACKGROUND-COLOR: #7baec6
}
INPUT.reset {
BORDER-RIGHT: #003d59 2px solid; BORDER-TOP: #003d59 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 17px; BORDER-LEFT: #003d59 2px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 2px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif; BACKGROUND-COLOR: #7baec6
}
A.info {
Z-INDEX: 24; POSITION: relative; TEXT-DECORATION: none
}
A.info:hover {
Z-INDEX: 25; BACKGROUND-COLOR: #ff0
}
A.info SPAN {
DISPLAY: none
}
A.info:hover SPAN {
DISPLAY: inline; LEFT: 1em; WIDTH: 15em; COLOR: #ff0000; POSITION: absolute; TOP: 1em; BACKGROUND-COLOR: #ffff80; TEXT-ALIGN: center
}
.error {
BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 16px; BACKGROUND-POSITION: right 50%; BORDER-TOP: red 1px solid; BACKGROUND-IMAGE: url(images/warning_obj.gif); BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fffce2
}
.obli {
COLOR: #ff0000; FONT-FAMILY: Arial, Sans-serif
}
.mef {
FONT-SIZE: 11px; COLOR: #003d59; FONT-STYLE: normal
}
</STYLE>
<SCRIPT language=javascript
src="Formulaire de contact_fichiers/formulaire.js"></SCRIPT>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=center align=middle>
<TD>
<H1><font size="2">Formulaire d'envoie d'annonce :</font></H1>
<TABLE class=border cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=bg_color>
<DIV class=margins>
<FORM name=formulaire onsubmit="location.href='_derived/nortbots.htm';return false;"
action=--WEBBOT-SELF-- method=POST encType=multipart/form-data webbot-onSubmit="return ValidForm(this);">
<!--webbot bot="FileUpload" S-Email-Address="moi@free.fr" S-Email-Format="TEXT/PRE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><input TYPE="hidden" NAME="_charset_" VALUE="windows-1252"><!--webbot bot="FileUpload" i-checksum="58985" endspan -->
<TABLE cellSpacing=4 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<P align=right><font size="3">Date : </font><font size="4"><SPAN class=obli>*</SPAN></font><font size="3"> </font><A
class=info
href="file:///C:/Program%20Files/CréaForm/projets/formulaire/formulaire.htm#"><font size="3">?</font><SPAN><font size="3">Saisir
une date en français ex : 02/08/2006</font></SPAN></A></P>
<P align=right> </P>
<P align=right> </P></TD>
<TD><font size="3"><INPUT class=format id=id_6 maxLength=10 size=12
name=id_6></font><p> </p>
<p> </TD></TR>
<TR>
<TD vAlign=top>
<P align=right><font size="3">Vous étes : </font><font size="4"><SPAN
class=obli>*</SPAN></font><font size="3"> </font><A class=info
href="file:///C:/Program%20Files/CréaForm/projets/formulaire/formulaire.htm#"><font size="3">?</font><SPAN><font size="3">Choisissez
</font></SPAN></A></P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P></TD>
<TD>
<TABLE width="100%" height="142">
<TBODY>
<TR>
<TD height="65"><font size="3"><INPUT id=id_8 type=radio value=Vendeur
name=id_8> </font><SPAN class=mef><font size="3">Vendeur</font></SPAN></TD></TR>
<TR>
<TD><font size="3"><INPUT id=id_8 type=radio value="Je recherche"
name=id_8> </font><SPAN class=mef><font size="3">Je
recherche</font></SPAN></TD></TR></TBODY></TABLE>
<p> </p>
<p> </p>
<p> </p>
<p> </TD></TR>
<TR>
<TD>
<P align=right><font size="3">Votre annonce : </font></P>
<P align=center><font color="#FF0000" size="3">Ne pas
oublier de fournir un Tél ou une Adr Mail</font></P>
<P align=center><font size="3" color="#FF0000">à votre
contact :</font></P>
<P align=right><font size="3" color="#FF0000">
</font></P>
<P align=right><font size="3" color="#FF0000">
</font></P>
<P align=right> </P></TD>
<TD><font size="3"><TEXTAREA class=format id=id_44 onkeyup="countChars('id_44', 'txtmsg44', 300)" name=id_44 rows=8 cols=100></TEXTAREA></font></TD></TR>
<TR>
<TD colSpan=2> <p><font size="3" color="#000000">Joindre
l'image :</font><font size="3"> </font>
<input name="fichier" type="file"> </p>
<p> </TD></TR>
<TR>
<TD colSpan=2>
<TABLE width="100%">
<TBODY>
<TR>
<TD align=middle width="50%"><font size="3"><INPUT class=reset type=reset value=Annuler name=reset></font></TD>
<TD align=middle width="50%"><font size="3"><INPUT class=submit type=submit value=Valider name=reset></font></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=middle colSpan=2><SPAN class=obli><font size="4">*</font><font size="3">
Ce champ est obligatoire</font></SPAN></TD></TR></TBODY></TABLE></FORM></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
function getElementsByClass(className) {
var elems = document.getElementById(className);
elems.className="error";
}
function init_error(className){
var elems = document.getElementById(className);
elems.className='format';
}function ValidForm(){
init_error('id_6');
if (document.formulaire.id_6.value.length==0) {
alert('Vous devez saisir le champ Date : ! ');
getElementsByClass('id_6');
document.formulaire.id_6.focus();
return false;
}
if (isNotEmpty(formulaire.id_6.value) && isNotDate(formulaire.id_6.value,'fr')){
alert("La date n'est pas correcte");;
getElementsByClass('id_6');
formulaire.id_6.focus();
return false;
}
init_error('id_8');
if (!getCheckedValue(document.formulaire.id_8,2)) {
alert('Vous devez cocher une case. ');
getElementsByClass('id_8');
document.formulaire.id_8[0].focus();
return false;
}
init_error('id_44');
if (formulaire.id_44.value.length>300) {
alert('Vous ne pouvez pas saisir plus de 300! ');
getElementsByClass('id_44');
formulaire.id_44.focus();
return false;
}
if (formulaire.id_44.value.length<5) {
alert('Vous devez saisir au moins 5 caractères.! ');
getElementsByClass('id_44');
formulaire.id_44.focus();
return false;
}
}
//-->
</SCRIPT>
</BODY></HTML>
je ne connais pas grand chose aux formulaires j'ai essayé de le créer avec frontpage le voici .
il est beau mais c'est tout il ne fonctionne pas y a t'il quelqu'un qui saurrait le faire fonctionner svp ? me dire ou est l'erreur ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Formulaire de contact</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>TD {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif
}
H1 {
FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; COLOR: #094761; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif
}
BODY {
BACKGROUND-COLOR: #9acada
}
TD.bg_color {
BACKGROUND-COLOR: #9acada
}
TABLE.border {
BORDER-RIGHT: #9acada 1px solid; BORDER-TOP: #9acada 1px solid; BORDER-LEFT: #9acada 1px solid; BORDER-BOTTOM: #9acada 1px solid
}
.margins {
MARGIN: 10px
}
.arrow {
COLOR: #ff0000
}
INPUT.format {
BORDER-RIGHT: #003d59 1px solid; BORDER-TOP: #003d59 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #003d59 1px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #effcff
}
SELECT.format {
FONT-SIZE: 11px; COLOR: #003d59; FONT-STYLE: normal
}
TEXTAREA {
BORDER-RIGHT: #003d59 1px solid; BORDER-TOP: #003d59 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #003d59 1px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #effcff
}
INPUT.submit {
BORDER-RIGHT: #003d59 2px solid; BORDER-TOP: #003d59 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 17px; BORDER-LEFT: #003d59 2px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 2px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif; BACKGROUND-COLOR: #7baec6
}
INPUT.reset {
BORDER-RIGHT: #003d59 2px solid; BORDER-TOP: #003d59 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 17px; BORDER-LEFT: #003d59 2px solid; COLOR: #003d59; BORDER-BOTTOM: #003d59 2px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Sans-serif; BACKGROUND-COLOR: #7baec6
}
A.info {
Z-INDEX: 24; POSITION: relative; TEXT-DECORATION: none
}
A.info:hover {
Z-INDEX: 25; BACKGROUND-COLOR: #ff0
}
A.info SPAN {
DISPLAY: none
}
A.info:hover SPAN {
DISPLAY: inline; LEFT: 1em; WIDTH: 15em; COLOR: #ff0000; POSITION: absolute; TOP: 1em; BACKGROUND-COLOR: #ffff80; TEXT-ALIGN: center
}
.error {
BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 16px; BACKGROUND-POSITION: right 50%; BORDER-TOP: red 1px solid; BACKGROUND-IMAGE: url(images/warning_obj.gif); BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fffce2
}
.obli {
COLOR: #ff0000; FONT-FAMILY: Arial, Sans-serif
}
.mef {
FONT-SIZE: 11px; COLOR: #003d59; FONT-STYLE: normal
}
</STYLE>
<SCRIPT language=javascript
src="Formulaire de contact_fichiers/formulaire.js"></SCRIPT>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=center align=middle>
<TD>
<H1><font size="2">Formulaire d'envoie d'annonce :</font></H1>
<TABLE class=border cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=bg_color>
<DIV class=margins>
<FORM name=formulaire onsubmit="location.href='_derived/nortbots.htm';return false;"
action=--WEBBOT-SELF-- method=POST encType=multipart/form-data webbot-onSubmit="return ValidForm(this);">
<!--webbot bot="FileUpload" S-Email-Address="moi@free.fr" S-Email-Format="TEXT/PRE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><input TYPE="hidden" NAME="_charset_" VALUE="windows-1252"><!--webbot bot="FileUpload" i-checksum="58985" endspan -->
<TABLE cellSpacing=4 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<P align=right><font size="3">Date : </font><font size="4"><SPAN class=obli>*</SPAN></font><font size="3"> </font><A
class=info
href="file:///C:/Program%20Files/CréaForm/projets/formulaire/formulaire.htm#"><font size="3">?</font><SPAN><font size="3">Saisir
une date en français ex : 02/08/2006</font></SPAN></A></P>
<P align=right> </P>
<P align=right> </P></TD>
<TD><font size="3"><INPUT class=format id=id_6 maxLength=10 size=12
name=id_6></font><p> </p>
<p> </TD></TR>
<TR>
<TD vAlign=top>
<P align=right><font size="3">Vous étes : </font><font size="4"><SPAN
class=obli>*</SPAN></font><font size="3"> </font><A class=info
href="file:///C:/Program%20Files/CréaForm/projets/formulaire/formulaire.htm#"><font size="3">?</font><SPAN><font size="3">Choisissez
</font></SPAN></A></P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P>
<P align=right> </P></TD>
<TD>
<TABLE width="100%" height="142">
<TBODY>
<TR>
<TD height="65"><font size="3"><INPUT id=id_8 type=radio value=Vendeur
name=id_8> </font><SPAN class=mef><font size="3">Vendeur</font></SPAN></TD></TR>
<TR>
<TD><font size="3"><INPUT id=id_8 type=radio value="Je recherche"
name=id_8> </font><SPAN class=mef><font size="3">Je
recherche</font></SPAN></TD></TR></TBODY></TABLE>
<p> </p>
<p> </p>
<p> </p>
<p> </TD></TR>
<TR>
<TD>
<P align=right><font size="3">Votre annonce : </font></P>
<P align=center><font color="#FF0000" size="3">Ne pas
oublier de fournir un Tél ou une Adr Mail</font></P>
<P align=center><font size="3" color="#FF0000">à votre
contact :</font></P>
<P align=right><font size="3" color="#FF0000">
</font></P>
<P align=right><font size="3" color="#FF0000">
</font></P>
<P align=right> </P></TD>
<TD><font size="3"><TEXTAREA class=format id=id_44 onkeyup="countChars('id_44', 'txtmsg44', 300)" name=id_44 rows=8 cols=100></TEXTAREA></font></TD></TR>
<TR>
<TD colSpan=2> <p><font size="3" color="#000000">Joindre
l'image :</font><font size="3"> </font>
<input name="fichier" type="file"> </p>
<p> </TD></TR>
<TR>
<TD colSpan=2>
<TABLE width="100%">
<TBODY>
<TR>
<TD align=middle width="50%"><font size="3"><INPUT class=reset type=reset value=Annuler name=reset></font></TD>
<TD align=middle width="50%"><font size="3"><INPUT class=submit type=submit value=Valider name=reset></font></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=middle colSpan=2><SPAN class=obli><font size="4">*</font><font size="3">
Ce champ est obligatoire</font></SPAN></TD></TR></TBODY></TABLE></FORM></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>
function getElementsByClass(className) {
var elems = document.getElementById(className);
elems.className="error";
}
function init_error(className){
var elems = document.getElementById(className);
elems.className='format';
}function ValidForm(){
init_error('id_6');
if (document.formulaire.id_6.value.length==0) {
alert('Vous devez saisir le champ Date : ! ');
getElementsByClass('id_6');
document.formulaire.id_6.focus();
return false;
}
if (isNotEmpty(formulaire.id_6.value) && isNotDate(formulaire.id_6.value,'fr')){
alert("La date n'est pas correcte");;
getElementsByClass('id_6');
formulaire.id_6.focus();
return false;
}
init_error('id_8');
if (!getCheckedValue(document.formulaire.id_8,2)) {
alert('Vous devez cocher une case. ');
getElementsByClass('id_8');
document.formulaire.id_8[0].focus();
return false;
}
init_error('id_44');
if (formulaire.id_44.value.length>300) {
alert('Vous ne pouvez pas saisir plus de 300! ');
getElementsByClass('id_44');
formulaire.id_44.focus();
return false;
}
if (formulaire.id_44.value.length<5) {
alert('Vous devez saisir au moins 5 caractères.! ');
getElementsByClass('id_44');
formulaire.id_44.focus();
return false;
}
}
//-->
</SCRIPT>
</BODY></HTML>