24 avril 2007
PHP : créer une newsletter avec Dreamweaver (Part 3) - insertion données utilisateurs
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 :
Vous obtenez ceci.
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 ! :
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
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
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=261388&pid=4728081
Liens vers des weblogs qui référencent ce message :
