gosa-core/html/include/focus.js

   1 var browserType = "Not dectected, adjust focus.js";
   2 var firefoxType;
   3
   4 if (document.layers)
   5 {
   6                 browserType = "nn4";
   7 }
   8
   9 if (document.all)
  10 {
  11                 browserType = "ie";
  12 }
  13
  14 if (window.navigator.userAgent.toLowerCase().match("gecko"))
  15 {
  16                 browserType= "gecko";
  17 }
  18
  19 if (window.navigator.userAgent.toLowerCase().match(/opera/i))
  20 {
  21                 browserType= "gecko";
  22 }
  23
  24 if (browserType=="gecko" && window.navigator.userAgent.toLowerCase().match("firefox\/2"))
  25 {
  26                 firefoxType= "firefox2";
  27 }else{
  28                 firefoxType= "firefox";
  29 }
  30
  31 netscape = "";
  32 ver= navigator.appVersion; len = ver.length;
  33
  34 for (iln = 0; iln < len; iln++){
  35   if (ver.charAt(iln) == "("){
  36     break;
  37   }
  38 }
  39 netscape= (ver.charAt(iln+1).toUpperCase() != "C");
  40
  41
  42 /* Toggle checkbox that matches regex */
  43 function chk_set_all(regex,value)
  44 {
  45         for (var i = 0; i < document.mainform.elements.length; i++) {
  46                 var _id=document.mainform.elements[i].id;
  47                 if(_id.match(regex)) {
  48                         document.getElementById(_id).checked= value;
  49                 }
  50         }
  51 }
  52
  53
  54 function toggle_all_(regex,state_object)
  55 {
  56                 state = document.getElementById(state_object).checked;
  57                 chk_set_all(regex, state);
  58 }
  59
  60
  61 function scrollDown() {
  62   document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;
  63   timeout= setTimeout("scrollDown()", 500);
  64 }
  65
  66 /* Scroll down the body frame */
  67 function scrollDown2()
  68 {
  69     document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;
  70 }
  71
  72
  73 /* Toggle checkbox that matches regex */
  74 function acl_set_all(regex,value)
  75 {
  76                                 for (var i = 0; i < document.mainform.elements.length; i++) {
  77                                                                 var _id=document.mainform.elements[i].id;
  78                                                                 if(_id.match(regex)) {
  79                                                                                                 document.getElementById(_id).checked= value;
  80                                                                 }
  81                                 }
  82 }
  83
  84 /* Toggle checkbox that matches regex */
  85 function acl_toggle_all(regex)
  86 {
  87                                 for (var i = 0; i < document.mainform.elements.length; i++) {
  88                                                                 var _id=document.mainform.elements[i].id;
  89                                                                 if(_id.match(regex)) {
  90                                                                                                 if (document.getElementById(_id).checked == true){
  91                                                                                                                                 document.getElementById(_id).checked= false;
  92                                                                                                 } else {
  93                                                                                                                                 document.getElementById(_id).checked= true;
  94                                                                                                 }
  95                                                                 }
  96                                 }
  97 }
  98
  99
 100 var enable_keyPress = true;
 101 function keyPress(DnEvents) {
 102
 103         /* We are forced to skip this Keyboard input filtering
 104    *  (enable_keyPress was set to false in the HTML content)
 105    */
 106         if(!enable_keyPress) return;
 107
 108   // determines whether Netscape or Internet Explorer
 109   k = (netscape) ? DnEvents.keyCode : window.event.keyCode;
 110   if (k == 13) { // enter key pressed
 111                 if(typeof(nextfield)!='undefined') {
 112                         if(nextfield == 'login') {
 113           return true; // submit, we finished all fields
 114         } else { // we are not done yet, send focus to next box
 115         eval('document.mainform.' + nextfield + '.focus()');
 116         return false;
 117         }
 118         } else {
 119                         if(netscape) {
 120                                 if(DnEvents.target.type == 'textarea') {
 121                                         return true;
 122                                 } else if (DnEvents.target.type != 'submit') {
 123                                         // TAB
 124                                         var thisfield = document.getElementById(DnEvents.target.id);
 125                                         for (i = 0; i < document.forms[0].elements.length; i++) {
 126                                                 if(document.forms[0].elements[i].id==thisfield.id) {
 127                                                         // Last form element on page?
 128                                                         if(i!=document.forms[0].elements.length-1) {
 129                                                                 document.forms[0].elements[i+1].focus();
 130                                                         }
 131                                                 }
 132                                         }
 133                                         return false;
 134                                 } else {
 135                                         return true;
 136                                 }
 137                         // Check for konqueror
 138                         } else if(document.clientWidth) {
 139                                 // do nothing ATM
 140                         } else {
 141                                 if(window.event.srcElement.type == 'textarea') {
 142                                         return true;
 143                                 } else if (window.event.srcElement.type != 'submit') {
 144                                         // TAB
 145                                         var thisfield = document.getElementById(window.event.srcElement.id);
 146                                         for (i = 0; i < document.forms[0].elements.length; i++) {
 147                                                 if(document.forms[0].elements[i].id==thisfield.id) {
 148                                                         // Last form element on page?
 149                                                         if(i!=document.forms[0].elements.length-1) {
 150                                                                 document.forms[0].elements[i+1].focus();
 151                                                         }
 152                                                 }
 153                                         }
 154                                         return false;
 155                                 } else {
 156                                         return true;
 157                                 }
 158                         }
 159                 }
 160         } else if (k==9) {
 161                 // Tab key pressed
 162                 if(netscape) {
 163                         if(DnEvents.target.type == 'textarea') {
 164                                 document.getElementById(DnEvents.target.id).value+="\t";
 165                                 return false;
 166                         }
 167                 // Check for konqueror
 168                 } else if(document.clientWidth) {
 169                         // do nothing ATM
 170                 } else {
 171                         if(window.event.srcElement.type == 'textarea') {
 172                                 document.getElementById(window.event.srcElement.id).value+="\t";
 173                                 return false;
 174                         }
 175                 }
 176         }
 177 }
 178
 179 function changeState(myField) {
 180         if(document.getElementById(myField) != null){
 181           document.getElementById(myField).disabled=(document.getElementById(myField).disabled)?false:true;
 182         }
 183 }
 184
 185 function setHidden(str) {
 186         type = document.getElementById(str).style.display;
 187         if((type=='')||(type=='block')) {
 188                 document.getElementById(str).style.display='none';
 189         }else{
 190                 document.getElementById(str).style.display='block';
 191         }
 192 }
 193 function changeSelectState(triggerField, myField) {
 194   if (document.getElementById(triggerField).value != 2){
 195           document.getElementById(myField).disabled= true;
 196   } else {
 197           document.getElementById(myField).disabled= false;
 198   }
 199 }
 200
 201 function changeSubselectState(triggerField, myField) {
 202   if (document.getElementById(triggerField).checked == true){
 203           document.getElementById(myField).disabled= false;
 204   } else {
 205           document.getElementById(myField).disabled= true;
 206   }
 207 }
 208
 209 function changeTripleSelectState(firstTriggerField, secondTriggerField, myField) {
 210   if (
 211         document.getElementById(firstTriggerField).checked == true &&
 212         document.getElementById(secondTriggerField).checked == true){
 213           document.getElementById(myField).disabled= false;
 214   } else {
 215           document.getElementById(myField).disabled= true;
 216   }
 217 }
 218
 219 <!-- Second field must be non-checked -->
 220 function changeTripleSelectState_2nd_neg(firstTriggerField, secondTriggerField, myField) {
 221   if (
 222         document.getElementById(firstTriggerField).checked == true &&
 223         document.getElementById(secondTriggerField).checked == false){
 224           document.getElementById(myField).disabled= false;
 225   } else {
 226           document.getElementById(myField).disabled= true;
 227   }
 228 }
 229 // work together to analyze keystrokes
 230 if (netscape){
 231   if(firefoxType== "firefox") {
 232                 window.captureEvents(Event.KEYPRESS);
 233         }
 234         window.onkeypress= keyPress;
 235 } else {
 236         document.onkeydown= keyPress;
 237 }
 238
 239 function hide(element) {
 240   if (browserType == "gecko" )
 241      document.poppedLayer = document.getElementById(element);
 242   else if (browserType == "ie")
 243      document.poppedLayer = document.all[element];
 244   else
 245      document.poppedLayer = document.layers[element];
 246         document.poppedLayer.style.visibility = "hidden";
 247 }
 248
 249 function show(element) {
 250   if (browserType == "gecko" )
 251      document.poppedLayer = document.getElementById(element);
 252   else if (browserType == "ie")
 253      document.poppedLayer = document.all[element];
 254   else
 255      document.poppedLayer = document.layers[element];
 256   document.poppedLayer.style.visibility = "visible";
 257 }
 258
 259 function toggle(element) {
 260   if (browserType == "gecko" )
 261      document.poppedLayer = document.getElementById(element);
 262   else if (browserType == "ie")
 263      document.poppedLayer = document.all[element];
 264   else
 265      document.poppedLayer = document.layers[element];
 266
 267   if (document.poppedLayer.style.visibility == "visible") {
 268           hide (element);
 269         } else {
 270           show (element);
 271         }
 272 }
 273
 274 function popup(target, name) {
 275         var mypopup=
 276                 window.open(
 277                         target,
 278                         name,
 279                         "width=600,height=700,location=no,toolbar=no,directories=no,menubar=no,status=no,scrollbars=yes"
 280                 );
 281         mypopup.focus();
 282         return false;
 283 }
 284
 285 function js_check(form) {
 286         form.javascript.value = 'true';
 287 }
 288
 289 function divtoggle(element) {
 290         var cell;
 291         var cellname="tr_"+(element);
 292
 293         if (browserType == "gecko" ) {
 294     document.poppedLayer = document.getElementById(element);
 295                 cell= document.getElementById(cellname);
 296
 297           if (document.poppedLayer.style.visibility == "visible") {
 298                   hide (element);
 299                         cell.style.height="0px";
 300                         document.poppedLayer.style.height="0px";
 301                 } else {
 302                   show (element);
 303                         document.poppedLayer.style.height="";
 304                         if(document.defaultView) {
 305                                 cell.style.height=document.defaultView.getComputedStyle(document.poppedLayer,"").getPropertyValue('height');
 306                         }
 307                 }
 308         } else if (browserType == "ie") {
 309     document.poppedLayer = document.getElementById(element);
 310                 cell= document.getElementById(cellname);
 311           if (document.poppedLayer.style.visibility == "visible") {
 312                   hide (element);
 313                         cell.style.height="0px";
 314                         document.poppedLayer.style.height="0px";
 315                         document.poppedLayer.style.position="absolute";
 316                 } else {
 317                   show (element);
 318                         cell.style.height="";
 319                         document.poppedLayer.style.height="";
 320                         document.poppedLayer.style.position="relative";
 321                 }
 322         }
 323 }
 324
 325 function adjust (e) {
 326         adjust_height(e);
 327         adjust_width(e);
 328 }
 329
 330 // Automatic resize (height) of divlists
 331 function adjust_height(e) {
 332         if (!e) e=window.event;
 333         if (document.getElementById("menucell") && document.getElementById("d_scrollbody")) {
 334                 var inner_height= window.innerHeight;
 335                 var min_height= 450;
 336                 var px_height= min_height;
 337                 var suggested= px_height;
 338
 339                 // document.defaultView allows access to the rendered size of elements and should be supported by modern browsers
 340                 if(document.defaultView) {
 341                         var menu_height=parseInt(document.defaultView.getComputedStyle(document.getElementById("menucell"),"").getPropertyValue('height'));
 342
 343                         // Minimum height for divlist should be the bottom edge of the menu
 344                         min_height= menu_height-197;
 345                         suggested= min_height;
 346                         if((inner_height-230)-suggested>0) {
 347                                 suggested= inner_height-230;
 348                         }
 349
 350                 // IE uses other height specifications
 351                 } else if (browserType == "ie") {
 352                         suggested= document.all.menucell.offsetHeight;
 353                         offset= absTop(d_scrollbody);
 354                         suggested-= offset;
 355                         if((inner_height-230)-suggested>0) {
 356                                 suggested= inner_height-230;
 357                         }
 358                 }
 359
 360                 /* Reduce height if a list footer is set */
 361                 if(document.getElementById("t_scrollfoot")){
 362                         suggested = suggested -20;
 363                 }
 364
 365                 document.getElementById("d_scrollbody").style.height=suggested+"px";
 366         }
 367         return true;
 368 }
 369
 370 function absTop(e) {
 371         return (e.offsetParent)?e.offsetTop+absTop(e.offsetParent) : e.offsetTop;
 372 }
 373
 374 // Automatic resize (width) of divlists
 375 function adjust_width(e)
 376 {
 377
 378         /* Get event ... it seems to be unused here ...*/
 379         if (!e) {
 380                 e=window.event;
 381         }
 382
 383         // Known to not work with IE
 384         if(document.defaultView && document.getElementById("t_scrolltable")) {
 385
 386                 // Get current width of divlist
 387                 var div_width   =       parseInt(document.defaultView.getComputedStyle(document.getElementById("t_scrolltable"),"").getPropertyValue('width'));
 388
 389                 // Get window width
 390                 var width= parseInt(window.innerWidth);
 391
 392                 // Resize the body cells, 470 represents the info box and the navigation part
 393                 var diff= width -       div_width       -       470;
 394
 395                 // window has been upscaled
 396                 if(div_width+diff>=600) {
 397                         document.getElementById('d_scrollbody').style.width=div_width+diff+"px";
 398                         document.getElementById('t_scrollbody').style.width=(div_width-19)+diff+"px";
 399
 400                         // Resize the Header cells (only the relative-width ones)
 401                         document.getElementById('t_scrollhead').style.width=div_width+diff+"px";
 402
 403                 // window has been downscaled, we must reset the div to 600px
 404                 } else if (width < 930) {
 405                         // Reset layout (set width to 600px)
 406                         div_width=600;
 407                         document.getElementById('d_scrollbody').style.width=div_width+"px";
 408                         document.getElementById('t_scrollbody').style.width=(div_width-19)+"px";
 409
 410                         // Resize the Header cells (only the relative-width ones)
 411                         document.getElementById('t_scrollhead').style.width=div_width+"px";
 412                 }
 413         } else if(document.defaultView && document.getElementById("t_scrolltable_onlywidth")){
 414                 // Resize the div
 415                 var div_width=parseInt(document.defaultView.getComputedStyle(document.getElementById("t_scrolltable_onlywidth"),"").getPropertyValue('width'));
 416                 var width= parseInt(window.innerWidth);
 417
 418                 // Resize the body cells
 419                 var diff= width-div_width-200;
 420
 421                 // window has been upscaled
 422                 if(div_width+diff>=600) {
 423                         if(document.getElementById('d_scrollbody_onlywidth')){
 424                                 document.getElementById('d_scrollbody_onlywidth').style.width=div_width+diff+"px";
 425                         }
 426                         document.getElementById('t_scrollbody_onlywidth').style.width=(div_width-19)+diff+"px";
 427
 428                         // Resize the Header cells (only the relative-width ones)
 429                         document.getElementById('t_scrollhead_onlywidth').style.width=div_width+diff+"px";
 430
 431                 // window has been downscaled, we must reset the div to 600px
 432                 } else if (width < 930) {
 433                         // Reset layout (set width to 600px)
 434                         div_width=600;
 435                         if(document.getElementById('d_scrollbody_onlywidth')){
 436                                 document.getElementById('d_scrollbody_onlywidth').style.width=div_width+"px";
 437                         }
 438                         document.getElementById('t_scrollbody_onlywidth').style.width=(div_width-19)+"px";
 439
 440                         // Resize the Header cells (only the relative-width ones)
 441                         document.getElementById('t_scrollhead_onlywidth').style.width=div_width+"px";
 442                 }
 443         } else {
 444                 // IE
 445
 446         }
 447 }
 448
 449
 450 /* Set focus to first valid input field
 451     avoid IExplorer warning about hidding or disabled fields
 452 */
 453 function focus_field()
 454 {
 455     var i     = 0;
 456     var e     = 0;
 457     var found = false;
 458     var element_name = "";
 459     var element =null;
 460
 461     while(focus_field.arguments[i] && !found){
 462
 463         var tmp = document.getElementsByName(focus_field.arguments[i]);
 464         for(e = 0 ; e < tmp.length ; e ++ ){
 465
 466             if(tmp[e].disabled != true &&  tmp[e].type != "none" && tmp[e].type != "hidden" ){
 467                 found = true;
 468                 element = tmp[e];
 469             }
 470         }
 471         i++;
 472     }
 473
 474     if(element && found){
 475         element.blur();
 476         element.focus();
 477     }
 478 }
 479
 480
 481 /*  This function pops up messages from message queue
 482                 All messages are hidden in html output (style='display:none;').
 483                 This function makes single messages visible till there are no more dialogs queued.
 484
 485                 hidden inputs:
 486                         current_msg_dialogs             - Currently visible dialog
 487                         closed_msg_dialogs              - IDs of already closed dialogs
 488                         pending_msg_dialogs             - Queued dialog IDs.
 489 */
 490 function next_msg_dialog()
 491 {
 492                 var s_pending = "";
 493                 var a_pending = new Array();
 494                 var i_id                        = 0;
 495                 var i                                   = 0;
 496                 var tmp                         = "";
 497                 var ele                         = null;
 498                 var ele2                        = null;
 499                 var cur_id              = "";
 500
 501                 if(document.getElementById('current_msg_dialogs')){
 502                                 cur_id = document.getElementById('current_msg_dialogs').value;
 503                                 if(cur_id != ""){
 504                                                 ele = document.getElementById('e_layer' + cur_id);
 505                                                 ele.onmousemove = "";
 506                                                 hide('e_layer' + cur_id);
 507                                                 document.getElementById('closed_msg_dialogs').value += "," + cur_id;
 508                                                 document.getElementById('current_msg_dialogs').value= "";
 509                                 }
 510                 }
 511
 512                 if(document.getElementById('pending_msg_dialogs')){
 513                                 s_pending = document.getElementById('pending_msg_dialogs').value;
 514                                 a_pending = s_pending.split(",");
 515                                 if(a_pending.length){
 516                                                 i_id = a_pending.pop();
 517                                                 for (i = 0 ; i < a_pending.length; ++i){
 518                                                                 tmp = tmp + a_pending[i] + ',';
 519                                                 }
 520                                                 tmp = tmp.replace(/,$/g,"");
 521                                                 if(i_id != ""){
 522                                                                 ele = document.getElementById('e_layer' + i_id);
 523                                                                 ele3 = document.getElementById('e_layerTitle' + i_id);
 524                                                                 ele.style.display= 'block'      ;
 525                                                                 document.getElementById('pending_msg_dialogs').value= tmp;
 526                                                                 document.getElementById('current_msg_dialogs').value= i_id;
 527                                                                 ele2 = document.getElementById('e_layer2') ;
 528                                                                 ele3.onmousedown = start_move_div_by_cursor;
 529                                                                 ele2.onmouseup  = stop_move_div_by_cursor;
 530                                                                 ele2.onmousemove = move_div_by_cursor;
 531                                                 }else{
 532                                                                 ele2 = document.getElementById('e_layer2') ;
 533                                                                 ele2.style.display ="none";
 534                                                 }
 535                                 }
 536                 }
 537 }
 538
 539
 540 /* Drag & drop for message dialogs */
 541 var enable_move_div_by_cursor = false;          // Indicates wheter the div movement is enabled or not
 542 var mouse_x_on_div      = 0;                                                                    //
 543 var mouse_y_on_div      = 0;
 544 var div_offset_x        = 0;
 545 var div_offset_y        = 0;
 546
 547 /* Activates msg_dialog drag & drop
 548  * This function is called when clicking on a displayed msg_dialog
 549  */
 550 function start_move_div_by_cursor(e)
 551 {
 552                 var x = 0;
 553                 var y = 0;
 554                 var cur_id = 0;
 555                 var dialog = null;
 556                 var event = null;
 557
 558                 /* Get current msg_dialog position
 559      */
 560                 cur_id = document.getElementById('current_msg_dialogs').value;
 561                 if(cur_id != ""){
 562                                 dialog = document.getElementById('e_layer' + cur_id);
 563                                 x = dialog.style.left;
 564                                 y = dialog.style.top;
 565                                 x = x.replace(/[^0-9]/g,"");
 566                                 y = y.replace(/[^0-9]/g,"");
 567                                 if(!y) y = 1;
 568                                 if(!x) x = 1;
 569                 }
 570
 571                 /* Get mouse position within msg_dialog
 572      */
 573                 if(window.event){
 574                                 event = window.event;
 575                                 if(event.offsetX){
 576                                                 div_offset_x   = event.clientX -x;
 577                                                 div_offset_y   = event.clientY -y;
 578                                                 enable_move_div_by_cursor = true;
 579                                 }
 580                 }else if(e){
 581                                 event = e;
 582                                 if(event.layerX){
 583                                                 div_offset_x    = event.screenX -x;
 584                                                 div_offset_y    = event.screenY -y;
 585                                                 enable_move_div_by_cursor = true;
 586                                 }
 587                 }
 588 }
 589
 590
 591 /* Deactivate msg_dialog movement
 592 */
 593 function stop_move_div_by_cursor()
 594 {
 595                 mouse_x_on_div = 0;
 596                 mouse_y_on_div = 0;
 597                 div_offset_x = 0;
 598                 div_offset_y = 0;
 599                 enable_move_div_by_cursor = false;
 600 }
 601
 602
 603 /* Move msg_dialog with cursor */
 604 function move_div_by_cursor(e)
 605 {
 606                 var event                               = false;
 607                 var mouse_pos_x         = 0;
 608                 var mouse_pos_y         = 0;
 609                 var     cur_div_x = 0;
 610                 var cur_div_y = 0;
 611                 var cur_id      = 0;
 612                 var dialog = null;
 613
 614
 615                 if(undefined !== enable_move_div_by_cursor && enable_move_div_by_cursor == true){
 616
 617                                 if(document.getElementById('current_msg_dialogs')){
 618
 619                                                 /* Get mouse position on screen
 620              */
 621                                                 if(window.event){
 622                                                                 event = window.event;
 623                                                                 mouse_pos_x  =event.clientX;
 624                                                                 mouse_pos_y  =event.clientY;
 625                                                 }else if (e){
 626                                                                 event = e;
 627                                                                 mouse_pos_x  =event.screenX;
 628                                                                 mouse_pos_y  =event.screenY;
 629                                                 }else{
 630                                                         return;
 631                                                 }
 632
 633                                                 /* Get id of current msg_dialog */
 634                                                 cur_id = document.getElementById('current_msg_dialogs').value;
 635                                                 if(cur_id != ""){
 636                                                                 dialog = document.getElementById('e_layer' + cur_id);
 637
 638                                                                 /* Calculate new position */
 639                                                                 cur_div_x = mouse_pos_x - div_offset_x;
 640                                                                 cur_div_y = mouse_pos_y - div_offset_y;
 641
 642                                                                 /* Ensure that dialog can't be moved out of screen */
 643                                                                 if(cur_div_x < 0 ) cur_div_x = 0
 644                                                                 if(cur_div_y < 0 ) cur_div_y = 0
 645
 646                                                                 /* Assign new values */
 647                                                                 dialog.style.left = (cur_div_x ) + "px";
 648                                                                 dialog.style.top  = (cur_div_y ) + "px";
 649                                                 }
 650                                 }
 651                 }
 652 }
 653
 654 function send_menu_action(str)
 655 {
 656                 if(str != "" && str != "#"){
 657                                 if(document.getElementById('menu_action')){
 658                                                 document.getElementById('menu_action').value=str;
 659                                                 document.mainform.submit();
 660                                 }
 661         }
 662 }
 663
 664 // vim:ts=2:syntax