Système de partage

Par JeremieMeunier, il y a 9 ans


Bonjour,
Je voudrais permettre aux utilisateurs de mon site de sélectionner un bout de texte et de le partager sur les réseaux sociaux par exemple :

Voici une phrase basique de l'article mais celle-ci attire l'oeil et est accrocheuse !</blockquote>

L'utilisateur passe en surbrillance le texte en gras et une infobulle s'affiche au dessus avec dedans :

Partager sur : Facebook Twitter</blockquote>

Ce pourrait être aussi des logos.

Donc maintenant les problèmes

L'un des problèmes est que je sait modifier la couleur, et le fond des éléments sélectionnés en CSS (::selection) mais pas récupérer cela en JS.

Que faut-il ?

Il faudrait à mon avis utiliser le tutos de @Grafikart pour le partage avec les boutons personnaliser il faudrait aussi récupérer la taille de l'élément sélectionner pour placer l'infobulle au dessus !

Si vous avez des idée, des tutos ou même un peu de code surlequel vous auriez travailler je suis preneur !

1 réponse

JeremieMeunier, il y a 9 ans

J'aimerais faire un système comparable à celui-ci mais que l'on puisse séléctionner en dehors des éléments de formulaire textarea et input

<input id="test" type="text" value="Select me!" /> <script> var elem = document.getElementById('test'); elem.addEventListener('select', function() { alert('Selection changed!'); }, false); </script>