Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Pole select i input
dk1342
post
Post #1





Grupa: Zarejestrowani
Postów: 275
Pomógł: 9
Dołączył: 24.07.2008
Skąd: Racibórz

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

Witam otóż chce zrobić coś takiego:
Kod
<select>
<option value="COLOR_RED">Czerwony</option>
<option value="COLOR_GREEN">Zielony</option>
<option value="COLOR_GREY">Szary</option>
<option value="COLOR_YELLOW">Zolty</option>
<option value="COLOR_WHITE">Bialy</option>
<option value="COLOR_BLUE">Niebieski</option>
<option value="COLOR_ORANGE">Pomaranczowy</option>
<option value="COLOR_LIGHTGREEN">Jasno zielony</option>
<option value="COLOR_LIGHTRED">Jasno czerwony</option>
<option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
<option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
</select>
<input type="text" style="width: 500px;" />


teraz wytłumacze:

Gdy ktos wybierze np. pole Czerwony w select to w polu input text automatycznie bez odswiezania strony pojawi się to co jest w value w option czyli "COLOR_RED"
jest to chyba javascript więc dalem tagi tag

Ten post edytował dk1342 1.02.2009, 11:57:01


--------------------
Firefox - The Best,
Internet Exokier - shit
Go to the top of the page
+Quote Post
piaseq
post
Post #2





Grupa: Zarejestrowani
Postów: 161
Pomógł: 25
Dołączył: 6.09.2008
Skąd: Warszawa

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

Możesz osiągnąć taki efekt korzystając ze zdarzenia onChange pola select.
Go to the top of the page
+Quote Post
piotrooo89
post
Post #3


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




 
[HTML] pobierz, plaintext 
  1. <select onChange="pokaz.value=this.value">
  2. <option value="COLOR_RED">Czerwony</option>
  3. <option value="COLOR_GREEN">Zielony</option>
  4. <option value="COLOR_GREY">Szary</option>
  5. <option value="COLOR_YELLOW">Zolty</option>
  6. <option value="COLOR_WHITE">Bialy</option>
  7. <option value="COLOR_BLUE">Niebieski</option>
  8. <option value="COLOR_ORANGE">Pomaranczowy</option>
  9. <option value="COLOR_LIGHTGREEN">Jasno zielony</option>
  10. <option value="COLOR_LIGHTRED">Jasno czerwony</option>
  11. <option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
  12. <option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
  13. </select>
  14. <input id="pokaz" type="text" style="width: 500px;" />
[HTML] pobierz, plaintext


prosze i następnym razem przeczytaj jakiś kurs js.


// pomógł++
// ayeo
// edit: jednak autor tematu mnie uprzedził winksmiley.jpg


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
ayeo
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

[HTML] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function()
  3. {
  4.  $("select").change(function()
  5.  {
  6.   val = $(this).attr("value");
  7.   $(input).atr("value", val);
  8.  });
  9. });
  10. </script>
  11. <select>
  12. <option value="COLOR_RED">Czerwony</option>
  13. <option value="COLOR_GREEN">Zielony</option>
  14. <option value="COLOR_GREY">Szary</option>
  15. <option value="COLOR_YELLOW">Zolty</option>
  16. <option value="COLOR_WHITE">Bialy</option>
  17. <option value="COLOR_BLUE">Niebieski</option>
  18. <option value="COLOR_ORANGE">Pomaranczowy</option>
  19. <option value="COLOR_LIGHTGREEN">Jasno zielony</option>
  20. <option value="COLOR_LIGHTRED">Jasno czerwony</option>
  21. <option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
  22. <option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
  23. </select>
  24. <input type="text" style="width: 500px;" />
[HTML] pobierz, plaintext


Pozdrawiam!

PS Użyłem jQuery.


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
dk1342
post
Post #5





Grupa: Zarejestrowani
Postów: 275
Pomógł: 9
Dołączył: 24.07.2008
Skąd: Racibórz

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

