L’extension n’exporte que les fragments de code créés par l’utilisateur. Dreamweaver les stocke dans le profil utilisateur.
(Par exemple : sur Vista : C:\Users\PROFIL\AppData\Roaming\Adobe\Dreamweaver CS4\fr_FR\Configuration\Snippets)

• Tout le dossier Snippets est exporté (copier sur une autre destination). Il n’est pas possible de sélectionner un fragment de code ou un dossier de fragments de code en particulier.
• Tous les fragments de code natifs à Dreamweaver sont ignorés.
• Pour importer les snippets sur une autre machine, ou après une réinstallation, il faut sélectionner non pas le dossier Snippets mais son dossier parent. L’extension cherche exclusivement la présence d’un dossier "Snippets". Il ne doit donc bien sûr pas être renommé.

Télécharger l’extension

En voici un qui permet de supprimer non pas un mais plusieurs enregistrements à la fois : utile quand on a besoin de faire du ménage rapidement dans une table…

Exemple d’utilisation

Supposons que nous avons une table actualite, qui sert à stocker et présenter des actus sur un site. Afin de garder cette table de dimension raisonnable, on décide de supprimer sélectivement de temps à autre des actualités qui ont plus de 3 mois.

Voici la structure et le contenu de la table. Elle a été simplifiée et réduite pour plus de clarté :

#
# Structure de la table `actu`
#

DROP TABLE IF EXISTS actu;
CREATE TABLE actu (
idActu tinyint(3) unsigned NOT NULL auto_increment,
titre varchar(150) NOT NULL default  »,
date date NOT NULL default ’0000-00-00′,
PRIMARY KEY (idActu),
UNIQUE KEY date (date)
);

#
# Contenu de la table `actu`
#

INSERT INTO actu VALUES (1, ‘Viva Cuba!’, ’2004-01-28′),
(2, ‘Jacques Brel : le coffret du 25e anniversaire’, ’2003-08-27′),
(3, ‘David Bowie, Reality’, ’2003-07-25′),
(4, ‘Le violon dans tous ses états’, ’2004-02-03′),
(5, ‘Je ne suis qu’une chanson’, ’2003-04-28′),
(6, ‘Herbie Hancock, My Point Of View’, ’2003-12-08′);

Si vous souhaitez suivre ce tutorial, vous pouvez télécharger le fichier SQL qui crée la table et insère quelques enregistrements.

actu.zip (672 bytes)

Le jeu d’enregistrements

Créez un jeu d’enregistrements portant sur les données que nous voulons détruire, à savoir toutes les actus qui ont plus de 3 mois, et de trier ces données par ordre décroissant.:

SELECT *
FROM actu
WHERE date < DATE_SUB(NOW(), INTERVAL 90 DAY)
ORDER BY date DESC

Brève explication sur la clause WHERE utilisée ici :
Nous prenons la date d’aujourd’hui (NOW) à laquelle nous soustrayons (DATE_SUB) 90 jours (INTERVAL 90 DAY) et le résultat est comparé avec la colonne date de la table.

Le formulaire

Iinsérez un formulaire dans votre document, puis créez une région répétée dans ce formulaire de façon à afficher les données :

Rajoutez une colonne à droite du tableau, insérez une case à cocher, nommez-la et donnez lui une valeur dynamique qui correspondra à la valeur de la clé primaire idActu. Pour cela, sélectionnez la case à cocher, allez dans le panneau Applications > onglet Liaisons, déroulez le jeu d’enregistrements et glissez/déposez le texte dynamique idActu sur la case.

<input name= »supp » type= »checkbox » id= »supp » value= »<?php echo $row_rsActus3mois['idActu']; ?> »>

Puis ajoutez un bouton Supprimer. Attention : ce bouton ne doit pas être dans la région répétée! (Ici j’e l’ai simplement mis dans un autre tableau, sous le premier mais en dehors de la région répétée)

Le comportement

Appliquez le comportement. Sélectionnez les différents paramètres demandés, rentrez le nom de la case à cocher ainsi que l’URL de redirection quand la suppression est terminée.

Une fois appliqué, ce comportement a effectué deux opérations : outre le code PHP qui a été inséré en début de fichier, il a également renommé la case à cocher en lui rajoutant à la fin deux crochets : supp[].
Cette notation est nécessaire : elle signifie pour PHP qu’il est en présence d’une variable de type tableau, ce qui permett de stocker les différentes valeurs que peut prendre la clé primaire, selon les actualités affichées. En l’absence de ces crochets, supp serait une simple variable dont la valeur serait écrasée à chaque fois par la précédente.

