Système de partage

85354
,

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 !

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

Partager sur : Facebook Twitter

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

85354
, Il a répondu à ma question !

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>