Création d'une région répétée InContext Editing

Une région répétée InContext Editing est une paire de balises HTML dont la balise d'ouverture contient l'attribut ice:repeating. La région répétée définit une zone de la page qu'un utilisateur peut « répéter » et à laquelle il peut ajouter du contenu lorsqu'il la modifie dans un navigateur. Par exemple, si vous avez défini un titre suivi d'un paragraphe, vous pouvez transformer ces éléments en une région répétée, que l'utilisateur pourra ensuite dupliquer sur la page.

Régions répétées affichées dans une fenêtre de navigateur InContext Editing modifiable. La région inférieure est sélectionnée et peut être à nouveau dupliquée, supprimée ou déplacée vers le haut ou vers le bas.

L'utilisateur peut ajouter des régions répétées basées sur la région d'origine, mais vous pouvez aussi lui laisser la possibilité d'en supprimer, d'ajouter des régions tout à fait inédites (non basées sur le contenu de la région d'origine) et d'en déplacer vers le haut ou vers le bas.

Lorsque vous créez une région répétée, Dreamweaver l'entoure d'un autre conteneur, baptisé « groupe de régions répétées ». Ce conteneur (une balise div dont la balise d'ouverture comprend l'attribut ice:repeatinggroup) fait office de conteneur de toutes les régions répétées modifiables qu'un utilisateur peut ajouter au groupe. Il est impossible de déplacer des régions répétées en dehors de leurs conteneurs de groupes de régions répétées. Il est en outre déconseillé d'ajouter manuellement des balises de groupes de régions répétées à votre page. Dreamweaver les ajoute automatiquement en cas de besoin.

Si vous travaillez sur une page contenant déjà un groupe de régions répétées et que vous tentez d'ajouter une région répétée juste après le groupe existant, Dreamweaver détecte qu'un groupe de régions répétées précède la région que vous voulez ajouter, et vous donne la possibilité d'ajouter la nouvelle région au groupe existant. Vous pouvez décider d'ajouter la nouvelle région répétée au groupe existant ou de créer un nouveau groupe de régions répétées.

Pour créer une région répétée dans Dreamweaver, procédez comme suit :

1. Effectuez l'une des opérations suivantes :

   • Sélectionnez la balise que vous voulez transformer en région répétée. Vous pouvez choisir de nombreuses balises : a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul, ou encore var.

     Remarque : Seules les balises div peuvent posséder simultanément l'attribut de région modifiable et l'attribut de région répétée.

   • Placez le point d'insertion où vous voulez insérer une nouvelle région répétée sur la page.

   • Sélectionnez précisément une région répétée dans un modèle Dreamweaver (fichier DWT).

   • Sélectionnez tout autre contenu de la page que vous voulez rendre répétée (par exemple un bloc de texte).

2. Choisissez Insertion > InContext Editing > Créer une région répétée.

3. Les options à votre disposition varient en fonction de votre sélection.

   • Si vous avez sélectionné une balise transformable, Dreamweaver la transforme en région répétée sans autres opérations.

   • Si vous insérez une nouvelle région répétée vierge, effectuez l'une des actions suivantes :

     • Choisissez Insérer une nouvelle région répétée au point d'insertion actuel puis cliquez sur OK.

     • Choisissez Transformer la balise parente en région répétée si vous voulez que Dreamweaver fasse de la balise parente de la sélection le conteneur de la région. Seules certaines balises HTML sont transformables : a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul et var.

       Remarque : Cette seconde option n'est disponible que lorsque le nœud parent répond précisément aux critères de transformation. Par exemple, il doit s'agit d'une des balises transformables indiquées, et elle ne doit pas être confrontée à l'une des erreurs répertoriées dans la section Messages d'erreur d'InContext Editing.

   • Si vous avez sélectionné une région répétée d'un modèle Dreamweaver, cliquez sur OK dans la boîte de dialogue Créer une région répétée. Dreamweaver entoure la région répétée du modèle d'une balise div qui fait office de conteneur pour la nouvelle région répétée InContext Editing.

   • Si vous avez sélectionné un autre contenu à rendre répétable, effectuez l'une des opérations suivantes :

     • Choisissez Entourer la sélection actuelle d'une balise DIV puis la transformer si vous voulez entourer votre sélection d'une balise div puis la transformer en région répétée. La balise div dont Dreamweaver entoure le contenu fait office de conteneur pour la région répétée.

     • Choisissez Transformer la balise parente en région répétée si vous voulez que Dreamweaver fasse de la balise parente de la sélection le conteneur de la région répétée. Seules certaines balises HTML sont transformables : a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul et var.

4. En mode Création, cliquez sur l'onglet bleu de la région répétée afin de la sélectionner, si ce n'est pas déjà fait. Notez que Dreamweaver vous force en fait à sélectionner l'onglet du groupe de régions répétées. En effet, toutes les régions répétées existent dans un groupe de régions répétées, et vous devez définir les options de ces régions pour le groupe tout entier.

5. Activez ou désactivez des options dans l'inspecteur Propriétés Groupe de régions répétées. Deux options sont disponibles : Réorganiser et Ajouter/Supprimer. Si vous activez Réorganiser, les utilisateurs pourront déplacer les régions répétées vers le haut ou vers le bas lorsqu'ils y apporteront des modifications dans un navigateur. Si vous activez Ajouter/Supprimer, les utilisateurs pourront ajouter ou supprimer des régions répétées. Les deux options sont activées par défaut, et une des deux doit toujours être activée.

6. Enregistrez la page.

   Si c'est la première fois que vous ajoutez la fonctionnalité InContext Editing à une page, Dreamweaver vous informe qu'il ajoute des fichiers de support InContext Editing à votre site: ice.conf.js, ice.js et ide.html. N'oubliez pas de charger ces fichiers sur le serveur lors de l'envoi de la page, faute de quoi la fonctionnalité InContext Editing ne sera pas utilisable dans un navigateur.