11548 sujets

JavaScript, DOM et API Web HTML5

Smiley cligne
Bonjour,

Voilà, avec l'aide d'un script, je viens de terminer le formulaire suivant:

    * <?php
    * //Couleur du texte des champs si erreur saisie utilisateur
    * $color_font_warn="#FF0000";
    * //Couleur de fond des champs si erreur saisie utilisateur
    * $color_form_warn="#FFCC66";
    * //Ne rien modifier ci-dessous si vous n'êtes pas certain de ce que vous faites !
    * if($submit){
    * //Formatage des entrées
    * $f_1=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö -]", "", $f_1)));
    * $f_2=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö -]", "", $f_2)));
    * $f_3=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö -]", "", $f_3)));
    * $f_4=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö -]", "", $f_4)));
    * $f_5=trim(eregi_replace("[^0-9 +]", "", $f_5));
    * $f_6=strip_tags(trim($f_6));
    * //Verification des champs
    * if(!$erreur){
    * //Création du message
    * $titre="............ ";
    * $tete="From:............n";
    * $corps.="Nom : ".$f_1."n";
    * $corps.="Prénom : ".$f_2."n";
    * $corps.="Adresse : ".$f_3."n";
    * $corps.="Ville : ".$f_4."n";
    * $corps.="Téléphone : ".$f_5."n";
    * $corps.="Mail : ".$f_6."n";
    * $corps.="Message : ".$f_7."n";
    * if(mail("garden@quipa.ch", $titre, stripslashes($corps), $tete)){
    * $ok_mail="true";
    * header('Location: index.html');
    * }else{
    * $erreur.="<li><span class='txterror'>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.</span>";
    * }
    * }
    * }
    * ?>
    * <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    * <html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
    * <head>
    * <script type="text/javascript" src="script/niceforms.js" ></script>
    *
    * <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    * <!-- InstanceBeginEditable name="doctitle" -->
    * <title>
    * ....................
    * </title>
    * <!-- InstanceEndEditable -->
    * <link rel="stylesheet" media="screen" type="text/css" title="default" href="styles/default.css" />
    * <link rel="stylesheet" type="text/css" media="print" href="styles/print.css" />
    * <!-- InstanceBeginEditable name="head" -->
    * <!-- InstanceEndEditable -->
    * </head>
    * <body >
    * <div id="global">
    * <!-- global-->
    *
    * <!-- fin logo-->
    * <div id="photographie">
    * <!-- photographie-->
    * <!-- InstanceBeginEditable name="photographie" -->
    * <!-- InstanceEndEditable -->
    * </div>
    * <!-- fin photographie-->
    * <!-- InstanceBeginEditable name="menu" --> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="sous-menu" -->
    * <div id="sousmenu">
    * <!-- sousmenu-->
    * </div>
    * <!-- InstanceEndEditable -->
    * <!-- fin sousmenu-->
    * <!-- InstanceBeginEditable name="contenu" -->
    * <div class="content petit-contenu">
    * <!-- contenu-->
    *
    * <div style="float: left; width: 220px; ">
    * <p class="retrait">
    * <strong>Formulaire</strong>
    * </p>
    * <form action='<?echo$PHP_SELF?>' method='post'>
    * <div>
    * <label for="nom">
    * NOM:
    * </label>
    * <br />
    * <input type="text" id="nom" class="textinput" maxlength="35" style='width:360 <?if($errf_1==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_1' value='<?echo stripslashes($f_1);?>
    * '/>
    * <label for="prenom">
    * PRENOM:
    * </label>
    * <br />
    * <input type="text" id="prenom" class="textinput" maxlength="35" style='width:360 <?if($errf_2==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_2' value='<?echo stripslashes($f_2);?>
    * ' />
    * <label for="adresse">
    * ADRESSE:
    * </label>
    * <br />
    * <input type="text" id="adresse" class="textinput" maxlength="35" style='width:200 <?if($errf_3==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_3' value='<?echo stripslashes($f_3);?>
    * ' />
    * <label for="ville">
    * VILLE:
    * </label>
    * <br />
    * <input type="text" id="ville" class="textinput" maxlength="35" style='width:200 <?if($errf_4==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_4' value='<?echo stripslashes($f_4);?>
    * ' />
    * <label for="telephone">
    * TEL:
    * </label>
    * <br />
    * <input type="text" id="telephone" class="textinput" maxlength="35" style='width:200 <?if($errf_5==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_5' value='<?echo stripslashes($f_5);?>
    * '/>
    * <label for="mail">
    * MAIL:
    * </label>
    * <br />
    * <input type="text" id="mail" class="textinput" maxlength="35" style='width:200 <?if($errf_6==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_6' value='<?echo stripslashes($f_6);?>
    * '/>
    * <br />
    * <label for="textareainput">
    * MESSAGE:
    * </label>
    * <br />
    * <textarea id="textareainput" class="textarea" style='width:360 <?if($errf_7==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_7' rows='30' cols='40'><?echo$f_7?> </textarea>
    * <br />
    * <br />
    * <input type="submit" value="Envoyer" class="buttonSubmit" name='submit' />
    * <div id="stylesheetTest">
    * </div>
    * </div>
    * </form>
    * <p class="ancre">
    * <a href="#">
    * <img class="image" onmouseover="this.src='images/direction_rol.gif'" title="haut de la page" onmouseout="this.src='images/direction.gif'" alt="retour menu" src="images/direction.gif" /></a>
    * </p>
    * </div>
    * </div>
    * <!-- InstanceEndEditable -->
    * <p class="clr">
    * </p>
    * <!-- fin contenu-->
    *
    * </div>
    * <!-- fin global-->
    * </body>
    * <!-- InstanceEnd --></html>



J'aimerai limiter certains champs, et on m'a répondu ceci:

    * Pour limiter le nombre de caractères, ajouter la fonction :
    *
    * $f_?=substr($f_?, 0, 8);
    *
    * $f_? = remplacer le ? Par le numéro de champ correspondant aux champ à
    * limiter
    * 0 = position de la première lettre retournée
    * 8 = position de la dernière lettre retournée



Ou dois-je mettre exactement cette ligne de code, avant ou après le body?

Merci d'avance le php s'est pas ma tasse de thé.
Smiley biggrin