Live-kleurkiezer voor tekst met jQuery

Ik ben door een van de prachtige color pickers gegaan, farbtastic en in staat om de kleur te krijgen en nu moet ik de lettertypekleur onmiddellijk veranderen als we er de kleur van kiezen.

Dus hoe kan ik dat doen? Ik wist dat het een stomme vraag was, maar ik moet het weten!

Dit is wat ik kreeg van de site:

<script type="text/javascript" src="farbtastic.js"></script>
<link rel="stylesheet" href="farbtastic.css" type="text/css" />

Tijdelijke aanduiding:

<form><input type="text" id="color" name="color" value="#123456" /></form>
<div id="colorpicker"></div>

Script:

<script type="text/javascript">
  $(document).ready(function() {
    $('#colorpicker').farbtastic('#color');
  });
</script>

Dit is mijn tekstvak:
0
toegevoegd bewerkt
Bekeken: 3
de bron

1 antwoord

probeer de textbox een klasse te geven, zoals .colored-textbox

en in plaats van

$('#colorpicker').farbtastic('#color');

proberen

$('#colorpicker').farbtastic('.colored-textbox');
1
toegevoegd
de bron
Als ik het verander, wordt er geen kleur opgehaald.
toegevoegd de auteur coder, de bron
<input type = "text" id = "color" name = "color" value = "# 123456" />
toegevoegd de auteur coder, de bron
Ja, als ik geef wat je hebt gezegd en het verandert in wat je hierboven hebt genoemd, laat het me gewoon de controle zien maar niets selecteert.
toegevoegd de auteur coder, de bron
Nu laat het me de controle niet zien.
toegevoegd de auteur coder, de bron
kun je de html van het tekstvak geven?
toegevoegd de auteur FreeCandies, de bron
Oké, kun je het tekstvak de class = "colored-textbox" geven?
toegevoegd de auteur FreeCandies, de bron
Het lijkt erop dat ik een beetje slaperig ben, sorry. Ik heb het onderdeel gemist met de kleur van het lettertype. Dus laat alles zoals het was, maar verander het script naar: code $ ('# colorpicker'). Farbtastic (function (color) {$ ("# color") & zwnj; .css (" kleur ", kleur);});
toegevoegd de auteur FreeCandies, de bron
Je zou naar Demo2.html moeten kijken die met farbtastic komt. het laat u zien hoe u de picker verbindt met een klasse, zelfs als er meerdere instanties zijn. U hoeft alleen de invoerelementen naar het ASP.NET-tekstvak te converteren en de eigenschap CssClass dienovereenkomstig in te stellen. het laat ook zien hoe je een callback gebruikt. Waarin u de code kunt invoegen om het CSS-kleurattribuut naar wens te wijzigen.
toegevoegd de auteur NFX, de bron