Créer un lien "fenêtre en surimpression" sur une image

[frangin62]

Bonjour,
quelques petites explications pour utiliser une de nos images afin de créer un lien inclu dans le texte d'un paragraphe avec comme option de l'ouvrir dans "une fenêtre en surimpression", ce que ne permet pas l'utilisation de l'image traditionnelle en "Objet du paragraphe".
Première chose, l'image doit être de type .png ou .ico.
Si votre lien pointe vers un album, il est mieux de sélectionner "Ouvrir les grandes images depuis l'index",
autrement vous ouvrez votre site en cascade dans la fenêtre.

On ouvre le paragraphe en édition, on peut bien sûr supprimer tout le texte si on ne veut que l'image


On arrive sur la fenêtre habituelle, le texte du lien est obligatoire, il sera supprimé par la suite


après avoir cliqué sur Icône..., on a cette nouvelle fenêtre,


On recherche notre image, mais après l'avoir validée, on ne la voit pas encore dans l'éditeur,
on continue en sélectionnant  "fenêtre en surimpression",


après ok, cette fois on voit l'image avec le mot "lien" en bleu


Il suffit ensuite de supprimer le mot "lien", et uniquement lui,


Dans TW, la fenêtre s'ouvre comme une rubrique normale, il faut être en visu ou publié pour la voir en surimpression.

On peut créer ce genre de lien partout où l'éditeur nous le permet.



Modération: original modifié à la demande de frangin62

[aggir]

Merci de cette astuce Frangin. Je l'avais vue sur ton site de démo et je voulais te demander le mode d'emploi.

[Lezado]

Bonjour,
Le sujet m'intéresse et j'ai une question pour laquelle je n'ai pas trouvée de solution...
Je souhaiterai créée un lien pour afficher une image en surimpression dans les paragraphes de mon site, sachant que les images ne sont pas stockées dans Toweb mais dans un répertoire dédié chez mon fournisseur Free via Filezillia. J'ai opté pour cette solution car j'ai bp de photos et je ne voulais pas alourdir le site inutilement.
Mon site : http://itirando.se.free.fr/

Merci de votre aide.
Cordialement

[frangin62]

Bonjour,
C'est un script à écrire ou copier (en une seule ligne) dans un champ html et à placer à l'endroit (en lieu et place) du lien, le mot servant de lien étant inclus dans le script.

<a href="javascript:var mapopup = window.open('','popup','width=600,height=800,left=400,top=100,scrollbars=1');var moncode = '<img src='+'monrepertoire/monimage.jpg'+' />';mapopup.document.write(moncode);">un test</a>

Ce script est remplacé par celui ci-dessous

Les textes en gras sont à modifier en fonction de l'image, il faut donc créer un script par image.

En visu ici, il y a 3 liens dans le paragraphe
http://testtoweb.free.fr/testvideo/

Cdlt
frangin62

[frangin62]

Bonsoir,
je remplace le script précédent qui crée des soucis avec Edge (et oui, ça marche avec tous les navigateurs sauf lui) par celui-ci,

<a href="javascript:mapopupX('monrépertoire/monimage.jpg')">un test</a>
<script>
function mapopupX(image){
window.open(image,'','location=0,menubar=0,status=0,toolbar=0,width=576,height=768,left=400,top=100',scrollbars=1);
}
</script>

Comme pour le précédent, vous ajustez les textes en gras, un script par image. Vous indexez bien sûr  "mapopupX" , je précise, le mot " un test " est votre lien.

Cdlt
frangin62

Edit :
En simplifiant le script, on peut utiliser une seule ligne et cette fois compatible avec Edge

<a href="javascript:var image=window.open('monrepertoire/monimage.jpg','','width=576,height=768,left=400,top=100',scrollbars=1);">un test</a>

Ps: désolé pour ce contre-temps, mais tant qu'on n'imposera pas des paramètres standards pour tous les navigateurs, nous aurons toujours des problèmes de ce genre.

[Lezado]

Merci bcp de ta réponse !
le script marche et correspond à ce que je voulais faire...

Cependant, eh oui ce serait trop simple si je n'avais pas une autre question  , comme tu le précises ce script doit être répété pour chaque photo à insérer...
Or mon intention étant d'afficher une photo pour chacun des points caractéristiques de mes randonnées (waypoints), points notés (01) ou (02) ou (03) etc dans le texte de mes topos (voir exemple sur -( http://itirando.se.free.fr/225-05-montmaur-pic-de-bure.html ) - ça va faire bcp de script à écrire en dur avec le risque de tout devoir mettre à jour si les normes évoluent.
N'y aurait-il pas la possibilité de faire une fonction recevant depuis la page les paramètres d'affichage de la photo ?
J'ai bien conscience qu'avec ça on dépasse un peu la gestion classique de Toweb mais bon c'est qd même intéressant d'essayer.
Et puis ça donnera peut-être l'idée aux développeurs de Toweb de se pencher sur la question et d'intégrer cette possibilité dans une prochaine version ! 

