FAT78 - Artisan numérique
 

> Lab > "target= ???"

mardi 4 septembre 2018

"target= ???"

La terminologie barbare du titre désigne le bout de code html qu’il faut ajouter à un lien hypertexte pour ouvrir ce lien dans une nouvelle page du navigateur.

Car, en effet, les liens créés automatiquement par le raccourci spip ouvrent la cible du lien dans la même page en remplaçant son contenu : ors, on a parfois besoin que l’ouverture se fasse sur une nouvelle page ...

J’ai donc créé un modèle spip que j’ai appelé "href" contenant le code ad hoc qui réalise automatiquement cet ajout :

Zip - 619 octets
href-html.zip

<href|img=identifiant spip de l'image jpg cliquable|link=adresse hhtp du lien hypertexte>

Exemple pratique : l’imagette du lien-spip ci-dessous est enregistrée dans la bdd de spip avec l’identifiant "222" et l’adresse http de cet article est "http://www.fat78.net/spip.php?article26"
Donc, en écrivant dans le texte de cet article
<href|img=222|link=http://www.fat78.net/spip.php?article26>
j’obtiens une imagette du lien-spip cliquable qui va ré-ouvrir ce même article dans une nouvelle page du navigateur ...

Si je veux garder le fonctionnement natif de spip, à savoir ouvrir le lien dans la même page, il suffit d’ajouter le paramètre "|target=self"
<href|img=222|link=http://www.fat78.net/spip.php?article26|target=self>
j’obtiens une imagette du lien-spip cliquable qui va ré-ouvrir ce même article tout en restant dans la même page du navigateur ...
:-)

Et si je ne veux pas utiliser d’image mais un texte comme support du lien je n’ai qu’à écrire
<href|txt=Cliquer ici !|link=http://www.fat78.net/spip.php?article26>
pour obtenir un texte cliquable :

Cliquer ici !
:-) :-)

Et si je ne mets rien du tout ...
<href|link=http://www.fat78.net/spip.php?article26>
c’est l’adresse en clair du lien qui servira de support au lien :

http://www.fat78.net/spip.php?article26
:-) :-) :-)

Ce n’est pas fini ... les liens avec du texte sont sans relief ... il faudrait y ajouter du "style" ... pas de problèmes, j’ai aussi prévu un paramètre de style "façon css" : on peut y passer tout ce qu’on veut ! Par exemple, en écrivant
<href|txt=Cliquer ici !|style=font-style:italic;font-weight:bold;color:green;background:black;font-size:10vw;line-height:10vw;|link=http://www.fat78.net/spip.php?article26>
on applique au texte du lien les styles "italique" "gras" "couleur=vert" et "fond=noir" et, cerise sur le gâteau, taille et hauteur de ligne = 10% de la largeur de l’écran (donc la taille est responsive, c.a.d. s’adapte à la largeur de l’écran) :

Cliquer ici !

:-O:-O:-O:-O


SPIP | | Plan du site | Suivre la vie du site RSS 2.0