Dreamweaver gratuit

Extension gratuite Dreamweaver ! Construisez et stylez de superbes formulaires en 5mn

30 juillet 2009 | Posté par caroder à 12:09

Georges Petrov propose gratuitement sur le site DMX Zone une nouvelle et superbe extension pour Dreamweaver vous permettant de construire et styler vos formulaires par simple drag and drop. Cette extension propose 6 feuilles de style prédéfinies dont deux me semble pas mal du tout (Clean et Clear).

Vous pouvez tester ces styles : http://www.dmxzone.com/demo/php/formDesigner/formDesigner1/index.php?name=littlecookie&passwordfield1=c%40sp3r&passwordfield2=&bio=

Pour accéder aux fonctionnalités proposées par l'extension, vous devez vous rendre dans la palette insertion >> DmxZone, puis cliquer sur l'item dmxCssFormDesigenr pour commencer le wizzard de l'extension. A gauche de la fenêtre ci-dessus, dans le header, les éléments de formulaire à cliquer/déposer dans la zone du milieu, à droite le choix de style prédéfini (dans ma capture "clean").
En bas de la fenêtre, les attributs de l'élément de formulaire (nom, label, formats prédéfinis et édition via Dreamweaver).

Parmi les fonctionnalités proposées :

• Totalement basé sur la mise en forme CSS
• Les éléments de formulaire sont glissés/déposés avec leur <label>
• Des champs de formulaire aux étiquettes prédéfinies tels que liste de pays, capitales européennes, mois, jours de la semaine…
• Tous les éléments sont bien entendus modifiables dans Dreamweaver selon vos besoins.

Il est à noter que Georges Petrov indique un bug de fonctionnement pour les utilisateurs de Dreamweaver CS3 qui navigue encore avec IE6. Pour ma part, avec Dreamweaver CS4 et IE6, cela a parfaitement fonctionné…

Toutes les informations concernant cette extension sont disponibles ici : http://www.dmxzone.com/go?16830 (inscription obligatoire au site pour télécharger l'extension)

A noter, un bug sur le lien vers le manuel d'utilisation : il vous emmènera sur le manuel d'une autre extension de création de calendrier (payante) !

Un grand merci à Georges Petrov pour cette extension très utile.

Contrôle de validation de formulaires via Spry

05 mars 2009 | Posté par caroder à 07:09

Ah... Les contrôles de formulaire ! Je ne sais pas pour vous, mais pour moi c'est l'horreur :-)
Si je préfère l'utilisation de PHP pour faire le travail (il existe des extensions payantes pour ceci, notamment celle de Felixone) , il ne faut néanmoins pas oublier Javascript avec la technologie AJAX. C'est ici que Spry rentre en piste...

L'excellent Jean-Pierre a produit un tuto sur l'utilisation de Spry pour le contrôle de formulaire. Si vous souhaitez lire son tutorial : http://www.asp-php.net/tutorial/asp-php/formulaire-dreamweaver-cs3-mysql-ajax.php?page=1

Case à cocher "Se souvenir de moi" - Remember me checkbox

23 octobre 2008 | Posté par caroder à 21:07

Vous la voyez souvent sur les pages de login de sites mais vous ne savez pas comment faire... Ne cherchez pas plus loin, la réponse et le code sont ici en PHP (il existe aussi des solutions javascript mais elles impliquent que celui-ci soit activé dans le browser client).

A noter : dans mon exemple, le nom de la case à cocher s'appelle "remember" et les champs login/mot de passe, "login" et "password". N'oubliez pas d'adapter le code PHP à vos propres besoins ! :-)

Edit : Suite au message ci-dessous de AHmet, je m'aperçois que j'ai oublié de vous préciser les éléments suivants permettant de mieux comprendre le code ci-dessous.

1. J'ai utilisé le comportement serveur Dreamweaver "connecter l'utilisateur" dans la page qui contient ce code
2. On vérifie si la variable remember est postée et on vide ou non le contenu du cookie.

<?php /* Code à insérer dans le haut de la page */

