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 GOsa_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 divGOsa_toggle(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= 0;
 342                         if (document.getElementById("d_height")){
 343                           suggested= parseInt(document.getElementById("d_height").value);
 344                         } else {
 345                           menu_height=parseInt(document.defaultView.getComputedStyle(document.getElementById("menucell"),"").getPropertyValue('height'));
 346                           // Minimum height for divlist should be the bottom edge of the menu
 347                           min_height= menu_height-197;
 348                           suggested= min_height;
 349                           if((inner_height-230)-suggested>0) {
 350                                 suggested= inner_height-230;
 351                           }
 352
 353                         }
 354
 355                 // IE uses other height specifications
 356                 } else if (browserType == "ie") {
 357                         suggested= document.all.menucell.offsetHeight;
 358                         offset= absTop(d_scrollbody);
 359                         suggested-= offset;
 360                         if((inner_height-230)-suggested>0) {
 361                                 suggested= inner_height-230;
 362                         }
 363                 }
 364
 365                 /* Reduce height if a list footer is set */
 366                 if(document.getElementById("t_scrollfoot")){
 367                         suggested = suggested -20;
 368                 }
 369
 370                 document.getElementById("d_scrollbody").style.height=suggested+"px";
 371         }
 372         return true;
 373 }
 374
 375 function absTop(e) {
 376         return (e.offsetParent)?e.offsetTop+absTop(e.offsetParent) : e.offsetTop;
 377 }
 378
 379 // Automatic resize (width) of divlists
 380 function adjust_width(e)
 381 {
 382
 383         /* Get event ... it seems to be unused here ...*/
 384         if (!e) {
 385                 e=window.event;
 386         }
 387
 388         // Known to not work with IE
 389         if(document.defaultView && document.getElementById("t_scrolltable")) {
 390
 391                 // Get current width of divlist
 392                 var div_width   =       parseInt(document.defaultView.getComputedStyle(document.getElementById("t_scrolltable"),"").getPropertyValue('width'));
 393
 394                 // Get window width
 395                 var width= parseInt(window.innerWidth);
 396
 397                 // Resize the body cells, 470 represents the info box and the navigation part
 398                 var diff= width -       div_width       -       470;
 399                 if(document.getElementById('d_save')) {
 400                   diff= width - div_width - document.getElementById('d_save').value;
 401                 }
 402
 403                 // window has been upscaled
 404                 if(div_width+diff>=600) {
 405                         document.getElementById('d_scrollbody').style.width=div_width+diff+"px";
 406                         document.getElementById('t_scrollbody').style.width=(div_width-19)+diff+"px";
 407
 408                         // Resize the Header cells (only the relative-width ones)
 409                         document.getElementById('t_scrollhead').style.width=div_width+diff+"px";
 410
 411                 // window has been downscaled, we must reset the div to 600px
 412                 } else if (width < 930) {
 413                         // Reset layout (set width to 600px)
 414                         div_width=600;
 415                         document.getElementById('d_scrollbody').style.width=div_width+"px";
 416                         document.getElementById('t_scrollbody').style.width=(div_width-19)+"px";
 417
 418                         // Resize the Header cells (only the relative-width ones)
 419                         document.getElementById('t_scrollhead').style.width=div_width+"px";
 420                 }
 421         } else if(document.defaultView && document.getElementById("t_scrolltable_onlywidth")){
 422                 // Resize the div
 423                 var div_width=parseInt(document.defaultView.getComputedStyle(document.getElementById("t_scrolltable_onlywidth"),"").getPropertyValue('width'));
 424                 var width= parseInt(window.innerWidth);
 425
 426                 // Resize the body cells
 427                 var diff= width-div_width-200;
 428
 429                 // window has been upscaled
 430                 if(div_width+diff>=600) {
 431                         if(document.getElementById('d_scrollbody_onlywidth')){
 432                                 document.getElementById('d_scrollbody_onlywidth').style.width=div_width+diff+"px";
 433                         }
 434                         document.getElementById('t_scrollbody_onlywidth').style.width=(div_width-19)+diff+"px";
 435
 436                         // Resize the Header cells (only the relative-width ones)
 437                         document.getElementById('t_scrollhead_onlywidth').style.width=div_width+diff+"px";
 438
 439                 // window has been downscaled, we must reset the div to 600px
 440                 } else if (width < 930) {
 441                         // Reset layout (set width to 600px)
 442                         div_width=600;
 443                         if(document.getElementById('d_scrollbody_onlywidth')){
 444                                 document.getElementById('d_scrollbody_onlywidth').style.width=div_width+"px";
 445                         }
 446                         document.getElementById('t_scrollbody_onlywidth').style.width=(div_width-19)+"px";
 447
 448                         // Resize the Header cells (only the relative-width ones)
 449                         document.getElementById('t_scrollhead_onlywidth').style.width=div_width+"px";
 450                 }
 451         } else {
 452                 // IE
 453
 454         }
 455 }
 456
 457
 458 /* Set focus to first valid input field
 459     avoid IExplorer warning about hidding or disabled fields
 460 */
 461 function focus_field()
 462 {
 463     var i     = 0;
 464     var e     = 0;
 465     var found = false;
 466     var element_name = "";
 467     var element =null;
 468
 469     while(focus_field.arguments[i] && !found){
 470
 471         var tmp = document.getElementsByName(focus_field.arguments[i]);
 472         for(e = 0 ; e < tmp.length ; e ++ ){
 473
 474             if(tmp[e].disabled != true &&  tmp[e].type != "none" && tmp[e].type != "hidden" ){
 475                 found = true;
 476                 element = tmp[e];
 477             }
 478         }
 479         i++;
 480     }
 481
 482     if(element && found){
 483         element.blur();
 484         element.focus();
 485     }
 486 }
 487
 488
 489 /*  This function pops up messages from message queue
 490                 All messages are hidden in html output (style='display:none;').
 491                 This function makes single messages visible till there are no more dialogs queued.
 492
 493                 hidden inputs:
 494                         current_msg_dialogs             - Currently visible dialog
 495                         closed_msg_dialogs              - IDs of already closed dialogs
 496                         pending_msg_dialogs             - Queued dialog IDs.
 497 */
 498 function next_msg_dialog()
 499 {
 500                 var s_pending = "";
 501                 var a_pending = new Array();
 502                 var i_id                        = 0;
 503                 var i                                   = 0;
 504                 var tmp                         = "";
 505                 var ele                         = null;
 506                 var ele2                        = null;
 507                 var cur_id              = "";
 508
 509                 if(document.getElementById('current_msg_dialogs')){
 510                                 cur_id = document.getElementById('current_msg_dialogs').value;
 511                                 if(cur_id != ""){
 512                                                 ele = document.getElementById('e_layer' + cur_id);
 513                                                 ele.onmousemove = "";
 514                                                 hide('e_layer' + cur_id);
 515                                                 document.getElementById('closed_msg_dialogs').value += "," + cur_id;
 516                                                 document.getElementById('current_msg_dialogs').value= "";
 517                                 }
 518                 }
 519
 520                 if(document.getElementById('pending_msg_dialogs')){
 521                                 s_pending = document.getElementById('pending_msg_dialogs').value;
 522                                 a_pending = s_pending.split(",");
 523                                 if(a_pending.length){
 524                                                 i_id = a_pending.pop();
 525                                                 for (i = 0 ; i < a_pending.length; ++i){
 526                                                                 tmp = tmp + a_pending[i] + ',';
 527                                                 }
 528                                                 tmp = tmp.replace(/,$/g,"");
 529                                                 if(i_id != ""){
 530                                                                 ele = document.getElementById('e_layer' + i_id);
 531                                                                 ele3 = document.getElementById('e_layerTitle' + i_id);
 532                                                                 ele.style.display= 'block'      ;
 533                                                                 document.getElementById('pending_msg_dialogs').value= tmp;
 534                                                                 document.getElementById('current_msg_dialogs').value= i_id;
 535                                                                 ele2 = document.getElementById('e_layer2') ;
 536                                                                 ele3.onmousedown = start_move_div_by_cursor;
 537                                                                 ele2.onmouseup  = stop_move_div_by_cursor;
 538                                                                 ele2.onmousemove = move_div_by_cursor;
 539                                                 }else{
 540                                                                 ele2 = document.getElementById('e_layer2') ;
 541                                                                 ele2.style.display ="none";
 542                                                 }
 543                                 }
 544                 }
 545 }
 546
 547
 548 /* Drag & drop for message dialogs */
 549 var enable_move_div_by_cursor = false;          // Indicates wheter the div movement is enabled or not
 550 var mouse_x_on_div      = 0;                                                                    //
 551 var mouse_y_on_div      = 0;
 552 var div_offset_x        = 0;
 553 var div_offset_y        = 0;
 554
 555 /* Activates msg_dialog drag & drop
 556  * This function is called when clicking on a displayed msg_dialog
 557  */
 558 function start_move_div_by_cursor(e)
 559 {
 560                 var x = 0;
 561                 var y = 0;
 562                 var cur_id = 0;
 563                 var dialog = null;
 564                 var event = null;
 565
 566                 /* Get current msg_dialog position
 567      */
 568                 cur_id = document.getElementById('current_msg_dialogs').value;
 569                 if(cur_id != ""){
 570                                 dialog = document.getElementById('e_layer' + cur_id);
 571                                 x = dialog.style.left;
 572                                 y = dialog.style.top;
 573                                 x = x.replace(/[^0-9]/g,"");
 574                                 y = y.replace(/[^0-9]/g,"");
 575                                 if(!y) y = 1;
 576                                 if(!x) x = 1;
 577                 }
 578
 579                 /* Get mouse position within msg_dialog
 580      */
 581                 if(window.event){
 582                                 event = window.event;
 583                                 if(event.offsetX){
 584                                                 div_offset_x   = event.clientX -x;
 585                                                 div_offset_y   = event.clientY -y;
 586                                                 enable_move_div_by_cursor = true;
 587                                 }
 588                 }else if(e){
 589                                 event = e;
 590                                 if(event.layerX){
 591                                                 div_offset_x    = event.screenX -x;
 592                                                 div_offset_y    = event.screenY -y;
 593                                                 enable_move_div_by_cursor = true;
 594                                 }
 595                 }
 596 }
 597
 598
 599 /* Deactivate msg_dialog movement
 600 */
 601 function stop_move_div_by_cursor()
 602 {
 603                 mouse_x_on_div = 0;
 604                 mouse_y_on_div = 0;
 605                 div_offset_x = 0;
 606                 div_offset_y = 0;
 607                 enable_move_div_by_cursor = false;
 608 }
 609
 610
 611 /* Move msg_dialog with cursor */
 612 function move_div_by_cursor(e)
 613 {
 614                 var event                               = false;
 615                 var mouse_pos_x         = 0;
 616                 var mouse_pos_y         = 0;
 617                 var     cur_div_x = 0;
 618                 var cur_div_y = 0;
 619                 var cur_id      = 0;
 620                 var dialog = null;
 621
 622
 623                 if(undefined !== enable_move_div_by_cursor && enable_move_div_by_cursor == true){
 624
 625                                 if(document.getElementById('current_msg_dialogs')){
 626
 627                                                 /* Get mouse position on screen
 628              */
 629                                                 if(window.event){
 630                                                                 event = window.event;
 631                                                                 mouse_pos_x  =event.clientX;
 632                                                                 mouse_pos_y  =event.clientY;
 633                                                 }else if (e){
 634                                                                 event = e;
 635                                                                 mouse_pos_x  =event.screenX;
 636                                                                 mouse_pos_y  =event.screenY;
 637                                                 }else{
 638                                                         return;
 639                                                 }
 640
 641                                                 /* Get id of current msg_dialog */
 642                                                 cur_id = document.getElementById('current_msg_dialogs').value;
 643                                                 if(cur_id != ""){
 644                                                                 dialog = document.getElementById('e_layer' + cur_id);
 645
 646                                                                 /* Calculate new position */
 647                                                                 cur_div_x = mouse_pos_x - div_offset_x;
 648                                                                 cur_div_y = mouse_pos_y - div_offset_y;
 649
 650                                                                 /* Ensure that dialog can't be moved out of screen */
 651                                                                 if(cur_div_x < 0 ) cur_div_x = 0
 652                                                                 if(cur_div_y < 0 ) cur_div_y = 0
 653
 654                                                                 /* Assign new values */
 655                                                                 dialog.style.left = (cur_div_x ) + "px";
 656                                                                 dialog.style.top  = (cur_div_y ) + "px";
 657                                                 }
 658                                 }
 659                 }
 660 }
 661
 662 function send_menu_action(str)
 663 {
 664                 if(str != "" && str != "#"){
 665                                 if(document.getElementById('menu_action')){
 666                                                 document.getElementById('menu_action').value=str;
 667                                                 document.mainform.submit();
 668                                 }
 669         }
 670 }
 671
 672 // vim:ts=2:syntax