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. [...]
[...] de textes quickSearch jQuery Validation Select Text Searcher MarkItUp ! [...]