Je patauge avec les calques (DW)
txiki
Messages postés
6819
Date d'inscription
Statut
Contributeur
Dernière intervention
-
txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention -
Bonsoir a tous,
Voilà mon PB:
Dans une page, j'ais une carte qui sert d'image d'arriere plan. Sue cette image, j'ais dessiné 5 calques, cachés par défaut (hidden).
Or je voudrais les faire apparaitre par dessus cette image de carte (et non pas sur une nouvelle page comme actuellement), un a chaque fois selon le lien cliqué dans la barre située juste au dessus.
Dois-je utiliser du javascript (ou autre) ou simplement en utilisant les comprtements de Dreamweaver4 ?
Je commence a perdre les pédales et a désespérer :-(((((
Merci pour vos éclaircissements.
P.S: je peux mettre la page sur le site de test si ça peut vous aider.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Voilà mon PB:
Dans une page, j'ais une carte qui sert d'image d'arriere plan. Sue cette image, j'ais dessiné 5 calques, cachés par défaut (hidden).
Or je voudrais les faire apparaitre par dessus cette image de carte (et non pas sur une nouvelle page comme actuellement), un a chaque fois selon le lien cliqué dans la barre située juste au dessus.
Dois-je utiliser du javascript (ou autre) ou simplement en utilisant les comprtements de Dreamweaver4 ?
Je commence a perdre les pédales et a désespérer :-(((((
Merci pour vos éclaircissements.
P.S: je peux mettre la page sur le site de test si ça peut vous aider.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
A voir également:
- Je patauge avec les calques (DW)
- Fusion automatique des calques photoshop grisé ✓ - Forum Photoshop
- Le fichier à télécharger comporte une image composée de quatre calques numérotés de 1 à 4. dans la fenêtre des calques, mettez les calques dans cet ordre : 2 (tout en haut) 3 1 4 (tout en bas) quelle suite d’animaux s’affiche de gauche à droite ? - Forum Photoshop
- Le fichier à télécharger comporte plusieurs calques. l’un d’eux contient un mot caché. quel est ce mot ? - Forum Graphisme
- Ou sont mes calques ? ✓ - Forum Graphisme
- Défusionner des calques photoshop ✓ - Forum The Gimp
7 réponses
PS: j'utilise la fonction "onclick" dans les comprtements.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Bonsoir,
Alors ! personne n'a une idée sur la question:
Comment faire pour afficher un calque quand le visiteur clique sur un lien ?
(dans une page qui contient 5 calques masqués par défaut).
Question subsidiaire: l'action du clic doit aussi masquer le calque actif (affiché)
Utiliser du javascript ??? mais alors je ne suis pas dans le bon forum et dans ce cas, basculez sans hésiter. Merci aux modos.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Alors ! personne n'a une idée sur la question:
Comment faire pour afficher un calque quand le visiteur clique sur un lien ?
(dans une page qui contient 5 calques masqués par défaut).
Question subsidiaire: l'action du clic doit aussi masquer le calque actif (affiché)
Utiliser du javascript ??? mais alors je ne suis pas dans le bon forum et dans ce cas, basculez sans hésiter. Merci aux modos.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Bsr Txiki,
Qu'est-ce que tu appelles un "calque" ?
Sous Photoshop je vois très bien mais en HTML ...
Un tag <div>, un tag <layer> ??
Si tu avais un ex de code ca irait mieux . ;-)
@+
Philippe
[[ The Truth is Out There ]]
Qu'est-ce que tu appelles un "calque" ?
Sous Photoshop je vois très bien mais en HTML ...
Un tag <div>, un tag <layer> ??
Si tu avais un ex de code ca irait mieux . ;-)
@+
Philippe
[[ The Truth is Out There ]]
Salut php et merci,
Ca doit etre comme les calques de photoshop, ça marche de la même façon, tu dessine un calque, tu le positionne et tu insère une ou plusieurs images ou texte dedans. Après tu le laisse apparent (affiché) ou tu le cache (masqué) et le visiteur a la possibilité de se l'afficher (sans qu'il sache d'ailleur que c'est un calque) soit par un clic, soit par le passage de la souris etc....
voici un exemple de code généré par dreamweaver:
<body background="../../images/gris.jpg">
<div id="chapelles" style="position:absolute; left:239px; top:241px; width:575px; height:485px; z-index:1; visibility: hidden" onClick="MM_showHideLayers('pics','','hide');MM_showHideLayers('chapelles','','show','villes','','show');MM_showHideLayers('chapelles','','hide')"><img src="soule-A-chapelles.gif" width="521" height="486" usemap="#Map3" border="0">
<map name="Map3">
<area shape="rect" coords="441,244,455,271" href="../../fiches-cartes_S/eglises/egl-St-Blaise.htm" alt="Hopital St. Blaise" title="Hopital St. Blaise">
<area shape="rect" coords="422,393,440,421" href="#" alt="Barcus" title="Barcus">
<area shape="rect" coords="293,403,308,427" href="#" alt="St. André" title="St. André">
<area shape="rect" coords="105,391,121,417" href="#" alt="St. Antoine" title="St. Antoine">
</map>
</div>
<div id="pics" style="position:absolute; left:239px; top:246px; width:575px; height:485px; z-index:1; visibility: hidden"><img src="soule-A-pics.gif" width="521" height="486"></div>
<div id="villes" style="position:absolute; left:239px; top:247px; width:575px; height:485px; z-index:1; visibility: hidden"><img src="soule-A-villages.gif" width="521" height="486"></div>
<table width="500" border="0" cellspacing="0" align="center" height="60" bgcolor="#333333">
Si ça peut t'aider ???? en tous cas de t'interresser a mon cas.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Ca doit etre comme les calques de photoshop, ça marche de la même façon, tu dessine un calque, tu le positionne et tu insère une ou plusieurs images ou texte dedans. Après tu le laisse apparent (affiché) ou tu le cache (masqué) et le visiteur a la possibilité de se l'afficher (sans qu'il sache d'ailleur que c'est un calque) soit par un clic, soit par le passage de la souris etc....
voici un exemple de code généré par dreamweaver:
<body background="../../images/gris.jpg">
<div id="chapelles" style="position:absolute; left:239px; top:241px; width:575px; height:485px; z-index:1; visibility: hidden" onClick="MM_showHideLayers('pics','','hide');MM_showHideLayers('chapelles','','show','villes','','show');MM_showHideLayers('chapelles','','hide')"><img src="soule-A-chapelles.gif" width="521" height="486" usemap="#Map3" border="0">
<map name="Map3">
<area shape="rect" coords="441,244,455,271" href="../../fiches-cartes_S/eglises/egl-St-Blaise.htm" alt="Hopital St. Blaise" title="Hopital St. Blaise">
<area shape="rect" coords="422,393,440,421" href="#" alt="Barcus" title="Barcus">
<area shape="rect" coords="293,403,308,427" href="#" alt="St. André" title="St. André">
<area shape="rect" coords="105,391,121,417" href="#" alt="St. Antoine" title="St. Antoine">
</map>
</div>
<div id="pics" style="position:absolute; left:239px; top:246px; width:575px; height:485px; z-index:1; visibility: hidden"><img src="soule-A-pics.gif" width="521" height="486"></div>
<div id="villes" style="position:absolute; left:239px; top:247px; width:575px; height:485px; z-index:1; visibility: hidden"><img src="soule-A-villages.gif" width="521" height="486"></div>
<table width="500" border="0" cellspacing="0" align="center" height="60" bgcolor="#333333">
Si ça peut t'aider ???? en tous cas de t'interresser a mon cas.
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hummm ... oui je crois en effet que tu peux mettre la page sur ton site de test ...
Parce que rien que la séquence :
onClick="MM_showHideLayers('pics','','hide');MM_showHideLayers('chapelles','','show','villes','','show');MM_showHideLayers('chapelles','','hide')"
Me paraît bizarre !
Tu masques le calque "pics" puis tu affiches les calques "chapelles" et "villes" , enfin tu masque le calque "chapelles" : faudrait savoir ! Le calque "chappelles" est affiché oui ou non ?
@+
Php
[[ The Truth is Out There ]]
Parce que rien que la séquence :
onClick="MM_showHideLayers('pics','','hide');MM_showHideLayers('chapelles','','show','villes','','show');MM_showHideLayers('chapelles','','hide')"
Me paraît bizarre !
Tu masques le calque "pics" puis tu affiches les calques "chapelles" et "villes" , enfin tu masque le calque "chapelles" : faudrait savoir ! Le calque "chappelles" est affiché oui ou non ?
@+
Php
[[ The Truth is Out There ]]
Salut php,
La carte est en place (http://txiki.free.fr lien cartographie ) ou directement ici:
http://txiki.free.fr/Cartes-Euskadi/Soule-A/carte%20du%20Pays.htm
Les symboles sont en réalisté des images réactives qui ouvriront une popup avec photo et un petit speetch.
Merci encore, ce serait super si tu trouve l'erreur...
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
La carte est en place (http://txiki.free.fr lien cartographie ) ou directement ici:
http://txiki.free.fr/Cartes-Euskadi/Soule-A/carte%20du%20Pays.htm
Les symboles sont en réalisté des images réactives qui ouvriront une popup avec photo et un petit speetch.
Merci encore, ce serait super si tu trouve l'erreur...
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
Remoi,
Ouais, je serais toi j'apprendrais sérieusement JavaScript plutôt que de te laisser "guider" un peu au hasard par DreamWeaver...
Bien voici un ex de page : je n'ai corrigé que le 1er lien sur Chappelles
Testes : http://www.nobodysperfect.freesurf.fr/txiki/carte.htm
Liste des modifications apportées :
Ajout de :
<base href="http://txiki.free.fr/Cartes-Euskadi/Soule-A/">
car j'ai besoin de référencer ton site comme base pour ma page sinon je ne trouve pas tes images (je te rappelles que ma page se trouve sur mon site mais que le contenu est sur le tient ...)
Le lien sur Chappelles devient :
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href= "#" onclick="MM_showHideLayers('chapelles','','show');return false">Chapelles-Ermitages</a></font></div>
J'ai également dû rajouter le code Javascript de Macromedia DW que pour une raison obscure tu as supprimé de ta page ...
A savoir :
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
Et voilà ... ;:-)
@+
Php
[[ The Truth is Out There ]]
Ouais, je serais toi j'apprendrais sérieusement JavaScript plutôt que de te laisser "guider" un peu au hasard par DreamWeaver...
Bien voici un ex de page : je n'ai corrigé que le 1er lien sur Chappelles
Testes : http://www.nobodysperfect.freesurf.fr/txiki/carte.htm
Liste des modifications apportées :
Ajout de :
<base href="http://txiki.free.fr/Cartes-Euskadi/Soule-A/">
car j'ai besoin de référencer ton site comme base pour ma page sinon je ne trouve pas tes images (je te rappelles que ma page se trouve sur mon site mais que le contenu est sur le tient ...)
Le lien sur Chappelles devient :
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href= "#" onclick="MM_showHideLayers('chapelles','','show');return false">Chapelles-Ermitages</a></font></div>
J'ai également dû rajouter le code Javascript de Macromedia DW que pour une raison obscure tu as supprimé de ta page ...
A savoir :
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
Et voilà ... ;:-)
@+
Php
[[ The Truth is Out There ]]
salut php et merci infiniment; c'est exactement ce que je voulais obtenir.
"Ouais, je serais toi j'apprendrais sérieusement JavaScript plutôt que de te laisser "guider" un peu au hasard par DreamWeaver..."
Tu as tout a fait raison; mais j'avais réussi a le faire puis j'ais du passer a autre chose et je me suis perdu les pinceaux. Je m'énerve un peu trop facilement et c'est pas bon du tout, la preuve.
"J'ai également dû rajouter le code Javascript de Macromedia DW que pour une raison obscure tu as supprimé de ta page ... "
J'ais quelques soucis en ce moment avec dreamweaver, j'ais même du le ré-installer mais ça s'arange pas. Il est très, très long a démarrer, et même après, j'ais beaucoup de mal a utiliser la souris pour sélectionner ou ouvrir un fichier. Je ne sais pas ce qu'il se passe. En tous cas, moi, je n'ais rien supprimé dans le code généré par dream. J'ais l'impression qu'il est plein de bugs ????
Ce n'est vraiment pas normal en tous cas.
Je t'envoi les images qui vont avec cette page, mais je crois que vais essayer de me débrouiller quand même, pour tenter de comprendre ce qui se passe avec dream4.
A bientot ;-)))))
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
"Ouais, je serais toi j'apprendrais sérieusement JavaScript plutôt que de te laisser "guider" un peu au hasard par DreamWeaver..."
Tu as tout a fait raison; mais j'avais réussi a le faire puis j'ais du passer a autre chose et je me suis perdu les pinceaux. Je m'énerve un peu trop facilement et c'est pas bon du tout, la preuve.
"J'ai également dû rajouter le code Javascript de Macromedia DW que pour une raison obscure tu as supprimé de ta page ... "
J'ais quelques soucis en ce moment avec dreamweaver, j'ais même du le ré-installer mais ça s'arange pas. Il est très, très long a démarrer, et même après, j'ais beaucoup de mal a utiliser la souris pour sélectionner ou ouvrir un fichier. Je ne sais pas ce qu'il se passe. En tous cas, moi, je n'ais rien supprimé dans le code généré par dream. J'ais l'impression qu'il est plein de bugs ????
Ce n'est vraiment pas normal en tous cas.
Je t'envoi les images qui vont avec cette page, mais je crois que vais essayer de me débrouiller quand même, pour tenter de comprendre ce qui se passe avec dream4.
A bientot ;-)))))
http://abarka.free.fr
Quand la syntaxe va, TOUT va ;-))
