[js] Problem z podmianą tekstu

Matt91111 · 23 Lutego 2015

Staram się zrobić funkcję zmieniającą kolor znaków po najechaniu(mouseover),

moja funkcja działa w sposób następujący: odbiera tablice obiektów lettersToHighline,

function lettersToHighline(_letter, _color)
{
this.letter = _letter;
this.color = _color;
}

a następnie iteruje zawartość(tekst) i do spełniającego kryteria wstawia kod odpowiadający

za zmiane koloru tj:

function logo_HighlineMake(letters)
{	
var data = document.getElementById("logo-content").innerHTML;
var result = "";

var tagFound = false;

for(j = 0; j < data.length; j++) // iteracja
{
	// sprawdzanie tagow
	if(tagFound == false)
	{
		if(data[j] == "<")
		{
			tagFound = true;
			continue;
		}
	}
	else
	{
		if(data[j] != ">")
			continue;
		else
		{
			tagFound = false;
			continue;
		}
	}
               // sprawdzianie tagow

	//for(l = 0; l < letters.length; l++) // <-- pomysl ten polegal na iteracji obektow, z tym ze mnozyl ilosc tekstu * liczbe obiektow lettersToHighline
	//{
		if(data[j] == letters[l].letter) // jezeli obiekt spenia kryteria wstawia kod
			result = result + '<span style="color:' + letters[l].color + '">' + data[j] + '</span>';
		else result = result + data[j]; // jezeli nie nie wstawia i zostawia oryginalny
	//}

}

document.getElementById("logo-content").innerHTML = result; // podmiana zawartosci
}

Przed przerobieniem funckcja dla pojedynczych literek działała bez problemowo, z tym że za każdym wywołaniem mogłem podświetlić

tylko jedną literkę, a zależy mi na tym aby podczas jednego wywołania zmienić dowolną ilość na dowolny kolor

I nie mam pomysłu jak to ugryźć aby nie obciążyć zbytnio przeglądarki, funkcja która pozbywa się efektów "podświetlenia" działa bez problemów

Będę wdzięczny za każdą pomoc , z góry dzięki

MitycznyJeż · 24 Lutego 2015

Dlaczego nie zrobić tego czystym css'em?:

<html>
<head>
<style>
.hoverowalny:hover {
  color: red;
}
</style>
</head>
<body>

<span class="hoverowalny"> dupa </span>

</body>
</html>

Matt91111 · 24 Lutego 2015

Dlaczego nie zrobić tego czystym css'em?:

<html>
<head>
<style>
.hoverowalny:hover {
  color: red;
}
</style>
</head>
<body>

<span class="hoverowalny"> dupa </span>

</body>
</html>

No wiem że można tak, ale mnie nie o to chodzi, leci o to że przy wywołaniu funkcji zmienia kolor tylko znaków które zostały tam określone a resztę zostawia niezmienioną a w cssie leci wszystko, a pozatym różne znaki na różne kolory

przykładowe użycie:

function highlineSomeLetters
{
  var arLetters = [];
  arLetters.push(new lettersToHighline('A', red));
  arLetters.push(new lettersToHighline('B', blue));
  arLetters.push(new lettersToHighline('Z', grey}

  logo_HighlineMake(arLetters);
}

spodziewany rezultat

 <style>
  #logo-content
  {
    color:  black;
  }
 </style>

<div id="logo-content">
   <span style="color: blue;">B</span>olący <span style="color: grey;">Z</span>ą<span style="color: blue;">b</span>
</div>

Codzi o to aby reszta kodu pozostała bez zmian, czyli ustawiło tylko wybrane literki

**januzi** · 24 Lutego 2015

1. posortować słowa malejąco długością

2. dla każdego z nich znaleźć położenie, jeżeli położenie się nakłada na wcześniejsze, to pominąć

3. posortować położenia malejąco

4. w pętli podmienić napisy

6. gotowe

Zaloguj się

Temat został przeniesiony do archiwum

[js] Problem z podmianą tekstu

Rekomendowane odpowiedzi

Matt91111 5

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

MitycznyJeż 478

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Matt91111 5

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

januzi 24

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Ostatnio przeglądający 0 użytkowników

Tematy

Odpowiedzi

Aktywni użytkownicy

Przeglądaj

Aktywność