Permalänk
Medlem

Copy to clipboard

Hej,
Försöker få till en "copy to clipboard" i javascript men lyckas inte särskilt bra.

har kickat på detta färdiga exempel:
zeroclipboard - Project Hosting on Google Code

Hur implementerar jag det i en sådan funktion:
a.onclick = function() {
// copy to clipboard
};

Tack på förhand

Permalänk
Medlem

jag tror att du imortetar ett "biblotek" genom att skriva <script type="text/javascript" src="din sökväg"></script>

men för att få funtionen att gå kan du trigga den genom en knapp i en form eller bara köra den(som jag inte vet hur), men annars tror jag du skriver i den form (hela form scriptet nedan):

<form>

<input type="button" onClick="funktionens namn">

</form>

Nu borde det fungera, min sida ser ut så här men jquery:

<html>
<head>
<title>VPF - Login</title>
<script src="jq.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jq.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function()
{
$('form').hide();
$('#error_div').hide();
$('form').slideDown(600);

}
);
</script>

<script type="text/javascript">

function get() {
$.post('show.php', { user: form.user.value, pass: form.pass.value },
function(output) {
$('#error_div').slideDown(200);

if(output == "Sucsses!") {
window.location.replace("loged_in.php");
} else {
$('td#err').html(output);
}
});

}

function close_div() {

$('#error_div').slideUp(200);

}

</script>

</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="error_dropdown" id="error_div">
<div id="err" align="left">
<table width="1079" border="0" id="error_table">
<tr>
<td width="1045" align="left" valign="top" id="err"></td>
<td width="24" align="right" valign="top"><form name="form_close">
<input type="button" value="X" onClick="close_div();">
</form></td>
</tr>
</table>
</div>

<div align="right"> </div>
</div>

<table id="Table_01" width="501" height="501" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="7">
<img src="images/index_01.png" width="500" height="169" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="169" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/index_02.png" width="114" height="74" alt=""></td>
<td rowspan="2">
<img src="images/index.png" width="71" height="71" alt=""></td>
<td colspan="4">
<img src="images/index_04.png" width="315" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_05.png" width="17" height="59" alt=""></td>
<td rowspan="2">
<img src="images/index_06.png" width="168" height="57" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/index_07.png" width="130" height="59" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="56" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_08.png" width="71" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_09.png" width="168" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>

<tr>
<td rowspan="2">
<img src="images/index_10.png" width="59" height="257" alt=""></td>
<td colspan="5" align="center" valign="top" background="images/index_11.png" width="382" height="178" id="main">
<form name="form" id="form_login">
<br>
<br>
Username: <input type="text" name="user" class="login_field" >
<br>
Password:
<input type="password" name="pass" class="login_field">
<br>

<br>
<input type="button" value="Login" class="submit_btn" onClick="get();">
<br>

</td>
<td rowspan="2">
<img src="images/index_12.png" width="59" height="257" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="178" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/index_13.png" width="382" height="79" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="59" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="168" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="59" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->