Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Wypunktowanie dowolnym znakiem
Forum PHP.pl > Forum > Przedszkole
mperlam
Cześć. Mam taki skrypt:

  1. <script>
  2. ul=document.getElementsByTagName('ul');
  3. for(i=0;i<ul.length;i++) {
  4. li=ul[i].getElementsByTagName('li');
  5. for(j=0;j<li.length;j++) {
  6. li[j].innerHTML='<div style="color:#9B9B9B;display:inline;">#</div>'+li[j].innerHTML;
  7. }}
  8. </script>


Dzięki niemu wypunktowanie jest znakiem #. Niestety mam mały problem ponieważ chcę aby znak # był również linkiem (a teraz nie jest) oraz aby po najechaniu myszką zmieniał kolor na identyczny co link (który znajduje się w <li>). Czy da się to osiągnąć?
skowron-line
Cytat(mperlam @ 12.09.2010, 15:47:21 ) *
Czy da się to osiągnąć?

Tak da się. (jakie pytanie taka odpowiedz)
mperlam
Ale jesteś mądry... Doskonale wiesz, że oczekuję pomocy a się zgrywasz.

OK, wiem, że się da, teraz proszę o pomoc w tej sprawie.
skowron-line
Cytat(mperlam @ 12.09.2010, 15:53:31 ) *
Ale jesteś mądry... Doskonale wiesz, że oczekuję pomocy a się zgrywasz.

Jakie pytanie taka odpowiedz smile.gif. A teraz poważnie.

[JAVASCRIPT] pobierz, plaintext
  1. <div style="color:#9B9B9B;display:inline;" onmouseover="" onmouseout="" onclick="">#</div>
[JAVASCRIPT] pobierz, plaintext

wstaw nazwy funkcji które napiszesz, jeżeli o tym myślałeś to tak się da to zrobić.
mperlam
Z tym, że chcę aby link był "klikany" czyli nie odstawał od tego w <li> a z tego co wiem, onmouseover itd. to akcje JS więc nie za bardzo o to mi chodzi...
skowron-line
W pętli
[JAVASCRIPT] pobierz, plaintext
  1. var href = li.getElementsByTagName('a')[0].href;
  2. li[j].innerHTML='<div style="color:#9B9B9B;display:inline;" onclick="fly('+href+')">#</div>'+li[j].innerHTML;
[JAVASCRIPT] pobierz, plaintext


* pisane z palca więc sprawdź sobie, ale ogólnie o o chodzi. Dopisz sobie funkcję fly 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.