Cahiers Pratiques et Références

Cahier Dreamweaver : Atelier 9

Un puzzle à l'aide des calques
Tous les articles Dreamweaver
Script de vérification

Notre puzzle ne serait pas complet si l'on n'annonçait pas aux visiteurs quand ils ont gagné. Dreamweaver possède une importante bibliothèque de scripts dédiés, mais rien d'aussi précis. Il va nous falloir créer ce script à la main et l'insérer au bon endroit dans la page.

Commencez par copier le script dans le Presse-papiers :

<!--
Reponse = new Array(4);

function Valide(valeur){
   var Total_Reponses;
   Reponse[valeur - 1] = "OK";
   Total_Reponses = 0;
   i = 0;
   for (i = 0; i <= 3; i++)
      {if (Reponse[i] == "OK") Total_Reponses = Total_Reponses + 1
      }
   if (Total_Reponses == 4) alert('Gagné !');
}
// -- >

puis :

  1. Choisissez Affichage > Contenu de l'en-tête et placez le point d'insertion de Dreamweaver dans l'en-tête.

  2. Affichez la catégorie Invisible de la palette Objets.



  3. Figure 4 : Les objets invisibles de Dreamweaver

  4. Sélectionnez l'objet Insérer un script dans la palette Objets.

  5. Une nouvelle boîte de dialogue s'ouvre : c'est ici que vous allez copier votre script.



    Figure 5 : C'est ici que vous allez saisir vos scripts

  6. Choisissez JavaScript dans la liste déroulante Langage, puis copiez le script dans le champ Contenu.

Le script de vérification est prêt, vos pièces aussi. Il ne reste plus qu'à permettre à celles-ci de se déplacer !

Conseil
  Personnalisez !

Bien sûr, ce script est entièrement personnalisable. N'hésitez pas à changer le nombre de pièces de votre puzzle (ici 4) ainsi que le message de félicitations (gagné !).



 Ordre des calques 1 2 3 4 5 Configuration du Drag & drop