Merci en tous cas de ton écoute et de la rapidité de ta réponse précédente !
Amitiés

[frangin62]

Bonjour,
Malheureusement, je ne peux pas intervenir directement sur les pages comme je fais de temps en temps (par exemple dans mon script de gestion du stock), TW crée des identifiants différents et aléatoires pour ce type d'éléments.
La seule chose qui serait bien est de demander à Lauyan d'ajouter la possiblité de mettre une image ou d'ouvrir une url en surimpression lors de la création du lien, c'est un peu ce que fait mon script mais seulement il ouvre une page du navigateur.

Cdlt
frangin62

[Ghost]

La seule chose qui serait bien est de demander à Lauyan d'ajouter la possiblité de mettre une image ou d'ouvrir une url en surimpression lors de la création du lien, c'est un peu ce que fait mon script mais seulement il ouvre une page du navigateur.

Bonjour
Si tu fais cette demande à Lauyan demande que ça soit une "petite" fenêtre de surimpression, de la taille de la photo, car actuellement l'option surimpression qui existe dans certains cas couvre toute la fenêtre de l'écran du PC et masque de ce fait la totalité de la rubrique existante.

[frangin62]

Oui, c'est exact, j'avais trouvé le moyen de l'utiliser mais impossible de modifier les dimensions. De toute façon, il aurait toujours fallu utiliser un script par image

[frangin62]

Re:
Si ça intéresse, j'ai bien une solution qui permet de ne pas utiliser les champs html, mais il faut quand même utiliser les scripts, très légèrement modifiés.
Le voici
<a href=javascript:var&nbsp;image=window.open('monrepertoire/monimage.jpg','','width=576,height=768,left=400,top=100',scrollbars=1);>un test</a>

La modif porte sur " var image " en " var&nbsp;image "

On place ce script directement dans  " Le texte du lien " lors de la création d'un lien dans un paragraphe, mais une fois créé, si on regarde à nouveau la création, il ne reste que le mot " un test ", si on revalide, on perd notre lien. Pour les mises au point de positionnement, il faut réécrire complètement le script ou plutôt un copié/collé. Si vous utilisez cette méthode, je conseille de conserver les scripts dans un fichier .txt, c'est plus prudent. Par contre si vous avez beaucoup de liens à créer, le texte du lien est écrit normalement dans le paragraphe comme un lien ordinaire en mode création des rubriques.

Cdlt
frangin62

Edit : on ne change rien dans les autres champs de la fenêtre  " Lien "

[Lezado]

Merci de vos diverses réponses...

Pour compléter je viens d'envoyer la question à Lauyan afin qu'ils intègrent une solution "propre" dans une future mise à jour.
Si je reçois une réponse je la communiquerai ici !

Dominique.

[Lezado]

Bonjour,
Toweb a été prompt à répondre mais m'a apporté une "réponse" qui malheureusement ne fait pas avancer les choses...
Pas de réponse non plus sur une éventuelle prise en compte du pb lors d'une prochaine mise à jour !
Peut-être que si l'un de vous renvoie cette demande au support sera-t-elle plus entendue...?
ci-dessous le retour qui m'a été fait :

Objet : Re: ### TOWEB FR.7.2.3.778 - créer un lien pour afficher une image en surimpression -

Bonjour, ce type de fonctionnement avec des images non stockée dans TOWeb ne peut pas etre assisté par TOWeb.
Il vous faudra vous procurer des scripts adaptés à vos besoins et les intégrer ensuite dans vos pages à l'aide de champs scripts HTML de TOWeb: http://www.lauyan.com/fr/scripts.html

L'équipe TOWeb

[Ghost]

Bonjour
Tu n'as plus qu'à utiliser la solution de frangin 😉

[frangin62]

Bonjour,

Bin oui, en voyant leur réponse, nous n'aurons pas plus de chance que toi...!

Cdlt
frangin62

[Ghost]

T'y retournes   et tu expliques que les images seront stockées sur ton site. Tu feras un album "caché". Je peux te garantir que ça n'est pas une centaine d'images qui vont ralentir ton site