Le code PHP tient en quelques lignes :

• Ligne 12 : on vérifie que le tableau supp n’est pas vide.
• Ligne 13 : on parcourt le tableau avec une boucle foreach
• Ligne 15 : on exécute la requête autant de fois qu’il y a d’éléments dans le tableau .
• Ligne 17 : redirection quand les suppressions sont terminées.

SuppMultEnr.mxp (6.97 KB)

Liste des départements : value = le nom du département : SelectDepartementsAvecNoms.mxp

Liste des départements : value = numéro du département : SelectDepartementsAvecNumeros.mxp

Liste des pays : value = un simple numéro : SelectPays.mxp

Liste des pays : value = code à 2 lettres : SelectPaysAlpha2.mxp
Code pays alpha-2 (A2)
Le code ISO 3166-1 « alpha-2″ (ou A2) associe un code à deux caractères à chaque entité. Ces deux caractères sont choisis de manière à être facilement associables au pays qu’ils désignent (par exemple « FR » pour la France). Très utilisé, ce code est recommandé par de nombreux organismes de normalisation et notamment par le W3C pour l’identification des pays et des langues sur le Web.

Liste des pays : value = code à 3 lettres : SelectPaysAlpha3.mxp

Liste des régions françaises : SelectRegions.mxp

Télécharger le package complet

L’extension Snap Layers, disponible sur l’excellent site de Project Seven, permet de contourner ces problèmes, nous allons voir ici comment l’utiliser (reportez-vous au tutorial Introduction aux extensions pour savoir comment installer et utiliser les extensions).

Placement des images

On crée tout d’abord une interface, avec un tableau de trois lignes et deux colonnes, faisant 100% de largeur. Jj’ai défini des marges de 20 pixels dans le document, afin que le tableau ne colle pas aux bords du document.

Dans les colonnes de droite du tableau viennent se placer trois boutons, faisant 135 * 30 pixels et se nommant bouton_1.gif, bouton_2.gif et bouton_3.gif.

Dans le panneau Propriétés on nomme ces boutons, (boutonUn, boutonDeux, boutonTrois) afin de leur donner un identifiant unique, pas d’espaces ni de caractères accentués.

On en profite pour créer un lien virtuel, en tapant dans le champ Lien javascript:; (javascript deux points point virgule), lien qui nous permettra d’afficher les calques sur un évenement OnMouseOver.

Placement des calques

On définit ensuite trois calques, ayant pour noms, layerUn, layerDeux, layerTrois, d’une largeur de 150 pixels, hauteur indéfinie, visibilité cachée et de couleurs différentes, afin de bien les différencier.

L’interface des calques et des boutons dans le document

Ces calques peuvent être placés à n’importe quel endroit du document, le but étant de les faire apparaitre par rapport aux coordonnées du bouton voulu.

Les propriétés du layerUn

Interface "Snap Layers"

On accède au comportement via le menu Fenêtre > Comportements > Studio VII > Snap layers by PVII.

La nouvelle fenêtre qui apparait nous permet de choisir l’évènement, le bouton qui va servir d’ancre au calque et la position de ce calque par rapport au bouton choisi.

On sélectionne le boutonUn en Anchor Object, puis le layerUn qui va venir se positionner par rapport à ce bouton dans Layer to Snap et enfin la position par rapport à cette image dans Presets, ici à la droite du bouton (To the Right of Image).

En cliquant sur le bouton plus + de l’interface on ajoute autant d’évènement que voulu, au contraire en cliquant sur le bouton moins – on en élimine, on peut aussi les déplacer en utilisant les flèches haut et bas.

On peut donc jouer sur l’emplacement du calque par rapport à l’image choisi, soit en utilisant le menu déroulant Presets, soit en rentrant les coordonnées x y du calque choisi par rapport à l’image, dans les champs Offset Left et Offset Top.

Evènement onLoad et onResize

Par défaut l’extension s’applique à l’évènement onLoad de la balise <body>, en cas de redimensionnement de la page il faut forcer le document à se recharger (pour NN4 et Opera) pour que les calques trouvent leurs positions par rapport aux images.

Vous pouvez trouver, toujours sur Project Seven, des extensions pour forcer le rechargement du document pour les navigateurs Netscape et Opera, à savoir les extensions Opera Resize Fix et ReDoIt. Vous pouvez trouver un bref descriptif de ces dernières dans le tutorial de Mimi Quelques extensions indispensables.

Affichage des calques