dziękuje, znalazłem w szukajce coś ale nie działało dzięki

a mam jeszcze takie małe pytanie da się zmienić napis na kolor rpg ? bo wiem jak zmienić normalnie

style="color: ..."

a jak jest na rpg ?


--------------------
Firefox - The Best,
Internet Exokier - shit
Go to the top of the page
+Quote Post
piotrooo89
post
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
nie rozumiem? chcesz zmienić kolor tekstu czy tła?


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
piaseq
post
Post #7





Grupa: Zarejestrowani
Postów: 161
Pomógł: 25
Dołączył: 6.09.2008
Skąd: Warszawa

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

Cytat(dk1342 @ 1.02.2009, 12:14:24 ) *
style="color: ..."

a jak jest na rpg ?

Chyba pomyliłeś kolory z grami biggrin.gif. style="color: #rrggbb" powinno działać
Go to the top of the page
+Quote Post
dk1342
post
Post #8





Grupa: Zarejestrowani
Postów: 275
Pomógł: 9
Dołączył: 24.07.2008
Skąd: Racibórz

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

piotrooo89

mi chodzilo o tekst, ale nie wiedzialem że się da też tło zmienić jak zmienić tło ?

"Chyba pomyliłeś kolory z gram"

chyba tak, chodzilo o kolor RGB


--------------------
Firefox - The Best,
Internet Exokier - shit
Go to the top of the page
+Quote Post
piaseq
post
Post #9





Grupa: Zarejestrowani
Postów: 161
Pomógł: 25
Dołączył: 6.09.2008
Skąd: Warszawa

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

Cytat(dk1342 @ 1.02.2009, 12:24:08 ) *
mi chodzilo o tekst, ale nie wiedzialem że się da też tło zmienić jak zmienić tło ?

Zadajesz okropnie niekonkretne pytania, podawaj więcej szczegółów. Chcesz zmienić tło inputa, selecta, całej strony,... ?
Go to the top of the page
+Quote Post
matixrr
post
Post #10





Grupa: Zarejestrowani
Postów: 207
Pomógł: 44
Dołączył: 14.04.2007

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

Np.
[HTML] pobierz, plaintext 
  1. <option value="COLOR_RED" style="background-color: red; color: white;">Czerwony</option>
[HTML] pobierz, plaintext


Ten post edytował matixrr 1.02.2009, 12:33:33


--------------------
Pomogłem? Zmotywuj mnie do dalszej pracy i kliknij magiczny przycisk:
Go to the top of the page
+Quote Post
piotrooo89
post
Post #11


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




 
[HTML] pobierz, plaintext 
  1. <select onChange="pokaz.value=this.value; pokaz.style.backgroundColor=this.value;">
  2. <option value="#CCFFFF">Czerwony</option>
  3. <option value="COLOR_GREEN">Zielony</option>
  4. <option value="COLOR_GREY">Szary</option>
  5. <option value="COLOR_YELLOW">Zolty</option>
  6. <option value="COLOR_WHITE">Bialy</option>
  7. <option value="COLOR_BLUE">Niebieski</option>
  8. <option value="COLOR_ORANGE">Pomaranczowy</option>
  9. <option value="COLOR_LIGHTGREEN">Jasno zielony</option>
  10. <option value="COLOR_LIGHTRED">Jasno czerwony</option>
  11. <option value="COLOR_LIGHTYELLOW">Jasno Zolty</option>
  12. <option value="COLOR_LIGHTBLUE">Jasno Niebieski</option>
  13. </select>
  14. <input id="pokaz" type="text" style="width: 500px;" />
[HTML] pobierz, plaintext


i polecam zmienić wszystkie value na hexy. czyli tak gdzie masz teraz np COLOR_GREEN dodać odpowiedniego hexa. i możesz sobie usunąć pokazywanie nazw. dowolność masz ogromna.

Ten post edytował piotrooo89 1.02.2009, 12:41:04


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
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:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn