Kopier tekst fra en formular
Sat på siden 16-08-2004
Hvis du gerne vil have noget tekst -- kode eller lignende -- liggende, som dine gæster skal kopiere, kan du gøre det lettere for dem med dette JavaScript.
Den første del her skal du sætte imellem <head></head> tagsene på din hjemmeside.
<style type="text/css">
.highlighttext {
background-color: #a9a9a9;
color: #ffffff;
font-face: Arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
</style>
<script type="text/javascript">
var copyToClipboard = true; // set to false to prevent copy
function selectElement(theForm, theElement) {
var element = document.forms[theForm].elements[theElement];
element.focus();
element.select();
if (copyToClipboard && element.createTextRange) {
var range = element.createTextRange();
range.execCommand("Copy");
window.status = "Indhold markeret og kopieret til clipboard!";
setTimeout("window.status='';", 1800);
}
}
</script>
.highlighttext {
background-color: #a9a9a9;
color: #ffffff;
font-face: Arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
</style>
<script type="text/javascript">
var copyToClipboard = true; // set to false to prevent copy
function selectElement(theForm, theElement) {
var element = document.forms[theForm].elements[theElement];
element.focus();
element.select();
if (copyToClipboard && element.createTextRange) {
var range = element.createTextRange();
range.execCommand("Copy");
window.status = "Indhold markeret og kopieret til clipboard!";
setTimeout("window.status='';", 1800);
}
}
</script>
I <body> på din side, der hvor du gerne vil have boksen med fx kode placeret, skal du indsætte denne kode:
<form name="test" action="#" onsubmit="return false;">
<div align="center">
<a class="highlighttext"
onclick="selectElement('test','textarea1');">Kopier</a>
<textarea name="textarea1" rows="8" cols="30">Her er en masse tekst, som du vil have din gæst til at kunne kopiere.
</textarea>
</div>
</form>
<div align="center">
<a class="highlighttext"
onclick="selectElement('test','textarea1');">Kopier</a>
<textarea name="textarea1" rows="8" cols="30">Her er en masse tekst, som du vil have din gæst til at kunne kopiere.
</textarea>
</div>
</form>
Endnu engang er jeg Lasse R. takskyldig for konsulentbistanden :-)