/*********************************************** Copyright (C) 2008 Ugur HAMZADAYI ************************************************/ var ug_ucolorpicker_popup = null; function ug_ucolorpicker_popup_load() { if( ug_ucolorpicker_popup != null ) return; ug_ucolorpicker_popup = new UColorPickerCtrl(); //Attach messages if( ug_ucolorpicker_popup != null ) { AttachEventUColorPicker( window , "resize" , function(){ ug_ucolorpicker_popup.RefreshPosition();} ); AttachEventUColorPicker( window , "scroll" , function(){ ug_ucolorpicker_popup.RefreshPosition();} ); AttachEventUColorPicker( document.body , "click" , function(){ ug_ucolorpicker_popup.OnClickWindow();} ); AttachEventUColorPicker( ug_ucolorpicker_popup.calendar , "mouseover" , function () {ug_ucolorpicker_popup.OnOverCalendar();} ); AttachEventUColorPicker( ug_ucolorpicker_popup.calendar , "mouseout" , function () {ug_ucolorpicker_popup.OnOutCalendar();} ); } } //Bu Önemli function AttachEventUColorPicker(obj, eventName, eventHandler) { if( obj ) { if(eventName.substring(0, 2) == 'on') { eventName = eventName.substring(2,eventName.length); } if(obj.attachEvent){ obj.attachEvent('on'+ eventName, eventHandler); } else if( obj.addEventListener){ obj.addEventListener(eventName, eventHandler, false); } } }; AttachEventUColorPicker( window , 'onload' , ug_ucolorpicker_popup_load ); function UColorPickerCtrl() { this.CreatePopup(); }; UColorPickerCtrl.prototype.CreatePopup = function () { this.lang = "tr"; //Türkçe this.timeid = null; this.ismouseover=false; this.bodyclickcount=0; this.curColor = '#000000'; this.calendar = ug_ucolorpicker_popup = document.createElement('div'); this.calendar.setAttribute('id','global_ucolorpickerpopupid_1'); this.calendar.style.position = 'absolute'; this.calendar.style.display = 'none'; this.calendar.style.backgroundImage = 'url(http://'+location.hostname+'/include/javascript/colorpicker/xfill.png)'; innerText = ''; innerText += '

'; innerText += ''; innerText += '

'; innerText += ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''; innerText += '

'; innerText += ''; innerText += ''; innerText += ''; innerText += ''; innerText += ''; innerText += '

X

'; innerText += '

'; this.calendar.innerHTML = innerText; document.body.appendChild(this.calendar); }; UColorPickerCtrl.prototype.GetLeftPosition = function ( obj ) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft; }; UColorPickerCtrl.prototype.GetTopPosition = function ( obj ) { var curtop = 0; if(obj.offsetParent) while(1) { curtop += obj.offsetTop; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.y) curtop += obj.y; return curtop; }; UColorPickerCtrl.prototype.OnMouseOverColor = function( color ) { colorpanel = document.getElementById(this.calendar.id + 'color'); colorpanel.style.backgroundColor = color; colortext = document.getElementById(this.calendar.id + 'colortext'); colortext.innerHTML = color; } UColorPickerCtrl.prototype.OnClickColor = function ( strColor ) { if( this.targetControl != null ) this.targetControl.value = strColor; this.HidePopup(); } UColorPickerCtrl.prototype.OnOverCalendar = function () { this.ismouseover=true; if( this.timeid ) { clearTimeout(this.timeid); this.timeid = null; } } UColorPickerCtrl.prototype.OnOutCalendar = function () { this.ismouseover=false; this.timeid = setTimeout( "ug_ucolorpicker_popup.HidePopup()" , 10000 ); } UColorPickerCtrl.prototype.OnClickWindow = function () { if( window.event ) { if( window.event.srcElement ) { controlyear = window.event.srcElement; while( controlyear != null ) { if( controlyear.id == 'udatecalndarpickerselectyear' || controlyear.id == 'udatecalndarpickerselectmonth' ) { return false; } controlyear = controlyear.parentNode; } } } if( !this.ismouseover && this.bodyclickcount >= 1 ) { if( this.calendar.style.display == 'block' ) { this.HidePopup(); } } this.bodyclickcount++; if( this.bodyclickcount > 2 ) this.bodyclickcount == 2; return false; } UColorPickerCtrl.prototype.RefreshPosition = function () { if( this.alignControl == null ) return; cxWin = window.innerWidth; scrollX = window.pageXOffset; if (navigator.appName == "Microsoft Internet Explorer") { if( document.documentElement.clientWidth ) { cxWin = document.documentElement.clientWidth; scrollX = document.documentElement.scrollLeft; } else { cxWin = document.body.clientWidth; scrollX = document.body.scrollLeft; } } cyWin = window.innerHeight; scrollY = window.pageYOffset; if (navigator.appName == "Microsoft Internet Explorer") { if( document.documentElement.clientWidth ) { cyWin = document.documentElement.clientHeight; scrollY = document.documentElement.scrollTop; } else { cyWin = document.body.clientHeight; scrollY = document.body.scrollTop; } } //Range Belirleniyor... rx1 = scrollX; ry1 = scrollY; rx2 = rx1 + cxWin; ry2 = ry1 + cyWin; if( this.iframeWin == null ) { //iframe içinde degil ise hCtrl = this.alignControl.offsetHeight; wCtrl = this.alignControl.offsetWidth; x1Pos = this.GetLeftPosition(this.alignControl); y1Pos = this.GetTopPosition(this.alignControl) + hCtrl; x2Pos = x1Pos + this.calendar.offsetWidth; y2Pos = y1Pos + this.calendar.offsetHeight; if( y2Pos > ry2 ) { y1Pos = this.GetTopPosition(this.alignControl) - this.calendar.offsetHeight; } this.calendar.style.left = x1Pos +'px'; this.calendar.style.top = y1Pos +'px'; inlineframe = document.getElementById('global_ucolorpickerpopupid_1frame'); if( inlineframe ) { inlineframe.style.left = 0 + 'px'; inlineframe.style.top = 0 + 'px'; inlineframe.style.width = this.calendar.offsetWidth + 'px'; inlineframe.style.height = this.calendar.offsetHeight +'px'; this.calendar.style.zIndex = 1000; inlineframe.style.zIndex = -1; //this.calendar.style.zIndex - 1; } } else { //iframe içinde ise hCtrl = this.calendar.offsetHeight; wCtrl = this.calendar.offsetWidth; x1Pos = (cxWin - wCtrl ) / 2; y1Pos = (cyWin - hCtrl ) / 2; x1Pos += scrollX; y1Pos += scrollY; this.calendar.style.left = x1Pos +'px'; this.calendar.style.top = y1Pos +'px'; inlineframe = document.getElementById('global_ucolorpickerpopupid_1frame'); if( inlineframe ) { inlineframe.style.left = 0 + 'px'; inlineframe.style.top = 0 + 'px'; inlineframe.style.width = this.calendar.offsetWidth + 'px'; inlineframe.style.height = this.calendar.offsetHeight +'px'; this.calendar.style.zIndex = 1000; inlineframe.style.zIndex = -1; //this.calendar.style.zIndex - 1; } } }; UColorPickerCtrl.prototype.ShowPopup = function ( ctrl , alignctrl , language , iframeWin ) { this.iframeWin = iframeWin; if( ctrl == null || alignctrl == null ) return false; this.lang = language; if( ctrl.value != "" ) this.curColor = ctrl.value; if( this.timeid ) { clearTimeout(this.timeid); this.timeid = null; } this.bodyclickcount=0; this.alignControl = alignctrl; this.targetControl = ctrl; this.calendar.style.display = 'block'; inlineframe = document.getElementById('global_ucolorpickerpopupid_1frame'); if( inlineframe ) inlineframe.style.display = 'block'; this.RefreshPosition(); this.timeid = setTimeout( "ug_ucolorpicker_popup.HidePopup()" , 10000 ); }; UColorPickerCtrl.prototype.HidePopup = function () { this.calendar.style.display = 'none'; inlineframe = document.getElementById('global_ucolorpickerpopupid_1frame'); if( inlineframe ) inlineframe.style.display = 'none'; this.bodyclickcount = 0; this.ismouseover = false; if( this.timeid ) { clearTimeout(this.timeid); this.timeid = null; } }; function ShowUColorPicker( idControl , idAlign , language , iframeWin ) { //Dil Ayarları //alert(language); if( iframeWin != null ) { control = iframeWin.document.getElementById(idControl); if( idAlign == null || idAlign == "" ) aligncontrol = control; else aligncontrol = iframeWin.document.getElementById(idAlign); } else { control = document.getElementById(idControl); if( idAlign == null || idAlign == "" ) aligncontrol = control; else aligncontrol = document.getElementById(idAlign); } if( ug_ucolorpicker_popup != null && control.disabled != true && control.readOnly != true ) { if( iframeWin != null ) ug_ucolorpicker_popup.ShowPopup( control , aligncontrol , language , iframeWin ); else ug_ucolorpicker_popup.ShowPopup( control , aligncontrol , language , iframeWin ); } } /*****************************************************************************/