TE.V Tutorial

Extension Snap Layers de Project SevenRubrique : Extensions TiercesDreamweaver MXLogiciel :Description : Un problème récurrent au sujet de l'utilisation des calques est le problème du positionnement par rapport à des éléments tels que des images, dans un document utilisant des tableaux définit en pourcentage, en cas de résolutions différentes de l'écran ayant servi à la mise en page ou en cas de redimensionnement de la fenêtre du navigateur.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.Placement des imagesOn crée tout d'abord une interface, avec un tableau de trois lignes et deux colonnes, faisant 100% de largeur, j'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 l'Inspecteur de propriétes 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 l'inspecteur de liens javascript:; (javacsript deux points point virgule), lien qui nous permettra d'afficher les calques sur un évenement OnMouseOver.Placement des calquesOn définit ensuite trois calques, ayant pour noms, layerUn, layerDeux, layerTrois ...