Il nous reste à afficher/masquer les calques sur un évènement OnMouseOver des différents boutons, pour ce faire vous pouvez utiliser les outils présents dans les comportements de Dreamweaver en natif ou encore une fois les extensions de Project Seven, à savoir AutoLayers et autoHide Layers.

Conclusion et exemple

Cette extension est très pratique pour la création de menus par exemple, mais pas seulement, car en la combinant à d’autres, vous pouvez jouer sur l’emplacement et les évènements de vos calques, et ce de manière très simple, pour avoir des interfaces vraiment dynamiques et réactives.
Ce n’est qu’une histoire d’imagination…
Vous pouvez voir l’exemple du tutorial sur cette page.

Ce comportement serveur permet de crypter rapidement un mot de passe en utilisant la fonction md5() de PHP. Elle peut être utile si vous utilisez les autres comportements serveurs disponibles sur Flashxpress, qui utilisent tous cette méthode pour les authentifications.

Vous.pouvez ainsi l’utiliser dans un formulaire d’insertion d’enregistrement. Le code généré se place en début de fichier.
Pensez à prévoir un champ de table adapté, de type VARCHAR(50) par exemple.

CreerPass.mxp (4.81 KB)

Avertissement

Les fonctions d’authentification HTTP de PHP ne sont disponibles que si PHP est exécuté comme module Apache, et non pas sous la forme d’un CGI.

Vous pouvez déterminer cela en faisant un fichier de test PHP avec la fonction phpinfo() chez votre hébergeur.
Si dans le résultat, en début de fichier, vous ne voyez pas apparaitre cette mention Server API Apache mais à la place Server API CGI, vous ne pourrez pas utiliser ce comportement (valable pour Apache 1.3x, pas testé sous Apache 2.4x)

La comparaison du mot de passe s’effectue à l’aide de la fonction PHP md5().
Il est donc impératif qu’au moment de l’enregistrement de ce visiteur, ce mot de passe ait été rentré à l’aide de la même fonction! (Voir le comportement « Crypter un mot de passe »).

Exemple de fenêtre d’authentification

L’interface du comportement

Dans le champ Texte à afficher, vous pouvez rentrer du HTML comme ci-dessous, proposant, en cas de refus, un nouvel essai :

<p align= »center »>Acc&egrave;s refus&eacute;</p>
<p align= »center »><a href= »<?php $_SERVER['PHP_SELF']?> »>Nouvel essai</a></p>

AuthHTTPSql.mxp (11.24 KB)

• Mot de passe oublié et
• Crypter un mot de passe Md5.

NOTES :

1. Dreamweaver MX 2004 et Windows uniquement (en fait cette extension fonctionne aussi sous Mac, le seul problème sur cette plate-forme est l’interface du comportement qui peut apparaitre différemment, avec en particulier des champs inaccessibles…ou presque. Tout retour d’utilisateur de Mac sur ce sujet serait le bienvenu…).
   
2. Tester ces extensions en réel, c’est-à-dire chez votre hébergeur ! Je n’utilise pas EasyPhp….et votre hébergeur non plus…
   
3. Si vous aviez installé la version précédente de cette extension, il faut impérativement la désinstaller.

Exemple de formulaire d’authentification

C’est un formulaire basique, comportant deux champs textes et une case à cocher.
Donnez aux champs de formulaires le même nom que celui des colonnes correspondantes dans votre table MySQL.
Ici le champ Email s’appelle…email et le champ Mot de passe s’appelle pass. Le nom et la valeur de la case à cocher n’ont pas d’importance.
Notez qu’aucune action n’est mentionnée dans la balise <form>.

<form name= »form1″ id= »form1″ method= »post » action= »">
<input type= »text » name= »email » id= »email » />
<input type= »text » name= »pass » id= »pass » />
<input type= »checkbox » name= »memoriser » value= »checkbox » id= »memoriser » />
<input type= »submit » name= »Submit » value= »Envoyer » id= »Submit » />
</form>

Authentification utilisateur

Ce comportement permet d’identifier un visiteur. DMX 2004 dispose déjà d’un comportement de ce type.
Celui-ci offre quelques options supplémentaires telles que :

• Gestion des méthodes de cryptage des mots de passe
• Activation ou non d’un cookie
• Instauration d’un délai d’inactivité

Onglet Base

• Si l’identification échoue, le visiteur est redirigé vers un fichier de refus, à partir duquel on peut l’inviter à s’enregistrer, ou à contacter l’administrateur etc.
• Si l’identification réussit, le nom d’utilisateur est stocké dans une variable de session, disponible tout le temps de sa visite. Cette variable de session est basée sur un champ de la table SQL, par exemple, l’email du visiteur, ou son pseudo etc.

