zeroclipboard hover

Question

J'essaie d'implémenter le composant flash utilisé sur retailmenot.com et je suis confronté à quelques problèmes avec celui-ci.

Après plusieurs jours de recherche et tel que je réussis à faire l'élément flash de zeroclipboard pour parcourir mes multiples codes promo et quand je clique sur un pour ouvrir une nouvelle URL avec ce lien. Ce que je ne peux pas faire maintenant, et que j'ai essayé avec plusieurs méthodes de jQuery, c'est d'afficher cette boîte "Copy and Open Site" sur le côté droit de l'élément planétaire sur lequel je suis. Cela ressemble à une info-bulle.

J'ai essayé d'appliquer sur l'élément dom qui se trouve sous le flash invisible la méthode $ ('. Class_element') .hover (function() {} afficher la nouvelle div sur la gauche) mais depuis le flash , il n'est pas déclenché. Une autre tentative que j'ai faite a été de modifier le fichier Zeroclipboard.js et d'ajouter un ID au div absolu qui contient le flash à l'intérieur, et d'y ajouter un événement hover, mais cela n'a toujours pas été le cas.

J'ai également essayé d'utiliser addEventListner ('mouseover', function() {}) à partir de l'élément Zeroclipboard mais encore, sans succès.

Pourriez-vous s'il vous plaît me suggérer comment je pourrais faire une sorte d'infobulle pour les composants du flash qui sont positionnés sur les éléments dom?

Merci!

Answer 1

Flash par défaut est rendu dans une fenêtre séparée, pas dans le DOM. Pour que le Flash passe à l'intérieur du DOM, ajoutez le paramètre wmode au opaque. Si vous chargez flash à l'aide swfobject, la syntaxe sera:

so.addParam('wmode','opaque'); 

En outre, un élément flash ont besoin de connaître la hauteur et la largeur du récipient qui la maintiennent, de sorte que vous ne pouvez pas utiliser .hide() et .show() quand vol stationnaire et sur . L'un des trucs que j'apprends des onglets de l'interface utilisateur de jQuery est de mettre l'élément 'hidden' dans une position négative. Si nécessaire, placez-le dans la bonne position, s'il n'est pas nécessaire, replacez-le dans sa position négative.

Answer 2

L'ajout d'écouteurs d'événement devrait fonctionner. Je les utilise en combinaison avec OpenTip. Voici comment je l'ai fait:

var clip = new ZeroClipboard($("#copy-button")); 
clip.addEventListener('onMouseOver', function(){ 
    console.log("mouseOver"); // code to show tool tip goes here 
}); 

clip.addEventListener('onMouseOut', function(){ 
    console.log("mouseOut"); // code to hide tool tip goes here 
});