كود تطوير الالوان في محرر المساهمات

السلام عليكم

الطريقة حصربا في كهربجات
اجعل قائمة اختيار الالوان بطريقة رائعة في محرر المساهمات

الطريقة تتم باستخدام كودين

الكود الاول:

الكود:


    var CopyrightNotice = 'Color-picker for forumotion text editors. Copyright © 2011 khrbjat. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. .';
    $(function() {
        if (document.getElementById('color')) {
            var colors=new Array('00','33','66','99','CC','FF');
            var x='<div id="colorpicker"><table cellspacing="0" id="grid">';
            var y=x;
            for (i = 5; i >= 0; i--) {
                x=x+'<tr>';
                y=y+'<tr>';
                for (j = 5; j >= 0; j--) {
                    for (k= 5; k >= 0; k--) {
                        var col = colors[j]+colors[i]+colors[k];
                        x=x+'<td style="background: #'+col+';"><button style="background:#'+col+';" title="#'+col+'" onmouseover="this.className=\'selectHover\';" onmouseout="this.className=\'\';" onclick="bbfontstyle(\'[color=#'+col+']\', \'[/color]\');selectWysiwyg(this, \'color\');return false;"></button></td>';
                        y=y+'<td style="background: #'+col+';"><button style="background:#'+col+';" id="text_editor_cmd_constructBBcode_select_color_#'+col+'"></button></td>';
                    }
                }
                x=x+'</tr>';
                y=y+'</tr>';
            }
            document.getElementById('color').innerHTML=x+'</table></div>';
            document.getElementById('wcolor').innerHTML=y+'</table></div>';
        }
    });


ويتم وضعة في ملف جافا ويحفظ

الكود الثاني:

الكود:


#color, #wcolor {overflow: visible;}
#colorpicker {position: absolute; top: 20px; left: -225px;}
#grid {border: 1px solid #808080;}
#grid td {padding: 0px;}
#grid td button {height: 12px; width: 12px; padding: 0px; border: 1px solid #808080;}
#grid td button:hover {border: 1px solid #ffffff;}


ويتم وضعة في صفحة css

its awsome

جاري التجربة حبذا لو في صورة