Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Zaznaczanie tekstu w div
Forum PHP.pl > Forum > Po stronie przeglądarki
pgrzelka
Witam

mam jakiegoś diva z tekstem, chciałbym podświetlić (zaznaczyć) część tekstu, np jeden wyraz,

czyli mam kod
Kod
<div id="testowy">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

i teraz potrzebuję funkcje która podświetli mi np. tylko "Ipsum"

jak na razie mam tylko taki kod
Kod
var textC=document.getElementById('testowy');
var div = document.createRange();
div.selectNodeContents(textC);
div.setStartBefore(textC);
div.setEndAfter(textC);
window.getSelection().addRange(div);


niestety, podświetla całego diva, a chciałbym tylko jeden wyraz podany w zmiennej, czyli coś w stylu wyszukiwarki
dodam, że wystarczy mi jedynie aby to działało tylko pod Firefoxem (mozillą)

z góry dziękuje za jakiekolwiek wskazówki
DiH
Zakładając, że chcesz zrobić to w samym JavaScripcie, chyba najlepiej będzie użyć wyrażeń regularnych, które po znalezieniu konkretnego ciągu znaków, podmienią go, lub dodają mu odpowiednią klasę, która zmieni choćby i kolor tła.
skowron-line
Ten link
http://www.quirksmode.org/dom/range_intro.html
pomoże Ci w rozwiązaniu twojego problemu, to i coś w stylu indexOf do znajdowania wyrazów w tekscie.
kamil4u
http://forum.webhelp.pl/viewtopic.php?t=223290 <- mogą być problemy, gdy w tym div-ie będziesz miał inne elementy, a tak to powinno być w miarę łatwo smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.