Zmiana Koloru Tekstu/Tła Jquery


(Jacapowraca) #1

Witam, mam taki kod :

 

 

  Kolory JQUERY

  

 

    

 

    textarea { border: 1pxsolid gray; }

div { border: 1px solid #ccc; background: #fcfcfc; width: 500px; height: 350px; }

 

  

 

 

 

 

  Atrybut:

    Tło

    Kolor tekstu

 

Kolor tekstu:

    Biały

    Czarny

    Pomarańczowy

    Zielony

Zmień kolor


 

  

 

 

 

 

 

 

I musze zrobic aby bo wybraniu atrybutu (np. Tło) wybraniu koloru (tego tła) i naciśnieciu "zmien kolor" sie zmieniło. Potrzebuje szybkiej pomocy :d


(Drobok) #2

Nie powinieneś używac zdarzenia click tylko change

A jak wstawić wartość z form do zmiennej masz w pierwszym rozdziale kazdego kursu jquery/js …


(Blady214) #3

Dobrze by było, gdybyś opakował sobie to w jakiś formularz, wtedy wyzwalaczem akcji byłoby wysłanie formularza. W obecnej formie powinno to wyglądać mniej więcej tak:

$("#zmien").click(function(){
	
	var color = $("kolor_tekstu").val();
	
	if ($("#atrybut").val() === "background"){
		$(this).css("background",color);
	}
	else {
		$(this).css("color",color);
	}
	
});

Dodatkowo chciałem zauważyć, że masz dwa elementy o tym samym ID. Powyższy kod będzie zmieniał Ci kolory na przycisku (o ile zadziała przez ten zdublowany identyfikator).