/*========================================================================*/ var OPERA = (/Opera/i.test(window.navigator.userAgent)); var IE = (/MSIE/i.test(window.navigator.userAgent) && !OPERA); var IE6 = (/MSIE 6/i.test(window.navigator.userAgent) && !OPERA); var IE7 = (/MSIE 7/i.test(window.navigator.userAgent) && !OPERA); var OLD_IE = (IE && !IE7); // versiones <= ie 6 var MOZ = (/(firefox|gecko)/i.test(window.navigator.userAgent)); var SAFARI = (/safari/i.test(window.navigator.userAgent)); var mouseX = 0; // coordenadas del mouse X var mouseY = 0; // coordenadas del mouse Y /*========================================================================*/ var emailFilter = /^[a-z0-9_.-]{2,}@[a-z0-9_.-]{2,}\.[a-z]{2,3}(?:\.[a-z]{2})?$/i; var dateFilter1 = /^\d{4}-\d{2}-\d{2}(\s\d{2}:\d{2}(:\d{2})?)?$/i; // yyyy-mm-dd (hh:mm:ss) var dateFilter2 = /^\d{2}\/\d{2}\/\d{4}$/i; // mm/dd/yyyy | dd/mm/yyyy var dateFilter3 = /^\d{4}-\d{2}-\d{2}$/i; // yyyy-mm-dd var timeFilter = /^\d{2}:\d{2}(:\d{2})?$/i; // hh:mm:ss var phoneFilter = /^[0-9_.-]+$/i; var numberFilter = /^[0-9.]+$/i; /*========================================================================*/ /** * @desc Alias de document.getElementById() * * @param string id del objeto * @return object|null */ function get(oID) { if (IE) { // IE document.all fix! var elem = document.getElementsByTagName('*'); for (var i=0;i) * * @param object * @return array */ function getOffset(o) { var tmp = o; var offset = [0,0]; while (tmp) { offset[0] += tmp.offsetLeft; offset[1] += tmp.offsetTop; tmp = tmp.offsetParent; } return offset; } /** * @desc Obtener nodo padre de un nodo por su tagName * * @param object objeto de donde buscar * @param string nombre del tag del parentNode a buscar * @return object|null */ function getParent(me, tag) { var tmp = me.parentNode; while (tmp && tmp.nodeName.toLowerCase() != tag.toLowerCase()) tmp = tmp.parentNode; return tmp; } /** * @desc Obtener estilo computado para un elemento * * @param object * @param string propiedad (igual que en CSS) * @return string|null */ function getStyle(ob, styleProp) { var o = (typeof ob == 'string') ? document.getElementById(ob) : ob; if (o.currentStyle) { var newProp = '', i = 0; while (i < styleProp.length) { if (styleProp.charAt(i) == '-') { newProp += styleProp.charAt(i+1).toUpperCase(); i += 2; } else newProp += styleProp.charAt(i++); } return o.currentStyle[newProp]; } else if (window.getComputedStyle) { return document.defaultView.getComputedStyle(o, null).getPropertyValue(styleProp); } return null; } /** * @desc Inicializar las coordenadas del mouse en variables globales mouseX y mouseY * * @return void */ function initMouseEvent() { var findMouse = function(e) { var scrollXY = getScrollXY(); if (typeof e == 'undefined') var e = window.event; mouseX = e.clientX + scrollXY[0]; mouseY = e.clientY + scrollXY[1]; }; if (document.attachEvent) document.attachEvent('onmousemove', findMouse); else window.addEventListener('mousemove', findMouse, true); } /*=========================== Validaciones ===========================*/ /** * @desc Validar elementos de formulario y asegurar que tengan valor no nulo * * @param string elemID [, elemID [, elemID [,...]]] * @return boolean */ function valueTest() { var ids = arguments, i, obj; for (i=0;i'); if (ajax.ok()) { if (ajax.text == '0') alert ("AJAX returned error"); else { document.getElementById('inspectorgadget').innerHTML=ajax.text; document.getElementById('inspectorgadget').style.display='block'; dragobject.initialize(); } } }; ajax.request('POST', 'mode='+mode+'&data='+data, 'ajax/inspectorgadget.php'); } } function showhide(ID) { var o = document.getElementById(ID); if (o.style.display == 'none') o.style.display = ''; else o.style.display = 'none'; } function openPopupWindow(url, w, h) { window.open(url, '', 'width=' + w + ',height=' + h + ',resizable=yes,scrollbars=1'); } /** * Ejemplo de uso: * * debe tener posicion absoluta o relativa */ /** * @desc habilitar dragdrop en un objeto. Se requiere global.js * @param object|string objeto o id de objeto a mover */ function dragDropInit(v) { var dragdrop_move = function(o) { if (o.getAttribute('dragdropApproved') == 1) { var posLeft = mouseX - parseInt(o.getAttribute('mouseX')) - parseInt(o.getAttribute('offsetParentX')) - parseInt(o.getAttribute('offsetX')); var posTop = mouseY - parseInt(o.getAttribute('mouseY')) - parseInt(o.getAttribute('offsetParentY')) - parseInt(o.getAttribute('offsetY')); o.style.left = posLeft + 'px'; o.style.top = posTop + 'px'; } }; if (IE) document.onselectstart = function() { return false; } o = (typeof v == 'string') ? document.getElementById(v) : v; o.setAttribute('dragdropApproved', 1); var tmpX = mouseX - getOffset(o)[0]; var tmpY = mouseY - getOffset(o)[1]; if (o.getAttribute('offsetX') == null) { o.setAttribute('offsetX', o.offsetLeft); o.setAttribute('offsetY', o.offsetTop); } o.setAttribute('offsetParentX', getOffset(o.offsetParent)[0]); o.setAttribute('offsetParentY', getOffset(o.offsetParent)[1]); o.setAttribute('mouseX', tmpX); o.setAttribute('mouseY', tmpY); if (document.attachEvent) { document.attachEvent('onmousemove', function() { dragdrop_move(o); }); document.attachEvent('onmouseup', function() { o.setAttribute('dragdropApproved', 0); if (IE) document.onselectstart = null; }); } else { document.addEventListener('mousemove', function() { dragdrop_move(o); }, true); document.addEventListener('mouseup', function() { o.setAttribute('dragdropApproved', 0); }, true); } } function initDynLists() { for(i=0; i= 0) ? tmp : null; }; this.getDragItem = function(o) { if (me.dragItemClassName == null) return o; var tmp = o.getElementsByTagName('*'); for (var i=0;i= 0) return tmp[i]; return o; }; this.move = function(o) { var i, cur; if (o.getAttribute('dragdropApproved') == 1) { for (i=0;i= cur.offsetLeft && o.offsetLeft <= (cur.offsetLeft + cur.offsetWidth) || (o.offsetLeft + o.offsetWidth) >= cur.offsetLeft && (o.offsetLeft + o.offsetWidth) <= (cur.offsetLeft + cur.offsetWidth)) { if (o.offsetTop <= (cur.offsetTop + cur.offsetHeight/2) && o.offsetTop > cur.offsetTop || (o.offsetTop + o.offsetHeight) >= (cur.offsetTop + cur.offsetHeight/2) && (o.offsetTop + o.offsetHeight) < (cur.offsetTop + cur.offsetHeight)) { // intercambiar items me.stickItem(cur, parseInt(o.getAttribute('dynOffsetX')), parseInt(o.getAttribute('dynOffsetY'))); me.exchangeAttr(cur, o); } else if (me.outline && (o.offsetTop > (cur.offsetTop + cur.offsetHeight/2) && o.offsetTop <= (cur.offsetTop + cur.offsetHeight) || (o.offsetTop + o.offsetHeight) < (cur.offsetTop + cur.offsetHeight/2) && (o.offsetTop + o.offsetHeight) >= (cur.offsetTop))) { cur.style.outline = me.outline; } else { cur.style.outline = '0px'; } } else { cur.style.outline = '0px'; } } } } }; this.stickItem = function(o, x, y) { o.style.left = x - parseInt(o.getAttribute('offsetX')) + 'px'; o.style.top = y - parseInt(o.getAttribute('offsetY')) + 'px'; if (me.outline) for (var i=0;i max) max = parseInt(me.items[i].style.zIndex); o.style.zIndex = max + 1; o.style.position = getStyle(o, 'position'); // IE bug.. }; this.updateSortOrder = function() { var items = ''; var itemid; for (var i=0;i