Système de partage

JeremieMeunier
Javascript

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
Auteur

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>