if(isset($_POST['remember'])){ 
  setcookie("cookiemail", $_POST['login'], time()+60*60*24*100, "/"); 
  setcookie("cookiepass", $_POST['password'], time()+60*60*24*100, "/"); 
} else {
  setcookie("cookiemail","" , NULL, "/"); 
  setcookie("cookiepass","" , NULL, "/"); 
}
?>

<!-- Votre formulaire dans la partie HTML -->
<form name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
    <fieldset>
    <label>Adresse mail :</label>
    <input name="login" type="text" maxlength="100" value="<?php if(isset($_COOKIE['cookiemail'])) { echo $_COOKIE['cookiemail']; } ?>" />
    <br /><br />
    <label>Mot de passe :</label>
    <input name="password" type="password" maxlength="12" value="<?php if(isset($_COOKIE['cookiepass'])) { echo $_COOKIE['cookiepass']; } ?>" />
    <br />
    <br />
    <label>Se souvenir de moi</label>
    <input name="remember" type="checkbox" <? if(isset($_COOKIE['cookiemail']) && ($_COOKIE['cookiemail']!="")) {echo "checked";}  ?>/>
    <br />
    <br />
    <br />
    <p align="center">
<input type="Reset" value="Annuler" class="button" name="effacer" style="top: 640px; ">
<input type="Submit" value="Envoyer" class="button" name="envoie"  style="top: 640px;">
    </p>
    </fieldset>
    </form>

Edit IMPORTANT : merci de consulter ma réponse à Arkolos ci-dessous concernant le problème du cryptage du mot de passe.

Sauvegarder et récupérer des valeurs de champ de formulaire via un cookie

17 janvier 2008 | Posté par caroder à 08:02

Lors d'un développement, j'ai été confronté au problème de permettre à l'utilisateur de sauvegarder des informations qu'il saisissait dans un formulaire (de contact) alors même que ces informations n'étaient pas stockées en base de données (contrairement à un login / mot de passe). Je me suis donc tourné naturellement vers la technique du cookie via javascript.

La difficulté provenait du fait que ce formulaire contenait, outre de simples champs texte, des textareas et des cases à cocher.

J'ai eu beaucoup de mal à trouver un script qui permette de récupérer la valeur de ces éléments de formulaire spécifiques. J'en ai trouvé un ici : http://javascript.internet.com/cookies/save-and-restore-form-cookies.html que je vous livre afin de vous épargner de fastidieuses recherches !

PHP et javascript : contrôler la validité d'une date dans un formulaire

26 mars 2007 | Posté par caroder à 20:53

La saisie de date est toujours un aspect délicat des formulaires PHP/MySQL. Une extension permet de contrôler la validité des dates saisies en cas d'intervalle.

http://www.asp-php.net/tutorial/asp-php/dreamweaver-8-controle-formulaire.php?page=5

PHP : comparer la valeur de 2 champs d'un formulaire

| Posté par caroder à 19:50

Ce tutorial est tout frais puisqu'il a été publié le 21 mars 2007 !

Il peut être utile, notamment lors de la création d'un compte par utilisateur, de tester si l'utilisateur ne fait pas une erreur de saisie et pour cela de lui demander de renseigner avec la même valeur 2 champs différents. C'est le cas notamment pour les mots de passe ou les adresses mail.

Il s'agit alors de comparer la valeur des 2 champs et vérifier qu'elle est bien identique. Le tutorial ci-dessous utilise une extension du site Massimo Corner Compare Fields. A noter : cette extension permet aussi de comparer que 2 champs ont des valeurs différentes.

http://www.asp-php.net/tutorial/asp-php/dreamweaver-8-controle-formulaire.php

PHP : vérification doublon à l'insertion d'un enregistrement

| Posté par caroder à 19:02

Le problème typique auquel on peut être confronté est l'inscription en doublon d'un utilisateur sur votre site. Il est donc important de pouvoir contrôler l'existence d'un enregistrement identique dans la base et ce, sur un ou deux critères.

Le tutorial ci-dessous utilise l'extension gratuite Check New Element.

http://www.asp-php.net/tutorial/asp-php/dmx-formulaires-7.php

Pour ceux qui veulent coder à la main avec simplicité, vous pouvez aller voir sur PHP débutant, une manière sans chichi mais néanmoins efficace : http://www.phpdebutant.org/article67.php