Extraction de JavaScript
JavaScript Extractor (JSE) supprime tout le code JavaScript (ou la plupart de celui-ci) de votre document Dreamweaver, l'exporte dans un fichier externe et lie ce fichier à votre document. JSE peut également supprimer des gestionnaires d'événements tels que onclick et onmouseover de votre code puis joindre à votre document, de manière transparente, le code JavaScript associé à ces gestionnaires.
Avant d'employer JavaScript Extractor, nous attirons votre attention sur les limitations suivantes :
JSE n'extrait pas les balises de script du corps du document (sauf dans le cas de widgets Spry). Il se pourrait que l'externalisation de ces scripts donne des résultats inattendus. Par défaut, Dreamweaver affiche la liste de ces scripts dans la boîte de dialogue Externaliser le code JavaScript, mais ne les sélectionne pas pour extraction. Si vous le souhaitez, vous pouvez les sélectionner manuellement.
JSE n'extrait pas le code JavaScript des régions modifiables de fichiers .dwt (modèle Dreamweaver), de régions non modifiables d'instances de modèles ou d'éléments de bibliothèque Dreamweaver.
Lorsque vous avez extrait le code JavaScript à l'aide de l'option Externaliser le code JavaScript et associer de manière transparente, vous ne pouvez plus modifier les comportements Dreamweaver dans le panneau Comportements. Dreamweaver ne peut pas inspecter et compléter le panneau Comportements à l'aide de comportements qu'il a associés de manière transparente.
Il est impossible d'annuler vos modifications après avoir fermé la page. Vous pouvez par contre annuler les modifications tant que vous restez dans la même session d'édition. Pour annuler, choisissez Edition > Annuler Externaliser le code JavaScript.
Il se peut que certaines pages très complexes ne fonctionnent pas comme prévu. Faites preuve de prudence lors de l'extraction de code JavaScript de pages dont le corps et les variables globales contiennent document.write().
Pour utiliser JavaScript Extractor :
Ouvrez une page qui contient du code JavaScript (par exemple une page Spry).
Choisissez Commandes > Externaliser le code JavaScript.
Dans la boîte de dialogue Externaliser le code JavaScript, modifiez éventuellement les options par défaut.
Choisissez Externaliser le code JavaScript uniquement si vous voulez que Dreamweaver déplace le code JavaScript dans un fichier externe et qu'il y fasse référence dans le document actuel. Cette option laisse les gestionnaires d'événements tels que onclick et onload dans le document et conserve les comportements visibles dans le panneau Comportements.
Choisissez Externaliser le code JavaScript et associer de manière transparente si vous voulez que Dreamweaver 1) déplace le code JavaScript vers un fichier externe et y fasse référence dans le document actuel, et 2) supprime les gestionnaires d'événements du code HTML et les insère en cours d'exécution à l'aide de JavaScript. Lorsque vous sélectionnez cette option, vous ne pouvez plus modifier les comportements dans le panneau Comportements.
Dans la colonne Modifier, désactivez les modifications que vous ne voulez pas apporter, ou activez celles que Dreamweaver n'a pas sélectionnées par défaut.
Par défaut, Dreamweaver présente mais ne sélectionne pas les modifications suivantes :
Les blocs de script dans l'en-tête du document qui contiennent des appels document.write() ou document.writeln().
Les blocs de script dans l'en-tête du document qui contiennent des signatures de fonction associées au code de gestion EOLAS, qui utilise document.write().
Les blocs de script dans le corps du document, sauf s'ils contiennent uniquement un widget Spry ou des constructeurs d'ensembles de données Spry.
Dreamweaver attribue automatiquement des ID aux éléments qui n'en possèdent pas encore. Si ces ID ne vous conviennent pas, vous pouvez les modifier dans les zones de texte ID.
Cliquez sur OK.
La boîte de dialogue de synthèse récapitule les extractions. Passez ces extractions en revue puis cliquez sur OK.
Enregistrez la page.
Dreamweaver crée un fichier SpryDOMUtils.js, ainsi qu'un autre fichier contenant le code JavaScript extrait. Dreamweaver enregistre le fichier SpryDOMUtils.js dans un dossier SpryAssets de votre site. L'autre fichier est enregistré au même niveau que la page à partir de laquelle vous avez extrait le code JavaScript. N'oubliez pas de charger ces deux fichiers dépendants sur votre serveur Web lorsque vous enverrez la page d'origine.