Issue with copy to clipboard for iframe

Question

1.00/5 (1 vote)

See more:

Hi All,

I was wondering if copy to clipboard is available for iframe. i tried to search on google and no joy. Could somebody please advise?
Thanks in advance.

Ok So I am having a website and there was already a copy to clipboard option for which i used Javascript code and that worked perfectly fine but now i have iframe and the copy to clipboard function does not work anymore. I have a html website. I have a web based page(html- frames format) for our text documents articles on various subjects. The page is made in three frames. It's exactly like this "http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_mix". The copy to clipboard optionis for the articles displayed in the main menu.
The code is:

HTML

<SPAN ID="copytext" STYLE="height:;width:;background-color:">
<p>Please do the following:<br />
                    1. Click on Edit > Preferences<br />
                    2. Select the Multimedia Trust (legacy) Category on left side of window<br />
                    3. Select 'Other Documents' under 'Trust Options' frame<br />
                    4. Select 'Permission for Adobe(R) Flash(R) Player is set to Prompt' in<br />
                    list box<br />
                    5. Change value for Change permission for selected multimedia player<br />
                    to: 'Always'<br />
                    6. Click 'OK'                  </p>
                  <p>Kind Regards,</p>
</SPAN> 
<TEXTAREA ID="holdtext" STYLE="display:none;">
</TEXTAREA>
 <BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>

JavaScript

<SCRIPT LANGUAGE="JavaScript">
 
function ClipBoard() 
{
 holdtext.innerText = copytext.innerText;
 Copied = holdtext.createTextRange();
 Copied.execCommand("RemoveFormat");
 Copied.execCommand("Copy");
 }
 
</SCRIPT>

For iframe i am using this :

HTML

<iframe src="text.txt" frameborder="0" scrolling="yes" height="400" width="650">
  Text file not found.
 </iframe>

Posted 15-Dec-11 11:03am

WebMaster

Updated 16-Dec-11 6:38am

v4

Add a Solution

Comments

Sergey Alexandrovich Kryukov 16-Dec-11 13:22pm

Better! Then please see my other answer.
--SA

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-12-16T05:33:00

Solution 1

Anything on the Web page can be copied to the clipboard.

If you want to do it programmatically, 1) think twice if you really want it; normally, the users themselves can do it better; 2) if you are decisively want it and still have a problem, go back to your question, tag your technology, language and other relevant information and explain how exactly you want it, to what context, and what exactly the problem is; show us the code you tried; in this case, use "Improve question" above.

—SA

Posted 16-Dec-11 5:33am

Sergey Alexandrovich Kryukov

Updated 16-Dec-11 5:34am

v4

Comments

Sergey Alexandrovich Kryukov 16-Dec-11 13:12pm

OP commented:

@ SAKryukov: i have updated the question now. thanks

Sergey Alexandrovich Kryukov 16-Dec-11 13:13pm

First of all, please don't post anything as solution unless you really want to post a solution.
Add a comment via "Have a Question or Comment?", use "Improve question" or reply to an existing comment.
--SA

Sergey Alexandrovich Kryukov · Answer 2 · 2011-12-16T07:20:00

In response to clarified question:

For this purpose, I would use jQuery library which you can freely download from http://docs.jquery.com/Downloading_jQuery[^].

This is a jQuery plug-in good to copy any data to the client's clipboard: http://archive.plugins.jquery.com/project/clipboard[^].

Also, if you need to copy the content of you iframe, please understand that getting any element data statically won't help you, because the real content of the frame is places in a separate resource. You need to download it first, presumably via Ajax.

Please see my code samples where I demonstrated the jQuery techniques in my recent answer: using javascript retrieving value from iframe[^].

Remember that Ajax is asynchronous in its nature, and that's good for you as you don't really want to use any blocking calls in your JavaScript. Perform your clipboard operation in the callback, as it is shown in my first code sample.

Good luck,

—SA