Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana tła inputa na podstawie wpisanej wartości, prosta sprawa pomocy
fate
post 18.05.2013, 17:53:20
Post #1





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


Witam, przerasta to moje obecne umiejetnosci JS bo poki co jedynie implementuje jquery, a wydaje mi sie ze da sie to w max kilku linijkach napisac.
Podrzuci ktos skrypt ktory zmienia kolor tła input text na to co jest aktualnie w nim wpisane?
bede wdzieczny, pozdrawiam facepalmxd.gif


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Pawel_W
post 18.05.2013, 18:13:01
Post #2





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


  1. $('input').on('EVENT', function(){
  2. $(this).css('background-color', $(this).val());
  3. });

zamiast EVENT wpisz co chcesz, keypress, keydown, keyup, change itd.
Go to the top of the page
+Quote Post
fate
post 18.05.2013, 18:47:58
Post #3





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


działa, o to mi chodziło, jestem bardzo wdzieczny.
A może podpowiesz dlaczego ten <script> musi być za inputami zeby trybilo bo jak jest przed to nie chce zmieniac ... tak na przyszlosc,
2 rzecz czy da sie do tego input cos doczepic w kodzie zeby dzialal tylko do inputow o okreslonej klasie?

a moze da sie do wczepiac jako <input onchange=""> i to co wpisales?
jeszczce raz wielkie dzieki za szybka odpowiedz


--------------------
Go to the top of the page
+Quote Post
Pawel_W
post 18.05.2013, 21:17:56
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


ad. 1
ponieważ skrypt wykonuje się zanim inputy zostaną utworzone smile.gif jeżeli chcesz temu zapobiec wrzuć to pomiędzy $(document).ready(function(){ ...KOD... });

ad. 2
poczytaj o selektorach w jQuery, możesz praktycznie dowolnie dobierać elementy dla których wykona się kod

ad. 3
tak, można, ale jest to nieeleganckie smile.gif
Go to the top of the page
+Quote Post
fate
post 18.05.2013, 21:33:37
Post #5





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


dzieki Pawel, sa to dla mnie cenne wskazowki-lekcje podstaw JS na przyszlosc.

zrobilem narazie nielegancko ale i tak spoko że cos tam probuje i działa:

CODE
onkeyup="$(this).css(\'background-color\', $(this).val());"


slashe sa gdyz input sa generowane i wyswietlane echo w php
poczytam o jeszcze selektorach na pewno bedzie mi to kiedys potrzebne
to wszystko, pozdrawiam.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 02:50