Onglet Options

• Niveaux d’accès
  En plus de la vérification du login et du mot de passe, vous pouvez choisir de vérifier le niveau » d’accès, autrement dit le niveau de privilèges. C’est par exemple un champ réservé dans votre table qui peut contenir des valeurs telles que « Administrateur », « Membre », etc.
• Mot de passe
  Vous pouvez choisir une méthode de cryptage du mot de passe, en fonction bien sûr de celle que vous avez utilisée lorsque les visiteurs se sont enregistrés la première fois dans la base.L’erreur la plus courante concernant les mots de passe cryptés est de ne pas prévoir un champ dans la table suffisamment grand pour recevoir une chaine de caractères cryptée. À titre d’exemple, voici une copie d’écran de deux mots de passe cryptés, le premier avec MD5, le second avec PASSWORD.
  Si vous voulez utiliser MD5, prévoyez un champ de type VARCHAR(32). Pour PASSWORD , VARCHAR(41) minimum.

L’utilisation des deux options suivantes n’ a de sens que si vous utilisez parallèlement l’extension Protéger une page.

• Mémoriser les informations
  Vous avez la possibilité d’installer un cookie sur le poste client. Ceci permettra à votre visiteur de ne plus avoir à s’identifier lorsqu’il reviendra sur le site .
  Si vous souhaitez donner un durée de vie « illimitée » à ce ccokie , rentrez simplement une valeur telle que 3650 jours par exemple (10 ans devrait faire l’affaire, non ?)
• Désactiver la session
  Cette option permet d’instaurer un délai d’inactivité. Elle est incompatible avec la précédente.
  Instaurer un délai d’inactivité fournit un moyen supplémentaire d’accroitre la sécurité d’une page en déterminant l’heure d’arrivée du visiteur sur la page. Si aucune activité n’est détectée pendant plus de x minutes (rechargement de page, navigation entre pages), la session est désactivée. Si le visiteur tente d’accéder à une autre page, ou de recharger la page courante, il devra s’authentifier à nouveau.
  Cela peut être utile dans le cas où une personne consulte des pages confidentielles, puis pour une raison quelconque délaisse son ordinateur. Au bout de X temps, quelqu’un d’autre passant derrière lui, qui tenterait d’accéder à d’autres pages s’en verrait refuser l’accès.

FormAuth.mxp (18.08 KB){mospagebreak }

Protéger une page

Ce comportement vérifie l’existence ou non d’une variable de session. Cette variable peut provenir d’un formulaire d’authentification.

Onglet Base

• Variable de session
  Elle doit être basée sur un des champs du formulaire d’authentification.
• URL de redirection
  Si cette variable n’existe pas, c’est que le visiteur ne s’est pas authentifié auparavant. Il est alors redirigé vers une autre page.
• Autoriser l’accès par niveau
  Vous pouvez contrôler l’accès selon un niveau de privilège.
  Si par exemple, la page n’est accessible qu’à un administrateur, tout autre visiteur n’ayant pas ce statut sera redirigé vers une page de refus. Là encore, ce niveau doit être déterminé via le comportement Authentification utilisateur.

Onglet Options

• Options supplémentaires
  N’utilisez ces options que si vous les avez paramétrées dans le comportement Authentification utilisateur.
  • Utiliser un cookie : la présence du cookie est vérifiée lors de l’accès à la page. Si il est trouvé, l’accès à la page est autorisé. Notez bien qu’il ne s’agit pas d’une re-vérification de données (ce qui n’aurait pas de sens) mais simplement de vérifier la présence ou non de ce cookie. Pour que ce cookie existe, il doit avoir éte écrit lors de l’authentification.
  • Paramétrer un délai d’inactivité : quand vous utilisez cette option, l’heure d’arrivée du visiteur sur les pages protégées est enregistrée.
    Supposons que pour une raison quelconque, ce visiteur oublie de refermer une page, ou s’absente tout simplement pendant un certain temps, puis que lui ou un autre tente plus tard de recharger la page ou de naviguer dans les pages réservées, alors il devra s’identifier à nouveau si le délai est dépassé.
    C’est un moyen d’accroitre la sécurité des espaces réservés à des membres.

ProtectPage.mxp (9.98 KB)

Fermer une session

Cette extension permet simplement de supprimer toutes les informations de session du visiteur.

FermerSession.mxp (5.66 KB)