[js] zaznaczenie treści po naciśnięciu
[js] zaznaczenie treści po naciśnięciu
witam, czesto widze na stronie kod na przyklad php czy html i obok opcje zaznacz calos, jak to wykonac w js?
Pozdrawiam :jib
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Re: [js] zaznaczenie treści po naciśnięciu
Wystarczyło poszukać w kodzie naszego forum.
Kod musi być zapisany w takiej postaci:
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>
Re: [js] zaznaczenie treści po naciśnięciu
dzięki za odpowiedź, próbowałem na hasło 'po naciśnięciu', licho wie ile odpowiedzi ale zaznaczania kodu nie znalazłem:)
czy wiesz jak zmienić kolor zaznaczania?
czy wiesz jak zmienić kolor zaznaczania?
Pozdrawiam :jib
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Re: [js] zaznaczenie treści po naciśnięciu
Nie za dużo chcesz?
Re: [js] zaznaczenie treści po naciśnięciu
ok myślałem że to banał, więc mam inną prośbę jak to zrobić na polu input?
Pozdrawiam :jib
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Jesteśmy tym, co w swoim życiu powtarzamy.
Doskonałość nie jest jednorazowym aktem, lecz nawykiem.
----
Nexto - e-book gratis
Re: [js] zaznaczenie treści po naciśnięciu
Był sobie input, który nazywał się kapturek i był inputem tekstowym...
Teraz dowalimy mu kod JS:
Na koniec przycisk:
Nie jest to kompatybilne ze wszystkimi przeglądarkami, ale nie chce mi się tyle tego pisać...
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>