Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Zaznaczanie tekstu w div
pgrzelka
post 12.10.2010, 11:42:29
Post #1





Grupa: Zarejestrowani
Postów: 313
Pomógł: 24
Dołączył: 9.08.2008
Skąd: Kielce

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
DiH
post 12.10.2010, 13:41:39
Post #2





Grupa: Zarejestrowani
Postów: 251
Pomógł: 34
Dołączył: 7.01.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
skowron-line
post 12.10.2010, 14:54:03
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


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.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
kamil4u
post 12.10.2010, 19:02:49
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 08:50