Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Kolorowa opcja select
kristian
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.02.2006

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

Witam
Próbuje od dłuższego czasu zrobić by kontrolka select przyjmowała kolor z pola wyboru option select. Jedyne co udało mi sie znaleśc to że option's select sa kolorowe, jednak po wyborze którejś z nich select nie zmienia koloru. Nie znam sie zbytnio na znacznikach javy a może to jest właśnie przyczyna. To co udało mi się znaleść: 
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">    
  4.  
  5. select.Menu{
  6.   font-family: Verdana,sans serif;
  7.   font-size:   14pt;
  8.   font-weight: bold;
  9.   font-style:  normal;    
  10. }
  11.  
  12. option.Menu2{
  13.   color:#FFFFFF;
  14.   background-color:#FDCA12;
  15. }
  16. option.Menu3{
  17.   color:#FFFFFF;
  18.   background-color:#ABCFED;
  19.  
  20. </style></head>
  21.  
  22. <?php
  23.  
  24. echo "<select class=Menu size=1 onClick=java script:self.focus()>";
  25. echo "<option class=Menu2>1</option>";
  26. echo "<option class=Menu3>2</option>";
  27. echo "</select>";
  28.  
  29. ?>
[PHP] pobierz, plaintext


Dzięki
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
sowiq
post
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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

Cytat(kristian @ 11.01.2009, 23:25:37 ) *
Próbuje od dłuższego czasu zrobić by kontrolka select przyjmowała kolor z pola wyboru option select.

Tzn?

Cytat(kristian @ 11.01.2009, 23:25:37 ) *
Jedyne co udało mi sie znaleśc to że option's select sa kolorowe, jednak po wyborze którejś z nich select nie zmienia koloru.

Ok, teraz zajarzyłem, że chesz zrobić coś w rodzaju palety kolorów?

Cytat(kristian @ 11.01.2009, 23:25:37 ) *
Nie znam sie zbytnio na znacznikach javy a może to jest właśnie przyczyna.

Java Ci się nie przyda tutaj. Co najwyżej JavaScript.

Podpowiedź mała:
[HTML] pobierz, plaintext 
  1. <script ...>
  2. function zmiana(elem){
  3.     var selected = [tutaj znajdujesz wybrany element, szukajka: selectedIndex]
  4.     var col = selected.style.backgroundColor;
  5.     elem.style.backgroundColor = col;
  6. }
  7. </script>
  8.  
  9. <select onchange="zmiana(this)" ...>
  10.     <option style="background-color: #f00;"...>opt1</option>
  11.     <option style="background-color: #ff0;"...></option>
  12. </select>
[HTML] pobierz, plaintext

Dokończ przykład i powinno działać (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
kristian
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.02.2006

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

dzieki za naprowadzenie i pomoc, udało się (IMG:http://forum.php.pl/style_emoticons/default/czarodziej.gif) 
[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript"> 
  3.  
  4.     function zmiana_kol(elem){
  5.      var selected = elem.options.selectedIndex;
  6.      elem.style.backgroundColor=elem.options[elem.selectedIndex].style.backgroundColor;
  7.     }
  8.     
  9. </script>
  10. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
sowiq
post
Post #4





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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

Spoko, tylko po co deklarujesz var selected = elem.options.selectedIndex;, skoro później tego nigdzie nie używasz? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

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