/* SOURCE FILE: AnchorPosition.js */
/*
AnchorPosition.js
Last modified: 10/11/02
DESCRIPTION: These functions find the position of an tag in a document,
so other elements can be positioned relative to it.
COMPATABILITY: Netscape 4.x,6.x,Mozilla, IE 5.x,6.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform.
FUNCTIONS:
getAnchorPosition(anchorname)
Returns an Object() having .x and .y properties of the pixel coordinates
of the upper-left corner of the anchor. Position is relative to the PAGE.
getAnchorWindowPosition(anchorname)
Returns an Object() having .x and .y properties of the pixel coordinates
of the upper-left corner of the anchor, relative to the WHOLE SCREEN.
NOTES:
1) For popping up separate browser windows, use getAnchorWindowPosition.
Otherwise, use getAnchorPosition
2) Your anchor tag MUST contain both NAME and ID attributes which are the
same. For example:
3) There must be at least a space between for IE5.5 to see the
anchor tag correctly. Do not do with no space.
*/
// getAnchorPosition(anchorname)
// This function returns an object having .x and .y properties which are the coordinates
// of the named anchor, relative to the page.
function getAnchorPosition(anchorname) {
// This function will return an Object with x and y properties
var useWindow=false;
var coordinates=new Object();
var x=0,y=0;
// Browser capability sniffing
var use_gebi=false, use_css=false, use_layers=false;
if (document.getElementById) { use_gebi=true; }
else if (document.all) { use_css=true; }
else if (document.layers) { use_layers=true; }
// Logic to find position
if (use_gebi && document.all) {
x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
}
else if (use_gebi) {
var o=document.getElementById(anchorname);
x=AnchorPosition_getPageOffsetLeft(o);
y=AnchorPosition_getPageOffsetTop(o);
}
else if (use_css) {
x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
}
else if (use_layers) {
var found=0;
for (var i=0; i tags may cause errors.
USAGE:
// Create an object for a WINDOW popup
var win = new PopupWindow();
// Create an object for a DIV window using the DIV named 'mydiv'
var win = new PopupWindow('mydiv');
// Set the window to automatically hide itself when the user clicks
// anywhere else on the page except the popup
win.autoHide();
// Show the window relative to the anchor name passed in
win.showPopup(anchorname);
// Hide the popup
win.hidePopup();
// Set the size of the popup window (only applies to WINDOW popups
win.setSize(width,height);
// Populate the contents of the popup window that will be shown. If you
// change the contents while it is displayed, you will need to refresh()
win.populate(string);
// set the URL of the window, rather than populating its contents
// manually
win.setUrl("http://www.site.com/");
// Refresh the contents of the popup
win.refresh();
// Specify how many pixels to the right of the anchor the popup will appear
win.offsetX = 50;
// Specify how many pixels below the anchor the popup will appear
win.offsetY = 100;
NOTES:
1) Requires the functions in AnchorPosition.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
same. For example:
3) There must be at least a space between for IE5.5 to see the
anchor tag correctly. Do not do with no space.
4) When a PopupWindow object is created, a handler for 'onmouseup' is
attached to any event handler you may have already defined. Do NOT define
an event handler for 'onmouseup' after you define a PopupWindow object or
the autoHide() will not work correctly.
*/
// Set the position of the popup window based on the anchor
function PopupWindow_getXYPosition(anchorname) {
var coordinates;
if (this.type == "WINDOW") {
coordinates = getAnchorWindowPosition(anchorname);
}
else {
coordinates = getAnchorPosition(anchorname);
}
this.x = coordinates.x;
this.y = coordinates.y;
}
// Set width/height of DIV/popup window
function PopupWindow_setSize(width,height) {
this.width = width;
this.height = height;
}
// Fill the window with contents
function PopupWindow_populate(contents) {
this.contents = contents;
this.populated = false;
}
// Set the URL to go to
function PopupWindow_setUrl(url) {
this.url = url;
}
// Set the window popup properties
function PopupWindow_setWindowProperties(props) {
this.windowProperties = props;
}
// Refresh the displayed contents of the popup
function PopupWindow_refresh() {
if (this.divName != null) {
// refresh the DIV object
if (this.use_gebi) {
document.getElementById(this.divName).innerHTML = this.contents;
}
else if (this.use_css) {
document.all[this.divName].innerHTML = this.contents;
}
else if (this.use_layers) {
var d = document.layers[this.divName];
d.document.open();
d.document.writeln(this.contents);
d.document.close();
}
}
else {
if (this.popupWindow != null && !this.popupWindow.closed) {
if (this.url!="") {
this.popupWindow.location.href=this.url;
}
else {
this.popupWindow.document.open();
this.popupWindow.document.writeln(this.contents);
this.popupWindow.document.close();
}
this.popupWindow.focus();
}
}
}
// Position and show the popup, relative to an anchor object
function PopupWindow_showPopup(anchorname) {
this.getXYPosition(anchorname);
this.x += this.offsetX;
this.y += this.offsetY;
if (!this.populated && (this.contents != "")) {
this.populated = true;
this.refresh();
}
if (this.divName != null) {
// Show the DIV object
if (this.use_gebi) {
document.getElementById(this.divName).style.left = (this.x)*1 + "px";
document.getElementById(this.divName).style.top = (this.y)*1 + "px";
document.getElementById(this.divName).style.visibility = "visible";
}
else if (this.use_css) {
document.all[this.divName].style.left = this.x;
document.all[this.divName].style.top = this.y;
document.all[this.divName].style.visibility = "visible";
}
else if (this.use_layers) {
document.layers[this.divName].left = this.x;
document.layers[this.divName].top = this.y;
document.layers[this.divName].visibility = "visible";
}
}
else {
if (this.popupWindow == null || this.popupWindow.closed) {
// If the popup window will go off-screen, move it so it doesn't
if (this.x<0) { this.x=0; }
if (this.y<0) { this.y=0; }
if (screen && screen.availHeight) {
if ((this.y + this.height) > screen.availHeight) {
this.y = screen.availHeight - this.height;
}
}
if (screen && screen.availWidth) {
if ((this.x + this.width) > screen.availWidth) {
this.x = screen.availWidth - this.width;
}
}
var avoidAboutBlank = window.opera || ( document.layers && !navigator.mimeTypes['*'] ) || navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled );
//this.popupWindow = window.open(avoidAboutBlank?"":"about:blank","window_"+anchorname,this.windowProperties+",width="+this.width+",height="+this.height+",screenX="+this.x+",left="+this.x+",screenY="+this.y+",top="+this.y+"");
this.popupWindow = window.open(avoidAboutBlank?"":"about:blank","window_"+anchorname,this.windowProperties+",width="+this.width+",height="+this.height+",screenX="+660+",left="+660+",screenY="+this.y+",top="+this.y+"");
}
this.refresh();
}
}
// Hide the popup
function PopupWindow_hidePopup() {
if (this.divName != null) {
if (this.use_gebi) {
document.getElementById(this.divName).style.visibility = "hidden";
}
else if (this.use_css) {
document.all[this.divName].style.visibility = "hidden";
}
else if (this.use_layers) {
document.layers[this.divName].visibility = "hidden";
}
}
else {
if (this.popupWindow && !this.popupWindow.closed) {
this.popupWindow.close();
this.popupWindow = null;
}
}
}
// Pass an event and return whether or not it was the popup DIV that was clicked
function PopupWindow_isClicked(e) {
if (this.divName != null) {
if (this.use_layers) {
var clickX = e.pageX;
var clickY = e.pageY;
var t = document.layers[this.divName];
if ((clickX > t.left) && (clickX < t.left+t.clip.width) && (clickY > t.top) && (clickY < t.top+t.clip.height)) {
return true;
}
else { return false; }
}
else if (document.all) { // Need to hard-code this to trap IE for error-handling
var t = window.event.srcElement;
while (t.parentElement != null) {
if (t.id==this.divName) {
return true;
}
t = t.parentElement;
}
return false;
}
else if (this.use_gebi && e) {
var t = e.originalTarget;
while (t.parentNode != null) {
if (t.id==this.divName) {
return true;
}
t = t.parentNode;
}
return false;
}
return false;
}
return false;
}
// Check an onMouseDown event to see if we should hide
function PopupWindow_hideIfNotClicked(e) {
if (this.autoHideEnabled && !this.isClicked(e)) {
this.hidePopup();
}
}
// Call this to make the DIV disable automatically when mouse is clicked outside it
function PopupWindow_autoHide() {
this.autoHideEnabled = true;
}
// This global function checks all PopupWindow objects onmouseup to see if they should be hidden
function PopupWindow_hidePopupWindows(e) {
for (var i=0; i0) {
this.type="DIV";
this.divName = arguments[0];
}
else {
this.type="WINDOW";
}
this.use_gebi = false;
this.use_css = false;
this.use_layers = false;
if (document.getElementById) { this.use_gebi = true; }
else if (document.all) { this.use_css = true; }
else if (document.layers) { this.use_layers = true; }
else { this.type = "WINDOW"; }
this.offsetX = 0;
this.offsetY = 0;
// Method mappings
this.getXYPosition = PopupWindow_getXYPosition;
this.populate = PopupWindow_populate;
this.setUrl = PopupWindow_setUrl;
this.setWindowProperties = PopupWindow_setWindowProperties;
this.refresh = PopupWindow_refresh;
this.showPopup = PopupWindow_showPopup;
this.hidePopup = PopupWindow_hidePopup;
this.setSize = PopupWindow_setSize;
this.isClicked = PopupWindow_isClicked;
this.autoHide = PopupWindow_autoHide;
this.hideIfNotClicked = PopupWindow_hideIfNotClicked;
}
/* SOURCE FILE: KeypadPopup.js */
/*
DESCRIPTION: This object implements a popup calendar to allow the user to
select a date, month, quarter, or year.
COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform.
The calendar can be modified to work for any location in the world by
changing which weekday is displayed as the first column, changing the month
names, and changing the column headers for each day.
USAGE:
// Create a new KeyboardPopup object of type WINDOW
var cal = new KeyboardPopup();
// Create a new KeyboardPopup object of type DIV using the DIV named 'mydiv'
var cal = new KeyboardPopup('mydiv');
// Easy method to link the popup calendar with an input box.
cal.select(inputObject, anchorname, format);
// Same method, but passing a default date other than the field's current value
cal.select(inputObject, anchorname, dateFormat, '');
// This is an example call to the popup calendar from a link to populate an
// input box. Note that to use this, date.js must also be included!!
Select
// Set the type of date select to be used. By default it is 'date'.
key.setDisplayType(type);
// Show the calendar relative to a given anchor
cal.showKeypad(anchorname);
// Hide the calendar. The calendar is set to autoHide automatically
cal.hideKeypad();
// The calendar uses CSS classes for formatting.
// For example, normal output may have this:
// Keypad
// But if you set the prefix like this:
cal.setCssPrefix("Test");
// The output will then look like:
// Keypad
// And you can define that style somewhere in your page.
// Set the calendar offset to be different than the default. By default it
// will appear just below and to the right of the anchorname. So if you have
// a text box where the date will go and and anchor immediately after the
// text box, the calendar will display immediately under the text box.
cal.offsetX = 20;
cal.offsetY = 20;
NOTES:
1) Requires the functions in AnchorPosition.js and PopupWindow.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
same. For example:
3) There must be at least a space between for IE5.5 to see the
anchor tag correctly. Do not do with no space.
4) When a KeypadPopup object is created, a handler for 'onmouseup' is
attached to any event handler you may have already defined. Do NOT define
an event handler for 'onmouseup' after you define a KeypadPopup object
or the autoHide() will not work correctly.
5) The calendar popup display uses style sheets to make it look nice.
*/
// CONSTRUCTOR for the KeypadPopup Object
function KeypadPopup() {
var k;
if (arguments.length>0) {
k = new PopupWindow(arguments[0]);
}
else {
k = new PopupWindow();
//k.setSize(10,10);
k.setSize(250,10);
}
k.offsetX = 0;
k.offsetY = -100;
k.autoHide();
// Calendar-specific properties
k.letters = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
k.numbers = new Array("1","2","3","4","5","6","7","8","9","0");
unsort(k.numbers);
unsort(k.letters);
k.displayType = "date";
k.cssPrefix="";
window.KP_calendarObject = null;
window.KP_targetInput = null;
// Method mappings
k.returnFunction = "KP_tmpReturnFunction";
k.deleteFunction = "KP_deleteFunction";
k.acceptFunction = "KP_acceptFunction";
k.setReturnFunction = KP_setReturnFunction;
//k.setDisplayType = KP_setDisplayType;
k.showKeypad = KP_showKeypad;
k.hideKeypad = KP_hideKeypad;
k.getStyles = getKeypadStyles;
k.refreshKeypad = KP_refreshKeypad;
k.getKeypad = KP_getKeypad;
k.select = KP_select;
k.setCssPrefix = KP_setCssPrefix;
// Return the object
return k;
}
function unsort(arr) {
var i = arr.length;
if ( i == 0 ) return false;
while ( --i ) {
var j = Math.floor( Math.random() * ( i + 1 ) );
var tempi = arr[i];
var tempj = arr[j];
arr[i] = tempj;
arr[j] = tempi;
}
}
// Set the name of the functions to call to get the clicked item
function KP_setReturnFunction(name) {
this.returnFunction = name;
}
function KP_tmpReturnFunction(val) {
// Setear el nombre del WebForm y TextBox que almacena el password
if (document.wf_login.txtPassword.value.length == 20)
{
alert("Solamente se permiten 20 caracteres como maximo");
return;
}
if (window.KP_targetInput!=null) {
window.KP_targetInput.value += val;
}
else {
alert('Use setReturnFunction() to define which function will get the clicked results!');
}
}
function KP_deleteFunction() {
if (window.KP_targetInput!=null) {
window.KP_targetInput.value = window.KP_targetInput.value.substr(0,window.KP_targetInput.value.length-1);
}
else {
alert('Use setReturnFunction() to define which function will get the clicked results!');
}
}
function KP_acceptFunction() {
if (window.KP_targetInput!=null) {
//nothing to do
}
else {
alert('Use setReturnFunction() to define which function will get the clicked results!');
}
}
// Set the prefix to be added to all CSS classes when writing output
function KP_setCssPrefix(val) {
this.cssPrefix = val;
}
// Hide a calendar object
function KP_hideKeypad() {
if (arguments.length > 0) { window.popupWindowObjects[arguments[0]].hidePopup(); }
else { this.hidePopup(); }
}
// Refresh the contents of the keypad display
function KP_refreshKeypad(index) {
var keyObject = window.popupWindowObjects[index];
if (arguments.length>1) {
keyObject.populate(keyObject.getKeypad(arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]));
}
else {
keyObject.populate(keyObject.getKeypad());
}
keyObject.refresh();
}
// Populate the keypad and display it
function KP_showKeypad(anchorname) {
this.populate(this.getKeypad());
this.showPopup(anchorname);
}
// Simple method to interface popup keypad with a text-entry box
function KP_select(inputobj, linkname, format) {
var selectedDate=(arguments.length>3)?arguments[3]:null;
/*if (this.displayType!="x"&&this.displayType!="y") {
alert("keypad.select: This function can only be used with displayType 'x' or 'y'");
return;
}*/
if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea" && inputobj.type!="password") {
alert("keypad.select: Input object passed is not a valid form input object");
window.KP_targetInput=null;
return;
}
if (inputobj.disabled) { return; } // Can't use keypad input on disabled form input!
window.KP_targetInput = inputobj;
window.KP_calendarObject = this;
window.KP_dateFormat = format;
this.showKeypad(linkname);
}
// Get style block needed to display the keypad correctly
function getKeypadStyles() {
var result = "";
var p = "";
if (this!=null && typeof(this.cssPrefix)!="undefined" && this.cssPrefix!=null && this.cssPrefix!="") { p=this.cssPrefix; }
result += "\n";
return result;
}
function KP_getKeypad() {
if (this.type == "WINDOW") { var windowref = "window.opener."; }
else { var windowref = ""; }
var result = "";
// If POPUP, write entire HTML document
if (this.type == "WINDOW") {
result += "Password"+this.getStyles()+"\n";
result += '\n';
}
else {
result += '\n';
if (this.type == "WINDOW") {
result += "\n";
}
return result;
}