Piwigo.org

Loic80l · 2011-07-05 15:01:28

Bonjour,

Quand on clique sur les photos directement sur la map sur mon site, la catégorie des photos s'ouvre à l'intérieur du bloc de la map, ce qui n'est pas idéal pour la navigation. Y-a-t-il un moyen d'ouvrir dans une nouvelle fenetre?

Merci!

patfrwar · 2011-07-05 16:33:47

oui loic, c'est pas génial

et je n sais pas ou il faut faire la modif

grace à firebug, j'ai réussi à ouvrir une nouvelle page avec Une de tes images
mais ca ne nous dis pas ou et dans quel fichier aller rajouter l'info qui ouvre cette fenetre

voici le code firebug, a ne pas ajouter , car c'est hors contexte
--------------------------------------------------------------------------

original :
--------------
<div class="gmiw_imageContent">
<div class="gmiw_imageWrap">
<a href="/picture.php?/1547/categories">
</a>
</div>
<div class="gmiw_imageComment">

Modifié :
--------------
<div class="gmiw_imageContent">
<div class="gmiw_imageWrap">
<a target="_blank" href="/picture.php?/1547/categories">
</a>
</div>
<div class="gmiw_imageComment">

et la ca ouvre une nouvel onglet dans ton navigateur

cordialement

Loic80l · 2011-07-05 16:38:50

patfrwar a écrit:
oui loic, c'est pas génial

et je n sais pas ou il faut faire la modif

grace à firebug, j'ai réussi à ouvrir une nouvelle page avec Une de tes images
mais ca ne nous dis pas ou et dans quel fichier aller rajouter l'info qui ouvre cette fenetre

voici le code firebug, a ne pas ajouter , car c'est hors contexte
--------------------------------------------------------------------------

original :
--------------
<div class="gmiw_imageContent">
<div class="gmiw_imageWrap">
<a href="/picture.php?/1547/categories">
</a>
</div>
<div class="gmiw_imageComment">

Modifié :
--------------
<div class="gmiw_imageContent">
<div class="gmiw_imageWrap">
<a target="_blank" href="/picture.php?/1547/categories">
</a>
</div>
<div class="gmiw_imageComment">

et la ca ouvre une nouvel onglet dans ton navigateur

cordialement

ok, tu as changé le
<a href="/picture.php?/1547/categories">
en
<a target="_blank" href="/picture.php?/1547/categories">
Dans Firebug, tu as trouvé ce code quelque part non? dans le map.php?

Loic80l · 2011-07-05 19:26:01

Dans quel fichier faut-il faire les changements?

Gotcha · 2011-07-05 20:50:01

Loic80l a écrit:
Dans quel fichier faut-il faire les changements?

http://piwigo.org/dev/browser/extension … er.js#L202

;-)

Loic80l · 2011-07-05 22:49:38

merci mais je ne vois pas de telle ligne de code dans ce fichier

patfrwar · 2011-07-05 23:18:43

re

regarde la ligne 206 et ajoute :

target="_blank"

entre <a

et

href

mais il doit y avoir moyen de faire mieux
et la faut faire appel au pro du code , une fancybox serait bien pour afficher l'image
mais je ne sais pas faire,

désolé

mes compétence sont limités

@+
Patrick

Loic80l · 2011-07-06 09:27:00

Merci Patrick.

1/ Quand je clique directement sur une image, cela me l'ouvre dans une nouvelle fenetre --> OK
2/ Quand je clique sur "présente tout" pour voir l'album de la ville en question, cela me l'ouvre à l'intérieur du bloc --> pas OK

patfrwar · 2011-07-06 10:15:29

bonjour loic

dit moi utilises tu firefox comme navigateur

si oui

as tu installé le module Firebug ?

si oui
dans la bare de firebug tu as une icone "rectangle bleu" tu cliques dessus et tu balade ton curseur de souris sur ta page tu vas voir à ce moment la des zones bleu claires

la zone bleu clair correspond au code source que tu as en bas à gauche

dans se code source , si tu as par exemple " <div class=turlututu " si tu cliques sur le class à ce moment la sur la droite tu as le css qui s'affiche

donc pour ton cas de fenetre, ce n'est pas dans le css

