Je reviens de nouveau avec jQuery, cette fois-ci avec un plugin nommé « Selected text searcher« . C’est un plugin qui va permettre de rajouter une sorte de tooltip lors de la sélection d’un texte que vous aurez préalablement déterminé.
En fait, vous allez pouvoir y mettre des liens dans la tooltip, des liens avec favicon du site si vous le souhaitez. Vous pourrez y mettre un titre, du contenu et des éléments de recherche ou d’envoi.
Par exemple pour ajouter des éléments de partage :
code js :
lists:"Twitter,http://twitter.com/home?status=%ts ,favicon|Facebook,http://www.facebook.com/sharer.php?t=%s&u=http://google.com,favicon|Wikipedia (en),http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s,favicon|Google Maps,http://maps.google.com/?q=%s,favicon",
extraClass: 'dark',
title: 'Share this text ...',
borderColor: '#00ccff',
hoverColor: '#FFFFCC'
});
et le html :
On peut remarquer l’attribut favicon, pour ajouter automatiquement le favicon du site en question.
Pour effectuer des recherches sur un lieu, via googlemaps ou wikipédia par exemple :
code js :
lists:"Wikipedia (en),http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s,favicon|Google Maps,http://maps.google.com/?q=%s,favicon",
title: 'Search this text ...',
borderColor: '#009900',
hoverColor: '#FFFFCC'
});
code html :
Pour plus d’informations :
Le site du plugin
La démo
Articles qui peuvent vous intéresser :
- jQuery – Afficher une adresse mail sans être spammé
- Sponsor Flip Wall – jQuery – Un mur de sponsors étonnant
- Easy Gallery – Plugin jQuery – Pour agrémenter vos galeries photos
- Pajinate – Plugin jQuery – La pagination en javascript
- jQuery – 20 plugins jQuery à retenir
scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">
[...] This post was Twitted by sankouh22 [...]
[...] Jquery selected text sharer — Afficher un ToolTips à la sélection d’un texte Jquery selected text sharer est un plugin jQuery astucieux qui afficher une div contenant une liste de liens avec les favicons associées une fois que l’utilisateur a sélectionné une portion de texte, afin de le partager sur les réseaux sociaux, par exemple. La démonstration vous permettra de vous faire une idée plus précise des possibilités. Via LudiBlog. [...]