• 0

click image to copy text to clipboard


Question

Hello. I have a banner on my website and I want to make it so when you hover over the part with the IP text, it has a roll over effect that says something like (copy to clipboard). Then the user just clicks and the IP is copied to their clipboard.

 

Anyone have anything like this or a similar script? I am decent with html and css but that's about it. 

Here is a link to the banner in question: http://miningmojo.com/images/spotlight_sample.jpg

 

 

 

Thanks for any help!

4 answers to this question

Recommended Posts

  • 0

It's quite simple though the zclip plugin doesn't work for me from the zclip website itself but when ripped from their own example demo website it works >.>

$(".elementwithtext").zclip({
	path:'/js/ZeroClipboard.swf',
	copy: function() {
		return $(this).html();
	},
	afterCopy:function(){
		$(this).addClass("copied");
	}
});

The required jquery library: http://pastebin.com/Tw1bkrHC

 

Right click the image that doesn't load below, save it as image and rename it to swf for the swf file  ;)

 

Oh and in the case you use a image you can use the title attribute so something like this:

 

html:

<img src="someimage" title="texttocopy" />

jQuery:

$(".elementwithtext").zclip({
	path:'/js/ZeroClipboard.swf',
	copy: function() {
		return $(this).attr("title");
	}
});

@all

Yeah it always requires flash. Chrome, firefox, opera etc have disabled copy to clipboard in their browsers for security reasons, only internet explorer 8 and older are able to copy to clipboard with javascript. If anyone gets it to work with only javascript it means he found a security hole and at the moment the code is published the security flaw will be patched :p

post-367480-0-99972200-1394139057.jpg

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • I happen to try it today not knowing about the update and was happily surprised; it is great.
    • Hello, Hardware Support Applications are a special kind of Microsoft Store app and have to go through additional checks and certifications because they can communicate directly with their driver, which means that a vulnerability in one of them could allow an attacker access to kernel space memory through the HSA ←→ device driver interface.  In other words, a BYOVD (bring your won vulnerable driver) attack, but with the HSA being used as an extra step. Remember, the Microsoft Store is strategic to Microsoft's long-term goals: they see it as the means to get the same 30% of every application sale that Apple and Google get through their stores, which is why it has been a fixture of Windows since Windows 8 was introduced in 2012 despite a low adoption rate.  Microsoft cannot afford to have anyone get an app through their store which causes a security issue for their end users.  Even if the app was written by and uploaded to the Microsoft Store by a partner, it is Microsoft's name on the store, and they are the ones that will have reputational/brand damage if they allow something malicious into their store. Regards, Aryeh Goretsky  
    • This is more from my childhood, when nickelodeon just launched and had to license shows to have something to air. Left a big an impact, but probably more emotion positive / childhood thing. Europe got the follow up season's decade's latter with the animation studio that did Air Bender but never licenses for the US. I miss the day's of longer intro's. Nier (PS3) Intro is epic, and was very unexpected.  PS1 Xengears was also epic and an amazing game.  
    • Sayan Sen, do you think one day an image of the Windows Vista desktop or the wallpaper could be used in the primary image of an article? (When I think of CDs and DVDs I think of that release of Windows and of earlier releases; it is the one that debuted IMAPI 2.0 and other features.)
  • Recent Achievements

    • Week One Done
      Ricky Chan earned a badge
      Week One Done
    • Week One Done
      maimutza earned a badge
      Week One Done
    • Week One Done
      abortretryfail earned a badge
      Week One Done
    • First Post
      Mr bot earned a badge
      First Post
    • First Post
      Bkl211 earned a badge
      First Post
  • Popular Contributors

    1. 1
      +primortal
      484
    2. 2
      +FloatingFatMan
      263
    3. 3
      snowy owl
      240
    4. 4
      ATLien_0
      227
    5. 5
      Edouard
      188
  • Tell a friend

    Love Neowin? Tell a friend!