il faut que dans ta page tu reperes l'endroit ou quand tu cliques ca te donne l'image dans le bloc
à ce moment la tu vas voir dans le code une lique qui comence par :" <a href ".....
la ligne au dessus doit être : <div class=.....
tu notes le nom de la class (ce qui est après le = )

tu vas dans le code de Gotcha
avec ton navigateur tu fait rechercher dans : et tu notes le nom de la class
du coup tu va trouver la ligne ou il y a la class et la ligne en dessous c'est celle ou il y a le "<a href"

tu ajoutes le "target" qui va bien et roule ma poule

à plus
Patrick

Loic80l · 2011-07-06 11:34:11

Voila ce que Firebug me dit

Code:

<div>
<div class="gmiw_header" style="">
<span id="pwgImageCounters">
</span>
<a id="gotoPrevImage" href="javascript:void(0);">
</a>
<a id="gotoNextImage" href="javascript:void(0);">
</a>
<a id="pwgImageBlowup" title="Présente toutes les images à proximité de ces coordonnées" onclick="return PwgDataHandler.blowupUrl(this.href);" href="/plugins/rv_gmaps/mapl.php?/categories&box=55.749081,37.620301,55.754184,37.624283">
<img style="border: 0pt none;" alt="" src="http://www.capture-the-world.com/plugins/rv_gmaps/icons/pic_s.gif">
<span>Présente tout</span>
</a>
</div>
<div id="pwgImageDetail">
<div class="gmiw_imageTitle">2008-Russia-Moscow-05.jpg</div>
<div class="gmiw_imageContent">
<div class="gmiw_imageWrap">
<a href="/picture.php?/1537/categories" target="_blank">
<img alt="thumb" src="/upload/2011/06/26/thumbnail/TN-20110626213940-d13a095e.jpg">
</a>
</div>
<div class="gmiw_imageComment"></div>
</div>
</div>
</div>

Ce qu'il m'a surligné en bleu: <span>Présente tout</span>

La classe en question est "gmiw_header" style=""
En les 2 href sont pour l'image précédente et l'image suivante, ce qui ne m'intéresse pas.

patfrwar · 2011-07-06 12:53:27

re

bon moi je ferai comme essai de modifier (d'apres le code que tu nous fournis)

<a id="pwgImageBlowup"
à remplacer par :
<a target="_blank" id="pwgImageBlowup"

sans garantie

cdlt
Patrick

Loic80l · 2011-07-06 13:27:44

Merci!
Mais je ne trouve pas le fichier où je dois faire la motif :o(

patfrwar · 2011-07-06 13:39:26

c'est celui ou je t'ai fait modifier la ligne 206

cdlt

Loic80l · 2011-07-06 13:47:37

J'ai rajoouté dans le code:

if (this.options.show_all_img_src)
imgShowAll = '<img src="'+this.options.show_all_img_src+'" alt="" style="border:0" /> ';
content += '<a target="_blank" id="pwgImageBlowup" href="'+marker.pwg.blowup_url+'" onclick="return PwgDataHandler.blowupUrl(this.href);" title='+Localization.getQ('show all photos around this location')+'>'+
imgShowAll+ '<span>'+Localization.get('Show all')+'</span>'+
'</a>';

Mais pas d'effet

patfrwar · 2011-07-06 13:54:14

hum, oui
il y a du script derrière
je reviens + tard, taff oblige
essai d'enlever : (this.href)

sans garantie

et enleve aussi ce que je t'ai fait ajouter "target ...."

Piwigo.org

Annonce

#1 2011-07-05 15:01:28

Map & Earth - Faire ouvrir dans une nouvelle fenetre

#2 2011-07-05 16:33:47

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#3 2011-07-05 16:38:50

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

patfrwar a écrit:

#4 2011-07-05 19:26:01

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#5 2011-07-05 20:50:01

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

Loic80l a écrit:

#6 2011-07-05 22:49:38

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#7 2011-07-05 23:18:43

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#8 2011-07-06 09:27:00

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#9 2011-07-06 10:15:29

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#10 2011-07-06 11:34:11

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

Code:

#11 2011-07-06 12:53:27

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#12 2011-07-06 13:27:44

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#13 2011-07-06 13:39:26

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#14 2011-07-06 13:47:37

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

#15 2011-07-06 13:54:14

Re: Map & Earth - Faire ouvrir dans une nouvelle fenetre

Pied de page des forums