personnaliser l’affichage de #URL_DOCUMENT

jolinar

Août 2011

Bonjour,

Est-il possible de personnaliser la page #URL_DOCUMENT ou y a-t-il une possibilité de développer une page pour que lorsqu’on clique sur une image, cette image s’affiche en taille réelle dans une nouvelle page mais en restant dans l’interface du site avec le design (l’en-tête, le menu et le pied de page).

Merci à tous les spipeurs !

Boucles Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

aleks

Août 2011

Bonjour,

la taille "réelle" peut-être très variable, donc difficile d’adapter le design en conséquence. Ceci dit, ça doit être faisable :

#URL_DOCUMENT pointe sur l’adresse directe du fichier image dans le répertoire IMG/. Une solution peut-être d’appeler l’image dans la même page en passant un id_document en variable d’url :
#SELF|parametre_url{#ID_DOCUMENT}
puis de récupérer une copie en cache de l’image dans /local, mais aux dimensions originales avec un #ENV et de l’afficher plein pot en indiquant une taille suffisamment grande pour ne pas redimensionner l’image (non testé...) :
<BOUCLE_image(DOCUMENTS){id_document=#ENV{id_document}} ...> #FICHIER|image_reduire{10000} </BOUCLE_image> Ici le code normal (si pas de variable id_document dans l'url) <//B_image>
Voilà voilà, on sait jamais ça peut marcher...
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Août 2011

Salut Aleks,

J’ai testé ton code dans mon site et hors de mon site mais cela ne fonctionne pas. Soit j’atterris à la racine de mon site, soit j’atterris sur la présentation normale du document avec #URL_DOCUMENT.

Est-ce que quelqu’un aurait une autre idée ?
Merci de votre, je galère là...
Indiquez l’intérêt que vous portez à cette réponse

0

Brain_Damage

Août 2011

je comprend pas trop ta question

mais si tu veux recuperer l’url de ton fichier source

#FICHIER devrait suffire

pour l’afficher a la taille original dans un squelette
<img src="#FICHIER" />
si tu la redimensionne il faut faire un extraire_attribut pour récuperer l’url de l’image stockée en cache
<img src="#FICHIER|image_reduire{xxx}|extraire_attribut{src}" />
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Août 2011

Bonjour Brain_Damage,

En faite, J’ai un article avec une liste de vignettes et je voudrais que lorsqu’on clique sur une vignette, l’image s’affiche en taille réelle mais dans le squelette de mon site spip. #URL_DOCUMENT permet bien d’afficher mes images en taille réelle mais le problème c’est que l’image est dans une page blanche.
Actuellement j’ai :
<h2><:info_portfolio:></h2> <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=image}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=oui}> [<a href="(#URL_DOCUMENT)" type="#MIME_TYPE" onclick="location.href='[(#URL_DOCUMENT|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio';return false;"[ class="(#EXPOSER)"][ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER |image_reduire{0,50} |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a>] </BOUCLE_documents_portfolio>
Donc je souhaite soit :
Personnaliser la page envoyée par #URL_DOCUMENT
Soit :
Créer une page avec un squelette spécial qui génèrerait l’image en taille réelle dans le contexte de mon site.

(Pas de soucis dans la gestion de la taille de l’image en taille réelle puisque je la paramètrerai auparavant dans photoshop pour qu’elle ne dépasse pas des limites de mon site)
Indiquez l’intérêt que vous portez à cette réponse

0

Michel

Septembre 2011

le plus simple serais d’utiliser thickbox

http://www.spip-contrib.net/Plugin-Thickbox
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Septembre 2011

Merci de ton aide Michel mais ce n’est pas ce que je cherche car je voudrais une page entièrement squelettisable afin de mettre plus d’infos concernant mon image dans la 3ème colonne de mon site. Je pense que la première étape serait déjà de pouvoir faire afficher mon image en taille réelle dans ce nouveau squelette car ensuite, ça ne sera pas difficile pour moi d’ajouter les paramètres que je souhaite, c’est pour cela que je cherche à personnaliser la présentation de la page renvoyée par #URL_DOCUMENT.

Est-ce que quelqu’un aurait une idée ?
Merci de votre aide !
Indiquez l’intérêt que vous portez à cette réponse

0

aleks

Septembre 2011

Bonjour,

Toutes les solutions ont été données par les participants à ce fil...

– #URL_DOCUMENT pointe directement sur le document et non sur une page. Les navigateurs modernes l’affichent, mais il n’y a aucun paramétrage possible.
– Une solution est de renvoyer sur la même page avec un critère url : #SELF|parametre_url{id_document,#ID_DOCUMENT}
– et ensuite de récupérer cette image avec un #ENV{id_document} en critère.

Si les balises posent problèmes, il faut leur mettre leurs crochets et parenthèses :
[(#SELF|parametre_url{id_document,[(#ID_DOCUMENT)]})]
La boucle correcte :
<h2><:info_portfolio:></h2> <BOUCLE_image(DOCUMENTS){id_document=#ENV{id_document}}> [<img src="(#FICHIER|image_reduire{xxx}|extraire_attribut{src})" />] </BOUCLE_image> <BOUCLE_documents_portfolio(DOCUMENTS){id_article}{mode=image}{extension IN png,jpg,gif}{par num titre, date}{doublons}{vu=oui}> [<a href="(#SELF|parametre_url{id_document,[(#ID_DOCUMENT)]})"[ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER |image_reduire{0,50} |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})] </a>] </BOUCLE_documents_portfolio> <//B_image>
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Septembre 2011

Bonjour,

Je ne sais pas si cela provient du faite que mon code portfolio est dans un fichier différent mais cela ne fonctionne pas. Pourtant on voit bien dans l’URL qui ça charge, mais dans la page, rien ne bouge.

J’ai mon code article et dans ce code j’ai une inclusion html du code du portfolio et c’est dans cette page que je mets ton code.
Quand je reviens dans mon site, l’image est chargée dans ma colonne de droite appelée portfolio, quand je clique dessus, l’url passe de
http://localhost/spip/spip.php?article9
à
http://localhost/spip/spip.php?article9&id_document=4

Et pourtant, visuellement, l’article ne change pas et la colonne de droite non plus... Il n’y a pas d’erreur, juste pas de changement.
Indiquez l’intérêt que vous portez à cette réponse

0

aleks

Septembre 2011

Une petite relecture de la doc sur inclure s’impose. Il faut que tu passes les variables id_document (et autres nécessaires) au fichier inclus.
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Septembre 2011

J’ai relu cette doc que j’avais déjà lu pour inclure le portfolio dans ma colonne "extra", et je n’ai pas trouvé de solution nouvelle pour mon problème à part peut-être la création d’un modèle (ce que je n’ai encore jamais fait) ou bien voir avec les variantes d’article (totalement nouveau pour moi également...).

J’ai trouvé sur le web un système qui ressemble à ce que je veux faire. Quand on est sur cette page, on a une colonne de droite avec différentes vignettes-photos liées à l’article (ça je l’ai déjà fait). Et quand on clique sur une vignette de cette colonne de droite, on arrive sur une autre page où l’image est en plus grand et avec un texte de présentation.

Bon moi je suis moins ambitieux que eux donc à la fin je ne mettrai pas la même quantité d’informations mais c’est l’idée.

J’espère que vous m’aurez compris et que vous auriez une idée à me proposer.
Merci les spipeurs !
Indiquez l’intérêt que vous portez à cette réponse

0

aleks

Septembre 2011

Ou alors avec un {env} dans l’INCLURE pour tout transmettre au squelette inclus (comme là ou là)
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Septembre 2011

Vraiment, je ne progresse pas sur ce sujet... Je suis vraiment désolé de vous embêter encore avec ça.

J’ai mis cette ligne dans le contenu de ma page article.html de mon squelette spip :
<INCLURE{fond=article-media}, #ENV{id_document}>
Et cette ligne dans la div extra (colonne de droite) de ma page article.html de mon squelette spip
[(#INCLURE{fond=inc-portfolio}{id_article}{env})]
1er problème :
Je ne sais pas quoi mettre dans article-media.html pour pourvoir appeler le document original correspondant à ma vignette

Je ne sais pas comment faire pour que le contenu de article.html soit remplacer complètement par article-media.html

2ème problème :
j’ai bien mis ce code dans inc-portfolio.html :
<h2><:info_portfolio:></h2> <BOUCLE_image(DOCUMENTS){id_document=#ENV{id_document}}> [<img src="(#FICHIER|image_reduire{xxx}|extraire_attribut{src})" />] </BOUCLE_image> <BOUCLE_documents_portfolio(DOCUMENTS){id_article}{mode=image}{extension IN png,jpg,gif}{par num titre, date}{doublons}{vu=oui}> [<a href="(#SELF|parametre_url{id_document,[(#ID_DOCUMENT)]})"[ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER |image_reduire{0,50} |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})] </a>] </BOUCLE_documents_portfolio> <//B_image>
La seule chose qui se passe c’est que l’url change de :
http://monsitespip/spip.php?article31
à
http://monsitespip/spip.php?article31&id_document=34

Mais dans le contenu, rien ne change...

Est-ce que quelqu’un connaitrait un tuto ou pourrait m’aider ?
Merci beaucoup !!
Indiquez l’intérêt que vous portez à cette réponse

0

jolinar

Octobre 2011

Vraiment impossible de trouver la solution à ce problème :(

Un petit up pour m’aider s’il vous plait...
Indiquez l’intérêt que vous portez à cette réponse

0

aleks

Octobre 2011

Bizarre, bizarre.

Au cas ou ça aide, à une époque j’avais fait un truc comme ça :
<INCLURE{fond=inc-galerie}{env}{self=#SELF}{tri}{p}>
Les deux derniers critères servent pour le tri et la pagination.

et dans le inc-galerie en question :
[(#REM) Test si un id_document est passé dans l'url ] <BOUCLE_image(DOCUMENTS){id_document=#ENV{id_document}}> </BOUCLE_image> <BOUCLE_zoom(DOCUMENTS){id_document}> [(#FICHIER|image_reduire{500}...)] </BOUCLE_zoom> ... d'autres choses (lien retour, etc.) </B_image> Et ici la galerie avec toutes les images, la pagination, etc. <//B_image>
Indiquez l’intérêt que vous portez à cette réponse

0

RastaPopoulos

Août 2014

Voilà comment j’ai fait :

1) Je fais toujours mes squelettes en tant que plugin et donc ils ont un XML.
2) Dans le XML de mes squelettes, je dis que ça nécessite le plugin Médias (pour pouvoir le surcharger).
3) Dans ce même XML je déclare utiliser le pipeline "declarer_tables_objets_sql" (SPIP 3 uniquement).
4) Dans un PHP j’utilise ce pipeline en modifiant le flux des tables d’objet $tables['spip_documents']['page'] = 'document';.
5) Je crée un dossier "urls" avec un fichier "generer_url_document.php" VIDE (pour surcharger celui de Médias qui change les URLs génériques).

J’ai désormais bien des URLs de vraies pages pour les documents.
Indiquez l’intérêt que vous portez à cette réponse

0

brain_damage

Septembre 2014

Très intéressant RastaPopoulos !