Je patauge avec les calques (DW)
Fermé
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
-
2 déc. 2002 à 21:18
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 5 déc. 2002 à 01:12
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 5 déc. 2002 à 01:12
7 réponses
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
2 déc. 2002 à 21:20
2 déc. 2002 à 21:20
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 ;-))
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
3 déc. 2002 à 20:13
3 déc. 2002 à 20:13
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 ;-))
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
3 déc. 2002 à 21:04
3 déc. 2002 à 21:04
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 ]]
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
3 déc. 2002 à 21:27
3 déc. 2002 à 21:27
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
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
3 déc. 2002 à 22:16
3 déc. 2002 à 22:16
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 ]]
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
3 déc. 2002 à 22:56
3 déc. 2002 à 22:56
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 ;-))
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
3 déc. 2002 à 23:32
3 déc. 2002 à 23:32
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 ]]
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
5 déc. 2002 à 01:12
5 déc. 2002 à 01:12
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 ;-))
