[js] zaznaczenie treści po naciśnięciu
: 25 lut 2009, 10:51:35
witam, czesto widze na stronie kod na przyklad php czy html i obok opcje zaznacz calos, jak to wykonac w js?
Darmowy hosting stron
https://www.cba.pl/forum/
Kod: Zaznacz cały
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
Kod: Zaznacz cały
<div><a href="#" onclick="selectCode(this); return false;">Zaznacz kod</a><code>Lorem ipsum dolor sit amet...</code></div>
Kod: Zaznacz cały
<input type="text" id="kapturek"> <!-- NIE MYLIĆ "ID" Z "NAME" -->
Kod: Zaznacz cały
function dowalamCiZaznaczenie(e) {
var s = window.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
Kod: Zaznacz cały
<a href="javascript:dowalamCiZaznaczenie(document.getElementById('kapturek'));">Dowal zaznaczenie</a>