المعلومات الكاتب: اللقب: الرتبه:
الصورة الرمزية
البيانات الجنس : عدد المشاركات : 2548 التقييم : 50011326 تاريخ التسجيل : 29/07/2012
الإتصالات الحالة: وسائل الإتصال:
موضوع: [JavaScript] قنبله الموسم: نظام جديد لالوان الكتابه لاحلى المنتديات [حصريا] [JavaScript] قنبله الموسم: نظام جديد لالوان الكتابه لاحلى المنتديات [حصريا] أسم العضو:Admin Admin ´هل ترغب في التعليق على الرسالة عضوا الخاص؟
[JavaScript] قنبله الموسم: نظام جديد لالوان الكتابه لاحلى المنتديات [حصريا] السلام عليكم ورحمه الله وبركاته تحية طيبة اعزائي اعضاء وزوار منتديات محمود الزملكاوى اليوم اقدم بين ايديكم كود JavaScript حصري على الاطلاق وهو لاحلى المنتديات فقط وظيفتة تطوير نظام الوان الكتابه ولتحصل على جميع الالوان وباستخدام سهل صورة للكود وطريقة عمله: وطريقة استخدامه سهله الان اليكم الكود وطريقة تركيبه لوحه الادارة عناصر اضافية HTML و JAVASCRIPT إدارة أكواد JavaScript انشاء كود جافا جديد الكود: !function(d){var i=function(a){this.value={h:1,s:1,b:1,a:1};this.setColor(a)};i.prototype={constructor:i,setColor:function(a){var a=a.toLowerCase(),b=this;d.each(e.stringParsers,function(c,d){var f=d.re.exec(a),f=f&&d.parse(f),g=d.space||"rgba";if(f){return b.value="hsla"==g?e.RGBtoHSB.apply(null,e.HSLtoRGB.apply(null,f)):e.RGBtoHSB.apply(null,f),!1}})},setHue:function(a){this.value.h=1-a},setSaturation:function(a){this.value.s=a},setLightness:function(a){this.value.b=1-a},setAlpha:function(a){this.value.a=parseInt(100*(1-a),10)/100},toRGB:function(a,b,c,d){a||(a=this.value.h,b=this.value.s,c=this.value.b);var f,g,e,a=360*a%360/60;e=c*b;b=e*(1-Math.abs(a%2-1));c=f=g=c-e;a=~~a;c+=[e,b,0,0,b,e][a];f+=[b,e,e,b,0,0][a];g+=[0,0,b,e,e,b][a];return{r:Math.round(255*c),g:Math.round(255*f),b:Math.round(255*g),a:d||this.value.a}},toHex:function(a,b,c,d){a=this.toRGB(a,b,c,d);return"#"+(16777216|parseInt(a.r)<<16|parseInt(a.g)<<8|parseInt(a.b)).toString(16).substr(1)},toHSL:function(a,b,c,d){a||(a=this.value.h,b=this.value.s,c=this.value.b);var f=(2-b)*c,b=b*c,b=0<f&&1>=f?b/f:b/(2-f);1<b&&(b=1);return{h:a,s:b,l:f/2,a:d||this.value.a}}};var h=function(a,b){this.element=d(a);var c=b.format||this.element.data("color-format")||"hex";this.format=e.translateFormats[c];this.isInput=this.element.is("input");this.component=this.element.is(".color")?this.element.find(".add-on"):!1;this.picker=d(e.template).appendTo("body").on("mousedown",d.proxy(this.mousedown,this));if(this.isInput){this.element.on({focus:d.proxy(this.show,this),keyup:d.proxy(this.update,this)})}else{if(this.component){this.component.on({click:d.proxy(this.show,this)})}else{this.element.on({click:d.proxy(this.show,this)})}}if("rgba"==c||"hsla"==c){this.picker.addClass("alpha"),this.alpha=this.picker.find(".colorpicker-alpha")[0].style}this.component?(this.picker.find(".colorpicker-color").hide(),this.preview=this.element.find("i")[0].style):this.preview=this.picker.find("div:last")[0].style;this.base=this.picker.find("div:first")[0].style;this.update()};h.prototype={constructor:h,show:function(a){this.picker.show();this.height=this.component?this.component.outerHeight():this.element.outerHeight();this.place();d(window).on("resize",d.proxy(this.place,this));!this.isInput&&a&&(a.stopPropagation(),a.preventDefault());d(document).on({mousedown:d.proxy(this.hide,this)});this.element.trigger({type:"show",color:this.color})},update:function(){this.color=new i(this.isInput?this.element.prop("value"):this.element.data("color"));this.picker.find("i").eq(0).css({left:100*this.color.value.s,top:100-100*this.color.value.b}).end().eq(1).css("top",100*(1-this.color.value.h)).end().eq(2).css("top",100*(1-this.color.value.a));this.previewColor()},hide:function(){this.picker.hide();d(window).off("resize",this.place);this.isInput?this.element.prop("value",this.format.call(this)):(d(document).off({mousedown:this.hide}),this.component&&this.element.find("input").prop("value",this.format.call(this)),this.element.data("color",this.format.call(this)));this.element.trigger({type:"hide",color:this.color})},place:function(){var a=this.component?this.component.offset():this.element.offset();this.picker.css({top:a.top+this.height,left:a.left})},previewColor:function(){this.preview.backgroundColor=this.format.call(this);this.base.backgroundColor=this.color.toHex(this.color.value.h,1,1,1);this.alpha&&(this.alpha.backgroundColor=this.color.toHex())},pointer:null,slider:null,mousedown:function(a){a.stopPropagation();a.preventDefault();var b=d(a.target).closest("div");if(!b.is(".colorpicker")){b.is(".colorpicker-saturation")?this.slider=d.extend({},e.sliders.saturation):b.is(".colorpicker-hue")?this.slider=d.extend({},e.sliders.hue):b.is(".colorpicker-alpha")&&(this.slider=d.extend({},e.sliders.alpha));var c=b.offset();this.slider.knob=b.find("i")[0].style;this.slider.left=a.pageX-c.left;this.slider.top=a.pageY-c.top;this.pointer={left:a.pageX,top:a.pageY};d(document).on({mousemove:d.proxy(this.mousemove,this),mouseup:d.proxy(this.mouseup,this)}).trigger("mousemove")}return!1},mousemove:function(a){a.stopPropagation();a.preventDefault();var b=Math.max(0,Math.min(this.slider.maxLeft,this.slider.left+((a.pageX||this.pointer.left)-this.pointer.left))),a=Math.max(0,Math.min(this.slider.maxTop,this.slider.top+((a.pageY||this.pointer.top)-this.pointer.top)));this.slider.knob.left=b+"px";this.slider.knob.top=a+"px";this.slider.callLeft&&this.color[this.slider.callLeft].call(this.color,b/100);this.slider.callTop&&this.color[this.slider.callTop].call(this.color,a/100);this.previewColor();this.element.trigger({type:"changeColor",color:this.color});return!1},mouseup:function(a){a.stopPropagation();a.preventDefault();d(document).off({mousemove:this.mousemove,mouseup:this.mouseup});return!1}};d.fn.colorpicker=function(a){return this.each(function(){var b=d(this),c=b.data("colorpicker"),e="object"==typeof a&&a;c||b.data("colorpicker",c=new h(this,d.extend({},d.fn.colorpicker.defaults,e)));if("string"==typeof a){c[a]()}})};d.fn.colorpicker.defaults={};d.fn.colorpicker.Constructor=h;var e={translateFormats:{rgb:function(){var a=this.color.toRGB();return"rgb("+a.r+","+a.g+","+a.b+")"},rgba:function(){var a=this.color.toRGB();return"rgba("+a.r+","+a.g+","+a.b+","+a.a+")"},hsl:function(){var a=this.color.toHSL();return"hsl("+Math.round(360*a.h)+","+Math.round(100*a.s)+"%,"+Math.round(100*a.l)+"%)"},hsla:function(){var a=this.color.toHSL();return"hsla("+Math.round(360*a.h)+","+Math.round(100*a.s)+"%,"+Math.round(100*a.l)+"%,"+a.a+")"},hex:function(){return this.color.toHex()}},sliders:{saturation:{maxLeft:100,maxTop:100,callLeft:"setSaturation",callTop:"setLightness"},hue:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setHue"},alpha:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setAlpha"}},RGBtoHSB:function(a,b,c,d){var a=a/255,b=b/ 255, c = c /255,f,e;f=Math.max(a,b,c);e=f-Math.min(a,b,c);return{h:60*(((0==e?0:f==a?(b-c)/e:f==b?(c-a)/ e + 2 : (a - b)/e+4)+360)%6)/ 360 || 1, s:0 == e ? 0 : e /f,b:f,a:d||1}},HueToRGB:function(a,b,c){0>c?c+=1:1<c&&(c-=1);return 1>6*c?a+6*(b-a)*c:1>2*c?b:2>3*c?a+6*(b-a)*(2/3-c):a},HSLtoRGB:function(a,b,c,d){0>b&&(b=0);var b=0.5>=c?c*(1+b):c+b-c*b,f=2*c-b,g=a-1/3,c=Math.round(255*e.HueToRGB(f,b,a+1/3)),a=Math.round(255*e.HueToRGB(f,b,a)),b=Math.round(255*e.HueToRGB(f,b,g));return[c,a,b,d||1]},stringParsers:[{re:/rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,parse:function(a){return[a[1],a[2],a[3],a[4]]}},{re:/rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,parse:function(a){return[2.55*a[1],2.55*a[2],2.55*a[3],a[4]]}},{re:/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,parse:function(a){return[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]}},{re:/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,parse:function(a){return[parseInt(a[1]+a[1],16),parseInt(a[2]+a[2],16),parseInt(a[3]+a[3],16)]}},{re:/hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,space:"hsla",parse:function(a){return[a[1]/ 360, a[2] /100,a[3]/100,a[4]]}}],template:'<div class="colorpicker dropdown-menu"><div class="colorpicker-saturation"><i><b></b></i></div><div class="colorpicker-hue"><i></i></div><div class="colorpicker-alpha"><i></i></div><div class="colorpicker-color"><div /></div></div>'}}(window.jQuery);$("#text_edit button[onclick*='color']").removeAttr("onclick").attr("data-color",my_getcookie("defColCP")?my_getcookie("defColCP"):"#000000").colorpicker().on("hide",function(d){my_setcookie("defColCP",d.color.toHex(),1,0);bbfontstyle("[color="+d.color.toHex()+"]","[/color]")});$("#html_edit button[onclick*='wcolor']").removeAttr("onclick").attr("data-color",my_getcookie("defColCP")?my_getcookie("defColCP"):"#000000").colorpicker().on("hide",function(d){my_setcookie("defColCP",d.color.toHex(),1,0);vB_Editor.text_editor.format(d,"constructBBcode_select_color_"+d.color.toHex(),!1,!0)});$("head").append('<link rel="stylesheet" type="text/css" href="data:text/css;base64,LmRyb3Bkb3duLW1lbnV7cG9zaXRpb246YWJzb2x1dGU7dG9wOjEwMCU7bGVmdDowO3otaW5kZXg6MTAwMDtmbG9hdDpsZWZ0O2Rpc3BsYXk6bm9uZTttaW4td2lkdGg6MTYwcHg7bWF4LXdpZHRoOjIyMHB4O193aWR0aDoxNjBweDtsaXN0LXN0eWxlOm5vbmU7YmFja2dyb3VuZC1jb2xvcjojZmZmOy13ZWJraXQtYm9yZGVyLXJhZGl1czowIDAgNXB4IDVweDstbW96LWJvcmRlci1yYWRpdXM6MCAwIDVweCA1cHg7Ym9yZGVyLXJhZGl1czowIDAgNXB4IDVweDstd2Via2l0LWJveC1zaGFkb3c6MCA1cHggMTBweCByZ2JhKDAsMCwwLDAuMik7LW1vei1ib3gtc2hhZG93OjAgNXB4IDEwcHggcmdiYSgwLDAsMCwwLjIpO2JveC1zaGFkb3c6MCA1cHggMTBweCByZ2JhKDAsMCwwLDAuMik7LXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6cGFkZGluZy1ib3g7LW1vei1iYWNrZ3JvdW5kLWNsaXA6cGFkZGluZztiYWNrZ3JvdW5kLWNsaXA6cGFkZGluZy1ib3g7Ym9yZGVyLWNvbG9yOnJnYmEoMCwwLDAsMC4yKTtib3JkZXItc3R5bGU6c29saWQ7Ym9yZGVyLXdpZHRoOjFweCAycHggMnB4IDFweDttYXJnaW46MDtwYWRkaW5nOjRweCAwfS5jb2xvcnBpY2tlci1zYXR1cmF0aW9ue3dpZHRoOjEwMHB4O2hlaWdodDoxMDBweDtiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwOi8vZ29vLmdsL1IwbjRqKTtjdXJzb3I6Y3Jvc3NoYWlyO2Zsb2F0OmxlZnR9LmNvbG9ycGlja2VyLXNhdHVyYXRpb24gaXtkaXNwbGF5OmJsb2NrO2hlaWdodDo1cHg7d2lkdGg6NXB4O2JvcmRlcjoxcHggc29saWQgIzAwMDstd2Via2l0LWJvcmRlci1yYWRpdXM6NXB4Oy1tb3otYm9yZGVyLXJhZGl1czo1cHg7Ym9yZGVyLXJhZGl1czo1cHg7cG9zaXRpb246YWJzb2x1dGU7dG9wOjA7bGVmdDowO21hcmdpbjotNHB4IDAgMCAtNHB4fS5jb2xvcnBpY2tlci1zYXR1cmF0aW9uIGkgYntkaXNwbGF5OmJsb2NrO2hlaWdodDo1cHg7d2lkdGg6NXB4O2JvcmRlcjoxcHggc29saWQgI2ZmZjstd2Via2l0LWJvcmRlci1yYWRpdXM6NXB4Oy1tb3otYm9yZGVyLXJhZGl1czo1cHg7Ym9yZGVyLXJhZGl1czo1cHh9LmNvbG9ycGlja2VyLWh1ZSwuY29sb3JwaWNrZXItYWxwaGF7d2lkdGg6MTVweDtoZWlnaHQ6MTAwcHg7ZmxvYXQ6bGVmdDtjdXJzb3I6cm93LXJlc2l6ZTttYXJnaW4tbGVmdDo0cHg7bWFyZ2luLWJvdHRvbTo0cHh9LmNvbG9ycGlja2VyLWh1ZSBpLC5jb2xvcnBpY2tlci1hbHBoYSBpe2Rpc3BsYXk6YmxvY2s7aGVpZ2h0OjFweDtiYWNrZ3JvdW5kOiMwMDA7Ym9yZGVyLXRvcDoxcHggc29saWQgI2ZmZjtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7d2lkdGg6MTAwJTttYXJnaW4tdG9wOi0xcHh9LmNvbG9ycGlja2VyLWh1ZXtiYWNrZ3JvdW5kLWltYWdlOnVybChodHRwOi8vZ29vLmdsL2VVY1RKKX0uY29sb3JwaWNrZXItYWxwaGF7YmFja2dyb3VuZC1pbWFnZTp1cmwoaHR0cDovL2dvby5nbC9JcE5sOCk7ZGlzcGxheTpub25lfS5jb2xvcnBpY2tlcnt6b29tOjE7dG9wOjA7bGVmdDowO21pbi13aWR0aDoxMjBweDttYXJnaW4tdG9wOjFweDstd2Via2l0LWJvcmRlci1yYWRpdXM6NHB4Oy1tb3otYm9yZGVyLXJhZGl1czo0cHg7Ym9yZGVyLXJhZGl1czo0cHg7cGFkZGluZzo0cHh9LmNvbG9ycGlja2VyOmJlZm9yZSwuY29sb3JwaWNrZXI6YWZ0ZXJ7ZGlzcGxheTp0YWJsZTtjb250ZW50OiIifS5jb2xvcnBpY2tlcjphZnRlcntjbGVhcjpib3RoO2NvbnRlbnQ6Jyc7ZGlzcGxheTppbmxpbmUtYmxvY2s7Ym9yZGVyLWxlZnQ6NnB4IHNvbGlkIHRyYW5zcGFyZW50O2JvcmRlci1yaWdodDo2cHggc29saWQgdHJhbnNwYXJlbnQ7Ym9yZGVyLWJvdHRvbTo2cHggc29saWQgI2ZmZjtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6LTZweDtsZWZ0OjdweH0uY29sb3JwaWNrZXI6YmVmb3Jle2NvbnRlbnQ6Jyc7ZGlzcGxheTppbmxpbmUtYmxvY2s7Ym9yZGVyLWxlZnQ6N3B4IHNvbGlkIHRyYW5zcGFyZW50O2JvcmRlci1yaWdodDo3cHggc29saWQgdHJhbnNwYXJlbnQ7Ym9yZGVyLWJvdHRvbTo3cHggc29saWQgI2NjYztib3JkZXItYm90dG9tLWNvbG9yOnJnYmEoMCwwLDAsMC4yKTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6LTdweDtsZWZ0OjZweH0uY29sb3JwaWNrZXIgZGl2e3Bvc2l0aW9uOnJlbGF0aXZlfS5jb2xvcnBpY2tlci5hbHBoYXttaW4td2lkdGg6MTQwcHh9LmNvbG9ycGlja2VyLmFscGhhIC5jb2xvcnBpY2tlci1hbHBoYXtkaXNwbGF5OmJsb2NrfS5jb2xvcnBpY2tlci1jb2xvcntoZWlnaHQ6MTBweDttYXJnaW4tdG9wOjVweDtjbGVhcjpib3RoO2JhY2tncm91bmQtaW1hZ2U6dXJsKGh0dHA6Ly9nb28uZ2wvSXBObDgpO2JhY2tncm91bmQtcG9zaXRpb246MCAxMDAlfS5jb2xvcnBpY2tlci1jb2xvciBkaXZ7aGVpZ2h0OjEwcHh9LmlucHV0LWFwcGVuZC5jb2xvciAuYWRkLW9uIGksLmlucHV0LXByZXBlbmQuY29sb3IgLmFkZC1vbiBpe2Rpc3BsYXk6YmxvY2s7Y3Vyc29yOnBvaW50ZXI7d2lkdGg6MTZweDtoZWlnaHQ6MTZweH0=" />');
الآن نقوم بتكرار العملية وننشأ صفحه جافاسكربت جديدة انشاء كود جافا جديد سميه اي شي: مثلا الالوان أضف الكود الى : جميع الصفحات وضع هذا الكود: الكود: $(function() { 2 == $("#color,#wcolor").length && $.getScript("####") });
هنا الخطوة الاهم , بعد وضع الكود الاخير نضع مكان (####) رابط الصفحه الاولى التي سميناها كود الالوان كما في الصورة: ثم سجل وهنيئأ لك بالنظام الرائع ملاحظة: يعمل مع جميع المتصفحات عدا الاكسبلورير اتمنى انه نال اعجابكم, ولاي مساعدة في تركيبه لا تتردد