david
802479ed64
git-svn-id: https://192.168.0.254/svn/Proyectos.FundacionLQDVI_WebCongresos/trunk@2 94ccb1af-fd9d-d947-8d90-7f70ea60afc8
117 lines
3.4 KiB
JavaScript
117 lines
3.4 KiB
JavaScript
/**
|
|
* @version $Id: modal.js 5263 2006-10-02 01:25:24Z webImagery $
|
|
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
|
|
* @license GNU/GPL, see LICENSE.php
|
|
* Joomla! is free software. This version may have been modified pursuant
|
|
* to the GNU General Public License, and as distributed it includes or
|
|
* is derivative of works licensed under the GNU General Public License or
|
|
* other free or open source software licenses.
|
|
* See COPYRIGHT.php for copyright notices and details.
|
|
*/
|
|
|
|
/**
|
|
* JCombobox javascript behavior
|
|
*
|
|
* Used for transforming <input type="text" ... /> tags into combobox dropdowns with appropriate <noscript> tag following
|
|
* for dropdown list information
|
|
*
|
|
* @package Joomla
|
|
* @since 1.5
|
|
* @version 1.0
|
|
*/
|
|
var JCombobox = function() { this.constructor.apply(this, arguments);}
|
|
JCombobox.prototype = {
|
|
|
|
constructor: function()
|
|
{
|
|
var agt = navigator.userAgent.toLowerCase();
|
|
this.is_ie = (agt.indexOf("msie") != -1);
|
|
this.is_opera = (agt.indexOf("opera") != -1);
|
|
this.is_safari = (agt.indexOf("safari") != -1);
|
|
|
|
var boxes = document.getElements('.combobox');
|
|
for ( var i=0; i < boxes.length; i++) {
|
|
if (boxes[i].tagName == 'INPUT' && boxes[i].type == 'text') {
|
|
this.populate(boxes[i]);
|
|
}
|
|
}
|
|
},
|
|
|
|
populate: function(element)
|
|
{
|
|
var list = document.getElementById('combobox-'+element.id).getElementsByTagName('LI');
|
|
var select = document.createElement("select");
|
|
select.setAttribute('id','combobox-'+element.id+'-select');
|
|
for ( var i=0; i < list.length; i++) {
|
|
// Do population bit here
|
|
var o = document.createElement('option');
|
|
o.value = list[i].innerHTML;
|
|
o.innerHTML = list[i].innerHTML;
|
|
if (o.value == element.value) {
|
|
o.selected = selected;
|
|
}
|
|
select.appendChild(o);
|
|
}
|
|
select.inputbox = element.id;
|
|
select.onchange = function(){ var input = document.getElementById(this.inputbox); input.value = this.options[this.selectedIndex].value; }
|
|
element.parentNode.insertBefore(select, element);
|
|
|
|
var coords = this.getCoords(select);
|
|
var widthOffset = 20;
|
|
var heightOffset = 4;
|
|
if (this.is_ie) {
|
|
coords.x = coords.x + 2;
|
|
widthOffset = 22;
|
|
heightOffset = 5;
|
|
}
|
|
if (this.is_opera) {
|
|
widthOffset = 19;
|
|
heightOffset = 4;
|
|
}
|
|
if (this.is_safari) {
|
|
coords.y = coords.y - 2;
|
|
coords.x = coords.x + 2;
|
|
widthOffset = 18;
|
|
heightOffset = 0;
|
|
}
|
|
|
|
// Set text field properties based on the select box
|
|
element.style.position = 'absolute';
|
|
element.style.top = coords.y + 'px';
|
|
element.style.left = coords.x + 'px';
|
|
element.style.width = select.offsetWidth - widthOffset + 'px';
|
|
element.style.height = select.offsetHeight - heightOffset + 'px';
|
|
element.style.zIndex = 1000;
|
|
|
|
// Add iFrame for IE
|
|
if (this.is_ie) {
|
|
var iframe = document.createElement('iframe');
|
|
iframe.src = 'about:blank';
|
|
iframe.scrolling = 'no';
|
|
iframe.frameborder = '0';
|
|
iframe.style.position = 'absolute';
|
|
iframe.style.top = coords.y + 'px';
|
|
iframe.style.left = coords.x + 'px';
|
|
iframe.style.width = element.offsetWidth + 'px';
|
|
iframe.style.height = element.offsetHeight + 'px';
|
|
element.parentNode.insertBefore(iframe, element);
|
|
}
|
|
},
|
|
|
|
getCoords: function(el) {
|
|
var coords = { x: 0, y: 0 };
|
|
while (el) {
|
|
coords.x += el.offsetLeft;
|
|
coords.y += el.offsetTop;
|
|
el = el.offsetParent;
|
|
}
|
|
return coords;
|
|
}
|
|
}
|
|
|
|
document.combobox = null
|
|
Window.onDomReady(function(){
|
|
var combobox = new JCombobox()
|
|
document.combobox = combobox
|
|
});
|