Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

Dreamweaver gratuit

PHP : créer une newsletter avec Dreamweaver (Part 3) - insertion données utilisateurs

24 avril 2007 | Posté par caroder à 13:28

Bookmark and Share

Création du formulaire d’insertion afin de permettre à l’utilisateur de saisir ses informations personnelles

Ouvrez la page inscrip_newsletter.php.
Pour créer le formulaire d’insertion, utilisez l’assistant d’insertion d’enregistrement comme suit :

news1

Vous obtenez ceci.

news2

La page confirm_newsletter.php n’a pas encore été développée. Elle vous permettra de confirmer à votre utilisateur qu’il est bien abonné à votre newsletter et lui donner ses codes d’accès. Les codes d’accès, permettant le désabonnement par l’intéréssé, sont constitués par :
- l’adresse mail pour le login
- un mot de passe aléatoire généré par le serveur

Je vous conseille de supprimer le tableau créé automatiquement par Dreamweaevr pour utiliser les balises valides des formulaires XHTML, à savoir <fieldset>, <legend> et <label> et faire une mise en page via les CSS. Vous obtiendrez alors ceci, qui est quand même plus classieux ! :

news3

Pour ceux qui sont curieux, voici la CSS de ce formulaire valide XHTML :

<style type="text/css">
fieldset {
border:1px solid #0099CC;
padding:10px;
width:400px;
margin-left:100px;
}
legend {
font: bold 13px Georgia, "Times New Roman", Times, serif;
margin-bottom:15px;
color:#0099CC;
}
label {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
display: inline;
float: left;
width: 150px;
font-weight: bold;
margin-left: 25px;
}
.bouton {
border: 1px solid #003399;
background-color:#62D8FF;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
}
</style>

et le code HTML :

<form method="post" name="form1" action="<?php echo $editFormAction; ?>">
<fieldset>
  <legend>Inscrivez-vous à notre newsletter</legend>
  <label>Nom :</label>
  <input type="text" name="nom" value="" size="32">
  <br /><br />
  <label>Mail :</label>
  <input type="text" name="mail" value="" size="32">
  <br /><br />
  <label>Organisme :</label>
  <input type="text" name="organisme" value="" size="32">
  <br /><br />
  <label>Fonction :</label>
  <input type="text" name="fonction" value="" size="32">
  <br />
  <input type="hidden" name="password" value="">
  <br />
  <div align="center">
    <input name="submit" type="submit" class="bouton" value="Envoyer" />
    <input type="hidden" name="MM_insert" value="form1">
  </div>
</fieldset>
</form>

Comme vous le constatez nous avons transformé le champ texte password en champ caché. Celui-ci nous servira pour insérer un mot de passe généré aléatoirement et automatiquement grâce à un script prévu à cet effet.


Commentaires

  • Question bête...

    Comment trouve-t-on l’assistant d’insertion d’enregistrement ?

    Posté par Richard | 02 décembre 2009 à 21:42
  • Effectivement...

    ... depuis la version CS4 de Dreamweaver, par défaut, l'assistant d'enregistrement n'est plus aussi accessible, c'est le moins qu'on puisse dire (!). Il se trouve ici :
    Menu "Insertion" >> Objets de données >> Insérer un enregistrement >> Assistant de formulaire d'insertion d'enregistrement.

    Posté par caroder | 07 décembre 2009 à 12:13
  • besoin d'aide, quand je fais formulaire d'insertion d'enregistrement, dreamweaver me demande plusieurs etapes:
    1 creer un site
    2 choisissez un type de docs
    3 configurer le serveur d'utilisation

    que faut il faire? Je suis novice...

    2ieme question au début "Ouvrez la page inscrip_newsletter.php."

    il faut la creer? cette page nexiste pas avant?

    Posté par nd | 21 février 2010 à 23:22
  • Pour les grands débutants

    Je le répète, ce tuto newsletter n'est pas pour les grands débutants car il suppose que vous maîtrisez un certains nombres de techniques de base.
    Merci de vous rendre à ma section Tutoriaux pour débutants : http://dreamgratuit.canalblog.com/archives/tutoriaux_pour_debutants/index.html

    Posté par caroder | 23 février 2010 à 20:02
  • ne trouve pas formulaire d'inscriptiond'enregistrement

    formulaire inscription d'enregistrement
    je ne trouve ce pannau instruction assez vague

    Posté par bernard | 01 juin 2011 à 11:46
  • Petite question

    Tout d'abord merci et félicitations pour ces tuto que tu as fait. De très bonne qualité et je pense qu'ils vont beaucoup me servir.

    Néanmoins j'ai une petite question:
    Pourquoi crée-t-on un champ "mot de passe" qu'on génére aléatoirement pour l'inscrit? ce mot de passe lui servira à quoi vu que le but est de lui envoyer une newsletter? ou bien es-ce que ce mot de passe lui servira éventuellement à accéder à des parties du site réservées aux membres?

    Merci d'avance pour ta réponse et chapeau pour ton travail

    JmL

    Posté par JmL | 27 mai 2007 à 03:16
 

Poster un commentaire