Forum PHP.pl > Kolorowa opcja select

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

kristian

11.01.2009, 23:25:37

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 
<html>
<head>
<style type="text/css">    
 
select.Menu{
  font-family: Verdana,sans serif;
  font-size:   14pt;
  font-weight: bold;
  font-style:  normal;    
}
 
option.Menu2{
  color:#FFFFFF;
  background-color:#FDCA12;
}
option.Menu3{
  color:#FFFFFF;
  background-color:#ABCFED;
 
</style></head>
 
<?php
 
echo "<select class=Menu size=1 onClick=java script:self.focus()>";
echo "<option class=Menu2>1</option>";
echo "<option class=Menu3>2</option>";
echo "</select>";
 
?>
[PHP] pobierz, plaintext

Dzięki

sowiq

11.01.2009, 23:59:13

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 
<script ...>
function zmiana(elem){
    var selected = [tutaj znajdujesz wybrany element, szukajka: selectedIndex]
    var col = selected.style.backgroundColor;
    elem.style.backgroundColor = col;
}
</script>
 
<select onchange="zmiana(this)" ...>
    <option style="background-color: #f00;"...>opt1</option>
    <option style="background-color: #ff0;"...></option>
</select>
[HTML] pobierz, plaintext

Dokończ przykład i powinno działać

kristian

12.01.2009, 23:23:33

dzieki za naprowadzenie i pomoc, udało się

[PHP] pobierz, plaintext 
<?php
<script type="text/javascript"> 
 
    function zmiana_kol(elem){
     var selected = elem.options.selectedIndex;
     elem.style.backgroundColor=elem.options[elem.selectedIndex].style.backgroundColor;
    }
    
</script>
?>
[PHP] pobierz, plaintext

sowiq

13.01.2009, 11:02:07

Spoko, tylko po co deklarujesz var selected = elem.options.selectedIndex;, skoro później tego nigdzie nie używasz?

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.