入力フィールドの変更時にjQueryカラーピッカープラグインのリフレッシュをトリガーする

Question

現在、jQueryの.click（）メソッドを使用して15個のテキストフィールドを簡単な16進数の値で更新しています。このdocument.form1.top_menu_bgcolor.value = '#FFFFFF ';

私はまた、問題はあなたがフィールドを更新する]をクリックすると、カラーピッカースウォッチがリフレッシュ取得しないということであるキラーカラーピッカーを表示するには、jQueryのhttp://modcoder.org/のためのイーエクスカラーを http://modcoder.org/js/modcoder-1.1.js

使用しています。

フィールドが変更されたときに見本を簡単に再アクティブ化または更新するにはどうすればよいですか？スクロールを新しい16進文字列（入力値）に更新するには、以下の.click関数で何を呼び出すことができますか？

はここにJSだ：

<script type="text/javascript"> 

    $('document').ready(function() { 

     // running ExColor 
     $('#my_input_1').modcoder_excolor(); 
    $('#my_input_2').modcoder_excolor(); 
    $('#my_input_3').modcoder_excolor(); 
    $('#my_input_4').modcoder_excolor(); 
    $('#my_input_5').modcoder_excolor(); 
    $('#my_input_6').modcoder_excolor(); 
    $('#my_input_7').modcoder_excolor(); 
    $('#my_input_8').modcoder_excolor(); 
    $('#my_input_9').modcoder_excolor(); 
    $('#my_input_10').modcoder_excolor(); 
    $('#my_input_11').modcoder_excolor(); 
    $('#my_input_12').modcoder_excolor(); 
    $('#my_input_13').modcoder_excolor(); 
    $('#my_input_14').modcoder_excolor(); 
    $('#my_input_15').modcoder_excolor();  

     $('#theme01').click(function() { 
      document.form1.top_menu_bgcolor.value = '#FFFFFF'; 
     document.form1.top_menu_bgcolor.focus(); 
     document.form1.top_menu_fontcolor.value = '#FFFFFF'; 
     document.form1.top_menu_bghovercolor.value = '#FFFFFF'; 
     document.form1.top_menu_fonthovercolor.value = '#FFFFFF'; 
     document.form1.left_menu_bgcolor.value = '#FFFFFF'; 
     document.form1.left_menu_fontcolor.value = '#FFFFFF'; 
     document.form1.left_menu_bghovercolor.value = '#FFFFFF'; 
     document.form1.left_menu_fonthovercolor.value = '#FFFFFF'; 
     document.form1.left_div_border.value = '#FFFFFF'; 
     document.form1.site_background_color.value = '#FFFFFF'; 
     document.form1.header_color.value = '#FFFFFF'; 
     document.form1.content_header_color.value = '#FFFFFF'; 
     document.form1.browser_bg_color.value = '#FFFFFF'; 
     document.form1.footer_color.value = '#FFFFFF'; 
     document.form1.footer_font_color.value = '#FFFFFF'; 

     }); 

</script> 

とHTMLを

<a href="#" id="theme01">Theme 1</a> 


<input type="text" ID="my_input_1" name="top_menu_bgcolor" maxlength="7" value="#000000" size="10" /> 

Answer 1

あなたはのようなものを使用して試すことができます：

＃C3はどこか別のdiv要素をある

<script type="application/javascript"> 
     $(document).ready(function(){ 

     $("#theme01").click(function(){ 
     $("#myinput1").val('#aaafFF'); 
     $('#myinput1').click(); 
     setTimeout(function(){ 
      $('#c3').blur(); 
      $('#c3').click(); 
      $('#c3').blur();}, 
     50); 
    return false; 
     }); 

     }); 
</script> 

。

これは、modcoderの表示と非表示を、ユーザーが見えないほど速くします。

編集：全回答

 $("#theme01").click(function(){ 
      $("#myinput1").val('#aaaFFF'); 
      $('#myinput1').click(); 
      setTimeout(function(){$('#modcoder_ok').click();}, 50); 
     }); 

     $("#theme02").click(function(){ 
      $("#myinput1").val('#222ccc'); 
      $('#myinput1').click(); 
      setTimeout(function(){$('#modcoder_ok').click();}, 50); 
     }); 

し、HTMLに： テーマ1 テーマ2

私は2つのボタン、遅れた＃のmodcode_ok.clickを（使用）プログラムでのクリックありませんOKボタンをクリックして色を選択して更新します。 私のコンピュータでは、50msでのsetTimeoutが速すぎて、ポップアップが表示されません。たぶんあなたのニーズに合わせて調整する必要があります。