1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443
|
/**
* The contents of this file are subject to the terms
* of the Common Development and Distribution License
* (the License). You may not use this file except in
* compliance with the License.
*
* You can obtain a copy of the license at
* https://woodstock.dev.java.net/public/CDDLv1.0.html.
* See the License for the specific language governing
* permissions and limitations under the License.
*
* When distributing Covered Code, include this CDDL
* Header Notice in each file and include the License file
* at https://woodstock.dev.java.net/public/CDDLv1.0.html.
* If applicable, add the following below the CDDL Header,
* with the fields enclosed by brackets [] replaced by
* you own identifying information:
* "Portions Copyrighted [year] [name of copyright owner]"
*
* Copyright 2008 Sun Microsystems, Inc. All rights reserved.
*/
webui.suntheme4_2.dojo.provide("webui.suntheme4_2.body");
webui.suntheme4_2.dojo.require("webui.suntheme4_2.browser");
webui.suntheme4_2.dojo.require("webui.suntheme4_2.common");
webui.suntheme4_2.dojo.require("webui.suntheme4_2.cookie");
/**
* @class This class contains functions used to maintain focus and scroll position.
* <p>
* There can be an initial focus element and a default focus element. The
* initial focus element is identifed by the "focusElementId" argument.
* This argument is typically null on the first display of the page. If
* the Body component is not preserving the focus then it may also be null,
* at other times, since it represents the element id that last received
* the focus before the request.
* </p><p>
* Whenever the page is displayed and "focusElementId" is null
* "defaultFocusElementId" will receive the focus if it is not null. This id is
* defined by the application using the Body "focus" attribute. If the
* application wants to control the focus in all cases then it should set
* the Body component "preserveFocus" attribute to "false". The application then
* explicitly sets the Body "focus" attribute to the element id to receive
* focus on every request/response.
* </p><p>
* In order to preserve focus across requests, the "focusElementFieldId"
* element is used to preserve the id of the element that receives the focus
* last. It is a hidden field that is submitted in the
* request. See the "com.sun.webui.jsf.util.FocusManager" class for
* information on how the focus is managed. This field exists in all
* forms, since that it is the only way to guarantee that the last
* element that received the focus is sent to the server. Which form
* is submitted can never be known.
* </p>
* @constructor This function is used to construct a body object.
* @param {String} viewId Used to name the scroll cookie
* @param {String} path A member of the scroll cookie
* @param {String} defaultFocusElementId The HTML element id that will receive focus.
* @param {String} focusElementId The id of the element to receive the initial focus.
* @param {String} focusElementFieldId The id of a hidden field to maintain
* the id of the last element to have the focus.
* @param {boolean} preserveScroll if true or not defined the scroll position is
* maintained else scroll is not maintained.
*/
webui.suntheme4_2.body = function(viewId, path, defaultFocusElementId,
focusElementId, focusElementFieldId, preserveScroll) {
/**
* The id of the HTML element to receive the focus, if the
* element identified in focusElementFieldId cannot receive the focus.
*/
this.defaultFocusId = defaultFocusElementId;
/**
* The id of a hidden input element whose value is the id
* of the HTML element to receive the focus. It is set by
* the focusListener and calls to setFocusBy{Id,Element}.
*/
this.focusElementFieldId = focusElementFieldId;
/**
* The element id to receive the preserved, or initial focus.
* This member should not be referenced once the onload listener
* has been invoked. After that point the hidden field will have
* have the element with the focus. We do this so that two locations
* do not have to be kept in sync. Developers can just set the focus
* to the element itself and the focus handler will manage the
* focus persisitence.
*/
this.focusElementId = focusElementId;
// "==" also handles "null"
//
this.preserveScroll = (preserveScroll == null)
? true : new Boolean(preserveScroll).valueOf();
/**
* Create the scroll cookie object.
*/
if (this.preserveScroll == true) {
this.scrollCookie = new webui.suntheme4_2.scrollCookie(viewId, path);
}
/**
* According to HTML spec only these elements have
* "onfocus" which we will equate to "focus".
* A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
* However just check for a non null "focus" or
* catch the exception when trying to reference it.
* Returns true if the element has a "focus" method, is not
* disabled, and isVisible, else false.
*
* @param {Node} element The DOM node to have focus.
* @return {boolean} true if DOM Node can have focus.
*/
this.canAcceptFocus = function(element) {
var result = false;
try {
result = element != null && element.focus && !element.disabled
&& element.type != "hidden"
&& webui.suntheme4_2.common.isVisible(element.id);
} catch(err) {}
return result;
};
/**
* Record the id of the element that has just receivied focus.
* This is called whenever an element receives the focus.
* This is set on the document so that the cursor entering the
* window does not trigger this listener.
*
* @param {Event} event The object generated by the focus event.
* @return {boolean} true if successful; otherwise, false.
*/
this.focusListener = function(event) {
// If it's not an element node just return
//
var node = null;
var isElementNode = false;
// is IE
//
if (document.attachEvent) {
node = event.srcElement;
// We have to hard code "1" as the Node.ELEMENT_NODE in
// ie, because ie does not make the constant accessible.
//
isElementNode = (node == null ? false : node.nodeType == 1);
} else {
node = event.target;
isElementNode = node.nodeType == Node.ELEMENT_NODE;
}
if (isElementNode) {
// Note that there is no reliable way to set
// focus to some other element if the event element
// deemed to receive the focus can't accept the focus.
//
this.updateFocusElementField(node);
}
return true;
};
/**
* Set the initial focus and the scroll position.
*
* @return {boolean} true if successful; otherwise, false.
*/
this.onLoadListener = function() {
// register the focus listener first.
// Then call "setDefaultFocus" using "setTimeout" to
// allow javascript processing to complete, probably
// to allow "onload" to complete. The focus listener
// will update the hidden focus fields as a result
// of the call to "focus" in setDefaultFocus.
//
// Add the focus listener, in the onload to prevent
// recursive calls from calling setDefaultFocus.
//
if (webui.suntheme4_2.browser.isIe()) {
webui.suntheme4_2.dojo.connect(document, "onfocusin", this, "focusListener");
} else {
webui.suntheme4_2.dojo.connect(window, "onfocus", this, "focusListener");
}
// Rely on the focus listener to update the focus
// hidden fields by catching the 'element.focus()' in
// setDefaultFocus
//
this.setInitialFocus();
// Set up the scroll position after the focus has been
// restored. Need to make sure that this takes into
// account the default focus that was just set.
//
return this.setDefaultScrollPosition();
};
/**
* Update the page's scroll position.
*
* @param {Event} event The object generated by the onUnload event.
* @return {boolean} true if successful; otherwise, false.
*/
this.onUnloadListener = function(event) {
return this.storeScrollPosition();
};
/**
* Set the default focus to the application's chosen default focus element.
* This method should only be called once to prevent recursive
* calls since it calls "focus()" on the focus element.
* Called currently from the onload listener.
* <p>
* If "this.defaultFocusId" is not null it will receive the focus;
* otherwise, no focus is set.
* </p>
* @return {boolean} false if a default focus cannot be established, else true.
*/
this.setDefaultFocus = function() {
// HTML elements may not have been added, yet.
if (this.defaultFocusId != null) {
var domNode = document.getElementById(this.defaultFocusId);
if (domNode == null) {
var _this = this; // Closure magic.
return setTimeout(function() { _this.setDefaultFocus(); }, 10);
}
// Focus not set try the default.
//
if (this.setFocusById(this.defaultFocusId)) {
return true;
}
}
/* For now it doesn't sound like a good idea to ever set
* a "heuristic" default focus. It is better for screen readers to start
* from the top of the page which we will assume that that
* browser starts from there when focus is not set explicitly.
* This code can be removed, but left it in case we want to
* for some reason.
// No previously set focus element and no default.
// Find the first focusable element in the first available form.
//
for each (var f in window.document.forms) {
for each (var e in f.elements) {
if (this.setFocusByElement(e)) {
return true;
}
}
}
// If there is no form, set on the first available link
//
for each (var l in window.document.links) {
if (this.setFocusByElement(l)) {
return true;
}
}
*/
return false;
};
/**
* This method is invoked in the onload listener, body.onLoadListener.
*
* @return {boolean} true if successful; otherwise, false.
*/
this.setDefaultScrollPosition = function() {
if (!this.preserveScroll) {
return false;
}
// # char found, anchor being used. forego scrolling.
// CR 6342635.
//
if (window.location.href.indexOf('#') == -1) {
this.scrollCookie.restore();
} else {
// destroy the recent scroll data
//
this.scrollCookie.reset();
}
return true;
};
/**
* Set the initial focus by restoring the focus from a previous
* request or to the application's chosen default focus element.
* This method should only be called once to prevent recursive
* calls since it calls "focus()" on the focus element.
* Called currently from the onload listener.
* <p>
* If "this.focusElementId" is not null it will receive the focus.
* If that element can't receive the focus then the application defined
* "this.defaultFocusId" receives the focus. If that element cannot receive
* the focus, no focus is set.
* </p>
* @return {boolean} false if focus cannot be established, else true.
*/
this.setInitialFocus = function() {
// HTML elements may not have been added, yet.
if (this.focusElementId != null) {
var domNode = document.getElementById(this.focusElementId);
if (domNode == null) {
var _this = this; // Closure magic.
return setTimeout(function() { _this.setInitialFocus(); }, 10);
}
// Try to set focus to "this.focusElementId". If this fails
// fallback to the app defined default
// "this.defaultFocusElementId", if there is one.
//
if (this.setFocusById(this.focusElementId)) {
return true;
}
}
return this.setDefaultFocus();
};
/**
* Set the focus on "focusElement".
* If focus can be set returns true else false.
*
* @param {Node} focusElement The DOM node to have focus.
* @return {boolean} true if successful; otherwise, false.
*/
this.setFocusByElement = function(focusElement) {
if (focusElement == null || !this.canAcceptFocus(focusElement)) {
return false;
}
// canAcceptFocus tests the existence of the "focus" handler.
// So it is safe to call it outside of a try/catch statement.
// This should trigger the focus listener.
try {
// Still need try/catch because canAcceptFocus doesn't account for
// when parent is invisible. For example, the table's sort panel
// closes during page submit making focus element invisible.
focusElement.focus();
} catch(err) {}
// Assume that this update is performed by the
// focus listener. This policy was changed in order to
// call "setDefaultFocus" using "setTimeout" in order for
// javascript to have time to be evaluated, probably for
// on load processing to complete.
//this.updateFocusElementField(focusElement);
return true;
};
/**
* Set the focus on element with id "fid".
* If focus can be set returns true else false.
*
* @param {String} fid The id of the DOM node to have focus.
* @return {boolean} true if successful; otherwise, false.
*/
this.setFocusById = function(fid) {
if (fid == null || fid.length == 0) {
return false;
}
return this.setFocusByElement(document.getElementById(fid));
};
/**
* This method is invoked in the onunload event listener
* body.onUnloadListener
*
* @return {boolean} true if successful; otherwise, false.
*/
this.storeScrollPosition = function() {
if (!this.preserveScroll) {
return false;
}
try {
this.scrollCookie.set();
} catch (e) {
}
return true;
};
/**
* Update the hidden field that maintains the last element to
* receive the focus. If the body has multiple forms every form's
* hidden field is updated with the "focusElement".
*
* @param {Node} focusElement The DOM node to have focus.
* @return {boolean} true if successful; otherwise, false.
*/
this.updateFocusElementField = function(focusElement) {
// Don't know if we'll have issues if multiple forms contain
// an element with the same id. I know getElementById gets
// confused.
//
if (focusElement == null) {
return false;
}
// Get the form that contains the focus element.
//
for (var i = 0; i < document.forms.length; ++i) {
var form = document.forms[i];
var field = null;
// Get the hidden field that maintains the focus element id.
// If it exists return it. We know its name is the same
// as its id.
//
try {
field = form.elements[this.focusElementFieldId];
if (field != null) {
field.value = focusElement.id;
continue;
}
} catch (e) {
// the array access of a non existent element
// probably threw exception so create the field.
}
// If it doesn't exist create it.
// and add it to the form.
//
field = document.createElement('input');
field.type = 'hidden';
field.id = this.focusElementFieldId;
field.name = this.focusElementFieldId;
field.value = focusElement.id;
form.appendChild(field);
}
return true;
};
// The focus listener is set on the document so that the cursor
// entering the window does not trigger this listener.
this.onLoadListener();
// If we are not preserving scroll don't add the unload listener.
if (this.preserveScroll == true) {
webui.suntheme4_2.dojo.addOnUnload(this, "onUnloadListener");
}
};
|