javascript help ''copy to clipboard'' button

**GumSlone** · 10.11.13, 13:43

javascript can be placed directly into the html document,
btw. js copy to clipboard doesnt work in all browsers, there are advanced solutions which work with flash, but flash is not supported by mobiles

**metulj** · 10.11.13, 13:46

so... theres no proper solution to ''satisfie'' all browsers ?
it'll have to javascript then,
as mobile browsers are more important to me
is there any better solution than posted above ?

**something else** · 10.11.13, 14:27

I think with javascript copy functions it is impossible to do unless you have browser permissions (such permissions you can get on addons only) - i could be wrong.

Most people end up using flash copying programs such as zero clipboard to get around the problem.

but you can try as i maybe wrong and not up to date with browsers..... something like this:

PHP Code:


<html>

<head>

<script language="JavaScript">

<!-- Begin

function copyit(theField) {

var tempval=eval("document."+theField)

tempval.focus()

tempval.select()

therange=tempval.createTextRange()

therange.execCommand("Copy")

}

//  End -->

</script>

</head>





<?php

echo '<form name="yourFormName">';

echo "Here is your result:<br/><input type='text' size='50' value='$final_result' name='inputName'>";

echo "<button onclick=\"copyit('yourFormName.inputName');\">Copy</button>";

echo "</form>";

?>

Added after 18 minutes:

by the looks of things this would only work in IE and safari

for mobiles its a no

- closest thing you could do is highlight all via javascript for users to press the copy button on there phones - making it slightly less of a task

**metulj** · 10.11.13, 14:41

Originally posted by something else View Post

I think with javascript copy functions it is impossible to do unless you have browser permissions (such permissions you can get on addons only) - i could be wrong.

Most people end up using flash copying programs such as zero clipboard to get around the problem.

but you can try as i maybe wrong and not up to date with browsers..... something like this:

PHP Code:


<html>

<head>

<script language="JavaScript">

<!-- Begin

function copyit(theField) {

var tempval=eval("document."+theField)

tempval.focus()

tempval.select()

therange=tempval.createTextRange()

therange.execCommand("Copy")

}

//  End -->

</script>

</head>





<?php

echo '<form name="yourFormName">';

echo "Here is your result:<br/><input type='text' size='50' value='$final_result' name='inputName'>";

echo "<button onclick=\"copyit('yourFormName.inputName');\">Copy</button>";

echo "</form>";

?>

Added after 18 minutes:

by the looks of things this would only work in IE and safari

for mobiles its a no

- closest thing you could do is highlight all via javascript for users to press the copy button on there phones - making it slightly less of a task

exactly, LOL it works, but only in IE, didnt even tried in safari

I ned some better solution

**something else** · 10.11.13, 14:55

havent tried this on mobile but here is how i do it on chrome extensions to highlight text for copying:

PHP Code:


<input type="text" onclick="this.focus();this.select();" />

**metulj** · 10.11.13, 15:28

Originally posted by something else View Post

havent tried this on mobile but here is how i do it on chrome extensions to highlight text for copying:

PHP Code:


<input type="text" onclick="this.focus();this.select();" />

Well, this works even on android default browser,
so it kind a better solution then the first one

Thanks

javascript help ''copy to clipboard'' button

javascript help ''copy to clipboard'' button

Comment

Comment

Comment

Comment

Comment

Comment