Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zmiana tła inputa na podstawie wpisanej wartości
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
fate
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
Pawel_W
  1. $('input').on('EVENT', function(){
  2. $(this).css('background-color', $(this).val());
  3. });

zamiast EVENT wpisz co chcesz, keypress, keydown, keyup, change itd.
fate
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
Pawel_W
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
fate
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.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.