The way to convert a Spry menu bar into a server-side include is as follows:

Make sure you are in Code view. If you are in Design view, Dreamweaver will automatically delete important code that you need to preserve.

Click anywhere inside the menu in Code view, and select <ul#MenuBar> (the name might be slightly different) in the Tag selector at the bottom of the Document window.

Press Ctrl X/Cmd X to cut the menu to your clipboard.
Dreamweaver will probably warn you about a missing widget, and ask if you want to remove the related code. You must click NO.

Create a new page. Open it in Code view, and delete ALL code. The page must be completely blank.

Paste the menu from your clipboard into the blank page in Code view.

Return to the original page from which you cut the menu.

Scroll down to the bottom of the page, select the following code, cut it to the clipboard, and paste it below the menu code in the include file:

<script type="text/javascript">
<!--
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

In the include file, change all links to site-root-relative. For example, change <a href="Neuanf.php" to <a href="/Neuanf.php". The leading slash makes it site-root-relative. This is necessary for the link to work correctly.

Include the menu, using quotes around the file name, e.g., <?php include("includes/menu.inc.php"); ?>.

Make sure that each page has links in the head to SpryAssets/SpryMenuBar.js and SpryAssets/SpryMenuBarHorizontal.css.

If existing pages have the script shown in item 8 above, remove it. The menu will use the script in the include file.

Le moyen de convertir une barre de menu Spry dans une inclusion côté serveur est la suivante:

Assurez-vous que vous êtes en mode Code. Si vous êtes en mode Création, Dreamweaver supprime automatiquement le code important que vous devez conserver.

Cliquez n'importe où dans le menu en mode Code, et sélectionnez <ul#MenuBar> (le nom pourrait être légèrement différente) dans le sélecteur de balises au bas de la fenêtre de document.

Appuyez sur Ctrl X / Cmd X pour couper le menu à votre presse-papiers.
Dreamweaver va probablement vous mettre en garde contre un widget manquantes, et vous demander si vous souhaitez supprimer le code associé. Vous devez cliquer sur NO.

Créer une nouvelle page. Ouvrez-le en mode Code, et supprimer le code ALL. La page doit être totalement vierges.

Coller dans le menu de votre presse-papiers dans la page blanche en mode Code.

Retour à la page d'origine à partir duquel vous couper le menu.

Faites défiler vers le bas de la page, sélectionnez le code suivant, il coupe le presse-papiers, et collez-le ci-dessous le code de menu dans le fichier include:

<script type="text/javascript">
<!--
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

Dans le fichier d'inclusion, de changer tous les liens vers des sites relatifs à la racine. Par exemple, le changement <a href = "Neuanf.php" <a href = "/ Neuanf.php". La barre oblique, il est la racine du site relative. Cela est nécessaire pour le lien fonctionne correctement.

Inclure dans le menu, l'usage des citations autour du nom de fichier, par exemple, <? Php include ("includes / menu.inc.php");?>.

Assurez-vous que chaque page a des liens dans la tête pour SpryAssets / SpryMenuBar.js et SpryAssets / CSS.

Si les pages existantes ont montré le script à l'article 8 ci-dessus, le retirer. Le menu va utiliser le script dans le fichier d'inclusion.