Répondre à la discussion
Affichage des résultats 1 à 5 sur 5

dreamweaver-formulaire



  1. #1
    natpl

    dreamweaver-formulaire


    ------

    Bonjour,
    Je suis une débutante en dreamweaver et loin d’être informaticienne… j’essaie de me débrouillé… alors de l’aide s’il vs plait…. J’ai réalisé le site d’une école via dreamweaver et je voudrais mettre un formulaire. J’y suis arrivé tant bien que mal avec une écriture à mon avis pas très élégante mais bon ! J'ai vraiment besoin d'un coup de main, je n'y connais rien du tout, alors, svp, soyez indulgents !!

    J’aimerais bien faire un formulaire avec certains champs obligatoires, je pense y être arrivée mais malheureusement le message si certains champs obligatoires ne sont pas remplis est en anglais, peut-on le mettre en français.

    Quand j’envoie les données, outlook s’ouvre ! De plus je voudrais que lorsque l'on clic sur "envoyer" le formulaire s'envoie directement, sans ouvrir de boite de messagerie. Ma page de remerciement arrive directement après l’envoi.
    On m'a parlé de script cgi ou de php... mais je n'y connais rien. Je préfère ne pas me lancer dedans.


    Voici mon formulaire, visible à cette page : http://www.eimm.be/anciens.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Formulaire de contact</title>
    <style type="text/css">
    <!--
    .Style4 {font-size: xx-large}
    .Style5 {color: #000066}
    body {
    background-color: #FFCCFF;
    }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&paren t.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.laye rs.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_validateForm() { //v4.0
    var i,p,q,nm,test,num,min,max,erro rs='',args=MM_validateForm.arg uments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
    if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
    if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
    } else if (test!='R') { num = parseFloat(val);
    if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
    if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
    min=test.substring(8,p); max=test.substring(p+1);
    if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
    }
    //-->
    </script>


    }
    </head>

    <body>
    <form name="form1" method="post" action="mailto:########@hotmail.com">
    <p align="center" class="Style4"><u>Formulaire de contact </u></p>
    <p align="left">&nbsp;</p>
    <p align="left"><strong>Entrez votre nom</strong>:
    <input name="nom" type="text" id="nom" size="40">
    </p>
    <p align="left"><strong>Entrez votre prénom</strong>:
    <input name="prénom" type="text" id="prénom" size="40">
    </p>
    <p align="left"><strong>Entrez votre adresse e-mail:</strong>
    <input name="textfield" type="text" size="50">
    </p>
    <p align="left"><strong>Entrez votre num&eacute;ro de t&eacute;l&eacute;phone:</strong>
    <input name="teldom" type="text" id="teldom">
    </p>
    <p align="left"><strong>Entrez les formations que vous avez suivies dans notre &eacute;tablissement:</strong></p>
    <p align="center" class="Style5"> Maquillage:
    <input name="maquillage" type="checkbox" id="maquillage" value="1">
    <br>
    Esth&eacute;tique:
    <input name="esthétique" type="checkbox" id="esthétique" value="2">
    <br>
    P&eacute;dicurie m&eacute;dicale:
    <input name="pedicurie" type="checkbox" id="pedicurie" value="3">
    <br>
    Humanit&eacute;s g&eacute;n&eacute;rales:
    <input name="humanite" type="checkbox" id="humanite" value="4">
    <br>
    Secr&eacute;tariat:
    <input name="secret" type="checkbox" id="secret" value="5">
    <br>
    Informatique:
    <input name="info" type="checkbox" id="info" value="6">
    <br>
    Gestion:
    <input name="gestion" type="checkbox" id="gestion" value="7">
    <br>
    Anglais:
    <input name="angl" type="checkbox" id="angl" value="8">
    <br>
    Animation socio-culturelle:
    <input name="anim" type="checkbox" id="anim" value="9">
    <br>
    Coiffure:
    <input name="coiff" type="checkbox" id="coiff" value="10">
    <br>
    Horeca:
    <input name="horeca" type="checkbox" id="horeca" value="11">
    <br>
    Autres:
    <input name="autres" type="text" id="autres">
    </p>
    <p align="left"><strong>Avez-vous poursuivi d'autres &eacute;tudes, si oui lesquelles?</strong></p>
    <p align="center"> <textarea name="études" cols="50" rows="2" id="études"></textarea>
    </p>
    <p align="left"><strong>Quelle est votre situation actuelle? Si vous avez trouv&eacute; un emploi, veuillez le pr&eacute;ciser(nom de l'entreprise, secteur d'activit&eacute</strong></p>
    <p align="center">
    <textarea name="situation" cols="60" id="situation"></textarea>
    </p>
    <p>
    <strong>Etes-vous int&eacute;ress&eacute;(e) pour participer &agrave; un forum des anciens &eacute;l&egrave;ves: </strong>oui
    <input name="radiobutton" type="radio" value="oui">
    non
    <input name="radiobutton" type="radio" value="non">
    </p>
    <p>&nbsp;</p>
    <p align="center">
    <input name="submit" type="submit" id="submit" onclick="location.href='http://www.eimm.be/anciens.postquest.html';MM_val idateForm('nom','','R','prénom ','','R','teldom','','R','situ ation','','R');return document.MM_returnValue" value="Envoyer le formulaire">
    <input type="reset" name="Submit" value="Réinitialiser">
    <input name="recipient" type="hidden" id="recipient" value="######@hotmail.com">
    <input name="redirect" type="hidden" id="redirect" value="http://hotmail/anciens.postquest.html">
    <input name="required" type="hidden" id="required" value="nom,prénom,formation">
    <input name="sort" type="hidden" id="sort" value="alphabetic">
    </p>
    <script LANGUAGE="JavaScript">function verifForm(formulaire) { if(formulaire.Prénom.value == ""){ alert('Vous avez oublié de saisir votre prénom !'); return false;} if(formulaire.Nom.value == ""){ alert('Vous avez oublié de saisir votre nom !'); return false;} if(formulaire.Teldom.value == ""){ alert('Vous avez oublié de saisir votre numéro de téléphone !'); return false;} else { formulaire.submit();}}</SCRIPT>
    </p>

    </form>

    </body>
    </html>
    Je vous remercie pour votre aide !

    Suppression de l'adresse mail. En outre il y a une balise Code pour mieux présenter ça.

    JPL, modérateur

    -----
    Dernière modification par yoda1234 ; 28/10/2007 à 21h18.

  2. Publicité
  3. #2
    natpl

    Re : dreamweaver-formulaire

    Bonjour,
    merci pour cette réponse rapide mais malheureusement si je supprime cette adresse, je ne reçois plus rien dans ma boite de réception mail. Je suis désolé pour l'écriture du code....mais je suis totalement novice en informatique! je me suis lancée dans l'aventure de dreamweaver et j'apprends tt doucement le code html. Je vous remercie pour votre aide

    Bien à vous

  4. #3
    JPL

    Re : dreamweaver-formulaire

    Citation Envoyé par natpl Voir le message
    merci pour cette réponse rapide mais malheureusement si je supprime cette adresse, je ne reçois plus rien dans ma boite de réception mail.
    Bien sûr tu ne la supprimes pas dans ton code, mais il est préférable de ne pas l'exposer publiquement dans un forum consulté par des milliers de personnes et parcouru inlassablement par les moteurs de recherche si tu ne veux pas crouler sous les spams !
    Selon la charte du forum :

    Il est interdit de mettre votre adresse email sur le forum.
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac

  5. #4
    Lucie10

    Re : dreamweaver-formulaire

    Pour l'adresse mail n'envoie pas sur une adresse hotmail, sa bug. Sinon vérifie que sa n'arrive pas dans tes spams.
    Après si tu veux que certain champs soit obligatoirement rempli faut mettre un script javascript, tu met un onclick sur le bouton qui va lancer une fonction qui vérifie que tes champs sont bien remplis.

  6. #5
    Bruno

    Re : dreamweaver-formulaire

    Bonjour,

    Pour le texte en anglais, c'est un peu normal, le 1er script contient de l'anglais (il y a une accolade de trop )

    Code:
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&paren t.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.laye rs.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_validateForm() { //v4.0
    var i,p,q,nm,test,num,min,max,erro rs='',args=MM_validateForm.arg uments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
    if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
    if (p<1 || p==(val.length-1)) errors+='- '+nm+' doit contenir une adresse mail.\n';
    } else if (test!='R') { num = parseFloat(val);
    if (isNaN(val)) errors+='- '+nm+' doit contenir un nombre.\n';
    if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
    min=test.substring(8,p); max=test.substring(p+1);
    if (num<min || max<num) errors+='- '+nm+' doit contenir un nombre compris entre '+min+' et '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' est requis.\n'; }
    } if (errors) alert('Les erreurs suivantes se sont produites :\n'+errors);
    document.MM_returnValue = (errors == '');
    }
    //-->
    </script>
    Il est également préférable de mettre un label :

    Code HTML:
    <p align="left"><label><strong>Entrez votre nom</strong>:
    <input name="nom" type="text" id="nom" size="40">
    </label>
    </p>
    Pour le problème du mail, si vous mettez ceci dans l'action, c'est un peu normal qu'Outlook s'ouvre :
    Code HTML:
    mailto:########@hotmail.com
    Pour faire enoyer un mail au serveur, il faut utiliser PHP par exemple avec la fonction mail() :
    Code PHP:
    <?php
         $to      
    'destinataire@example.com';
         
    $subject 'le sujet';
         
    $message 'Bonjour !';
         
    $headers 'From: webmaster@example.com' ;

         
    mail($to$subject$message$headers);
     
    ?>
    $headers étant optionnel..

    @JPL : tu as oublié de masquer ça :
    Code HTML:
    <input name="recipient" type="hidden" id="recipient" value="######@hotmail.c om">

    C'est fait.

    yoda1234.
    Dernière modification par yoda1234 ; 28/10/2007 à 21h20.
    « Il faut dire la vérité, mais on peut l'arranger. » -- Emily Dickinson

  7. A voir en vidéo sur Futura

Sur le même thème :

Discussions similaires

  1. Dreamweaver
    Par mehditlili dans le forum Logiciel - Software - Open Source
    Réponses: 1
    Dernier message: 06/09/2006, 00h56
  2. dreamweaver
    Par Crivi dans le forum Internet - Réseau - Sécurité générale
    Réponses: 1
    Dernier message: 25/08/2005, 20h07
  3. dreamweaver mx 2004: formulaire
    Par adrien dans le forum Logiciel - Software - Open Source
    Réponses: 3
    Dernier message: 02/08/2005, 15h17
  4. Pb avec Dreamweaver
    Par Rodeon dans le forum Logiciel - Software - Open Source
    Réponses: 2
    Dernier message: 18/04/2005, 20h20
  5. pb avec Dreamweaver
    Par Rodeon dans le forum Internet - Réseau - Sécurité générale
    Réponses: 3
    Dernier message: 18/04/2005, 19h48
Découvrez nos comparatifs produits sur l'informatique et les technologies.