Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][JavaScript]Kolorowanie wyniku funkcji
cent4
post
Post #1





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

Mam funkcję w javascript
[HTML] pobierz, plaintext 
  1. function (qq) {
  2.   ... 
  3.   return 'wynik';
  4. }
[HTML] pobierz, plaintext

jak pokolorować ten wynik poprzez javascrip korzystając z css'a?

[HTML] pobierz, plaintext 
  1. return '<span class="cellWithoutBackground" style="background-color:' red ';">' + wynik + '</span>';
[HTML] pobierz, plaintext


To działa ale ja nie chcę, żeby zwracanym wynikiem było: "<span class="cellWithoutBackground" style="background-color:' red ';">' + wynik + '</span>" tylko samo: "wynik" - w odpowiednim kolorze - jak to zrobić?

Kolor będzie nadawany, odpowiednio do wartości jaka wyjdzie z funkcji - tylko jak z css'a skorzystać pod javascript?
Go to the top of the page
+Quote Post
kadlub
post
Post #2





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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

może to ci w czymś pomoże


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<title>Tyt</title>
  8. 	<script type="text/javascript">
  9.  
  10. 	function kolor(){
  11. 	var dane1=document.getElementById("dane");
  12. 	dane1.style.background="black";
  13. 	}
  14.  
  15.  
  16. 	</script>
  17. </head>
  18. <body>
  19. <a href="java script:kolor()" >link</a><br />
  20.  
  21. <span id="dane" style="background:red;"> jakiś tekst</span>
  22. </body>
  23.  
  24.  
  25. </html>
  26.  
  27.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
cent4
post
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

problem jest taki, że w javascript wykonuje sie funkcja i jak jej zwracana wartość będzie np. <30 to ma być wypisana na kolor żółty, jak będzie z przedziału 30-60 to ma być napisana ta wartość na niebiesko, a jak >60 to ma być napisana na czerwono - problem jest taki, że to javascript ma kolorować - a zwracana wartość ma być zwracana jako wartość, a nie wartość z kolorowaniem...
Go to the top of the page
+Quote Post
thek
post
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
A to już IF w JavaScript nie działa? wink.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
cent4
post
Post #5





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

no tak tylko jak to zrobić, żeby w if'ie zapodać kolorowanie z css'a tak, żeby jako zwracana końcowa wartość była tylko wartością, a kolorowanie robiłby javascript?
Go to the top of the page
+Quote Post
thek
post
Post #6





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Choćby tak, że w zależności od wyniku elementowi jest nadawany odpowiedni styl? Przykład? Obejmujesz wszystkie interesujące Cię elementy jakąś unikalną z poziomu strony klasą i z poziomu JS sprawdzasz ile wynoszą wartości jej elementów. Tam masz IF, który w zleżności od wartości ustawia odpowiednio styl/css elementów.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
cent4
post
Post #7





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

No tak - opisałeś to dokładnie tak jak o tym myślę :-).
Jednak nie wiem, jak nadać styl danemu wynikowi - może jakiś przykład - kod?

Czy ktoś ma jakiś fragment kodu?

thek - tego nie da się tak prosto zrobić bo to jest jqgrid - i ma kolorować tylko daną komórkę jeżeli jej wartość jest w innym przedziale - dlatego całość nie jest w żadnym divie i nie można tego kolorować powołując się na div'a - trzeba to zrobić spod poziomu javascript i kolorować tło, a jako wartość zwracać to co jest w tabeli...

Czułem, że to nie będzie takie proste :-(.
czy ktoś może mi napisać jak to zrobić?
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
cent4 masz strasznie brzydki zwyczaj podbijania swoich tematów niemalże co pół godziny.
Żeby odzwyczaić ciebie tej praktyki, zamykam Twój temat do 14:00.
Przy następnym takim samym wykroczeniu, zamknę zdecydowanie na dłużej.

edit: otwieram
Powód edycji: [nospor]:


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 10:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn