のみまくし日記

ここのカラーピッカーがヨサゲとおもっっていろいろいじるの術。

コールバックのさせ方が分からなくて、なやんだけ、こんなんやればOK。

Windowを閉じる時に、JavaScriptで、情報を送ってやりたくて、OnCloseを設定したら、Open時に全オブジェクトを内部的に全部閉じるらしくて、困った。

OnOpen時に、フラグを立てるので術で対応してみた。

<p>color 1 #<input type="text" name="color1" id="colorfield1" value="339900" class="color-label">
<button style="border: 0px outset #666;" id="colorbox1" class="colorbox">あいうえお</button></p>

<p>color 2 #<input type="text" name="color2" id="colorfield2" value="339900" class="color-label">
<button style="border: 0px outset #666;" id="colorbox2" class="colorbox">あいうえお</button></p>

<p>color 3 #<input type="text" name="color3" id="colorfield3" value="339900" class="color-label">
<button style="border: 0px outset #666;" id="colorbox3" class="colorbox">あいうえお</button></p>

<p>color 4 #<input type="text" name="color4" id="colorfield4" value="339900" class="color-label">
<button style="border: 0px outset #666;" id="colorbox4" class="colorbox">あいうえお</button></p>


<script type="text/javascript">
// <![CDATA[
function callBackOpen(){
    this.isSendColor = true;
}

function callBackClose(){
    if (this.isSendColor) {
        alert(this.isSendColor + ": " + this.field.name + ' : ' + this.field.value + ':' + this.swatch.style.backgroundColor + ' : ' + this.swatch.style.color);
        this.isSendColor = false;
    }
}
    new Control.ColorPicker("colorfield1", { "swatch" : "colorbox1", onOpen: callBackOpen, onClose: callBackClose});
    new Control.ColorPicker("colorfield2", { "swatch" : "colorbox2", onOpen: callBackOpen, onClose: callBackClose});
    new Control.ColorPicker("colorfield3", { "swatch" : "colorbox3", onOpen: callBackOpen, onClose: callBackClose});
    new Control.ColorPicker("colorfield4", { "swatch" : "colorbox4", onOpen: callBackOpen, onClose: callBackClose});

// ]]>
</script>

posted by takefumi | この日記へリンク | コメント(0) | トラックバック(0)