gosa-core/html/include/gosa.js

   1 /*
   2  * This code is part of GOsa (http://www.gosa-project.org)
   3  * Copyright (C) 2003-2010 GONICUS GmbH
   4  *
   5  * ID: $$Id: index.php 15301 2010-01-26 09:40:08Z cajus $$
   6  *
   7  * This program is free software; you can redistribute it and/or modify
   8  * it under the terms of the GNU General Public License as published by
   9  * the Free Software Foundation; either version 2 of the License, or
  10  * (at your option) any later version.
  11  *
  12  * This program is distributed in the hope that it will be useful,
  13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  15  * GNU General Public License for more details.
  16  *
  17  * You should have received a copy of the GNU General Public License
  18  * along with this program; if not, write to the Free Software
  19  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  20  */
  21
  22 /* Install event handlers */
  23 Event.observe(window, 'resize', resizeHandler);
  24 Event.observe(window, 'load', resizeHandler);
  25 Event.observe(window, 'keypress', keyHandler);
  26
  27
  28 /* Ask before switching a plugin with this function */
  29 function question(text, url)
  30 {
  31         if(document.mainform.ignore){
  32                 location.href= url;
  33                 return true;
  34         }
  35         if(confirm(text)){
  36                 location.href= url;
  37                 return true;
  38         }
  39         return false;
  40 }
  41
  42
  43 /* Toggle checkbox that matches regex */
  44 function chk_set_all(regex,value)
  45 {
  46         for (var i = 0; i < document.mainform.elements.length; i++) {
  47                 var _id=document.mainform.elements[i].id;
  48                 if(_id.match(regex)) {
  49                         document.getElementById(_id).checked= value;
  50                 }
  51         }
  52 }
  53
  54
  55 function toggle_all_(regex,state_object)
  56 {
  57         state = document.getElementById(state_object).checked;
  58         chk_set_all(regex, state);
  59 }
  60
  61
  62 /* Scroll down the body frame */
  63 function scrollDown2()
  64 {
  65         document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;
  66 }
  67
  68
  69 /* Toggle checkbox that matches regex */
  70 function acl_set_all(regex,value)
  71 {
  72         for (var i = 0; i < document.mainform.elements.length; i++) {
  73                 var _id=document.mainform.elements[i].id;
  74                 if(_id.match(regex)) {
  75                         document.getElementById(_id).checked= value;
  76                 }
  77         }
  78 }
  79
  80 /* Toggle checkbox that matches regex */
  81 function acl_toggle_all(regex)
  82 {
  83         for (var i = 0; i < document.mainform.elements.length; i++) {
  84                 var _id=document.mainform.elements[i].id;
  85                 if(_id.match(regex)) {
  86                         if (document.getElementById(_id).checked == true){
  87                                 document.getElementById(_id).checked= false;
  88                         } else {
  89                                 document.getElementById(_id).checked= true;
  90                         }
  91                 }
  92         }
  93 }
  94
  95
  96 /* Global key handler to estimate which element gets the next focus if enter is pressed */
  97 function keyHandler(DnEvents) {
  98         // determines whether Netscape or Internet Explorer
  99         k = (Prototype.Browser.Gecko) ? DnEvents.keyCode : window.event.keyCode;
 100         if (k == 13) { // enter key pressed
 101                 if(typeof(nextfield)!='undefined') {
 102                         if(nextfield == 'login') {
 103                                 return true; // submit, we finished all fields
 104                         } else { // we are not done yet, send focus to next box
 105                                 eval('document.mainform.' + nextfield + '.focus()');
 106                                 return false;
 107                         }
 108                 } else {
 109                         if(Prototype.Browser.Gecko) {
 110                                 if(DnEvents.target.type == 'textarea') {
 111                                         return true;
 112                                 } else if (DnEvents.target.type != 'submit') {
 113                                         // TAB
 114                                         var thisfield = document.getElementById(DnEvents.target.id);
 115                                         for (i = 0; i < document.forms[0].elements.length; i++) {
 116                                                 if(document.forms[0].elements[i].id==thisfield.id) {
 117                                                         // Last form element on page?
 118                                                         if(i!=document.forms[0].elements.length-1) {
 119                                                                 document.forms[0].elements[i+1].focus();
 120                                                         }
 121                                                 }
 122                                         }
 123                                         return false;
 124                                 } else {
 125                                         return true;
 126                                 }
 127                                 // Check for konqueror
 128                         } else if(document.clientWidth) {
 129                                 // do nothing ATM
 130                         } else {
 131                                 if(window.event.srcElement.type == 'textarea') {
 132                                         return true;
 133                                 } else if (window.event.srcElement.type != 'submit') {
 134                                         // TAB
 135                                         var thisfield = document.getElementById(window.event.srcElement.id);
 136                                         for (i = 0; i < document.forms[0].elements.length; i++) {
 137                                                 if(document.forms[0].elements[i].id==thisfield.id) {
 138                                                         // Last form element on page?
 139                                                         if(i!=document.forms[0].elements.length-1) {
 140                                                                 document.forms[0].elements[i+1].focus();
 141                                                         }
 142                                                 }
 143                                         }
 144                                         return false;
 145                                 } else {
 146                                         return true;
 147                                 }
 148                         }
 149                 }
 150         } else if (k==9) {
 151                 // Tab key pressed
 152                 if(Prototype.Browser.Gecko) {
 153                         if(DnEvents.target.type == 'textarea') {
 154                                 document.getElementById(DnEvents.target.id).value+="\t";
 155                                 return false;
 156                         }
 157                         // Check for konqueror
 158                 } else if(document.clientWidth) {
 159                         // do nothing ATM
 160                 } else {
 161                         if(window.event.srcElement.type == 'textarea') {
 162                                 document.getElementById(window.event.srcElement.id).value+="\t";
 163                                 return false;
 164                         }
 165                 }
 166         }
 167 }
 168
 169 function changeState() {
 170         for (var i = 0; i < arguments.length; i++) {
 171                 var element = $(arguments[i]);
 172                 if (element.hasAttribute('disabled')) {
 173                         element.removeAttribute('disabled');
 174                 } else {
 175                         element.setAttribute('disabled', 'disabled');
 176                 }
 177         }
 178 }
 179
 180 function changeSelectState(triggerField, myField) {
 181         if (document.getElementById(triggerField).value != 2){
 182                 document.getElementById(myField).disabled= true;
 183         } else {
 184                 document.getElementById(myField).disabled= false;
 185         }
 186 }
 187
 188 function changeSubselectState(triggerField, myField) {
 189         if (document.getElementById(triggerField).checked == true){
 190                 document.getElementById(myField).disabled= false;
 191         } else {
 192                 document.getElementById(myField).disabled= true;
 193         }
 194 }
 195
 196 function changeTripleSelectState(firstTriggerField, secondTriggerField, myField) {
 197         if (
 198                         document.getElementById(firstTriggerField).checked == true &&
 199                         document.getElementById(secondTriggerField).checked == true){
 200                 document.getElementById(myField).disabled= false;
 201         } else {
 202                 document.getElementById(myField).disabled= true;
 203         }
 204 }
 205
 206 <!-- Second field must be non-checked -->
 207 function changeTripleSelectState_2nd_neg(firstTriggerField, secondTriggerField, myField) {
 208         if (
 209                         document.getElementById(firstTriggerField).checked == true &&
 210                         document.getElementById(secondTriggerField).checked == false){
 211                 document.getElementById(myField).disabled= false;
 212         } else {
 213                 document.getElementById(myField).disabled= true;
 214         }
 215 }
 216
 217 // work together to analyze keystrokes
 218 if (Prototype.Browser.Gecko){
 219         window.onkeypress= keyHandler;
 220 } else {
 221         document.onkeydown= keyHandler;
 222 }
 223
 224 function GOsa_toggle(element) {
 225         if (Prototype.Browser.Gecko)
 226                 document.poppedLayer = document.getElementById(element);
 227         else if (Prototype.Browser.IE)
 228                 document.poppedLayer = document.all[element];
 229         else
 230                 document.poppedLayer = document.layers[element];
 231
 232         if (document.poppedLayer.style.visibility == "visible") {
 233                 hide (element);
 234         } else {
 235                 show (element);
 236         }
 237 }
 238
 239 function popup(target, name) {
 240         var mypopup=
 241                 window.open(
 242                                 target,
 243                                 name,
 244                                 "width=600,height=700,location=no,toolbar=no,directories=no,menubar=no,status=no,scrollbars=yes"
 245                            );
 246         mypopup.focus();
 247         return false;
 248 }
 249
 250 function js_check(form) {
 251         form.javascript.value = 'true';
 252 }
 253
 254 function divGOsa_toggle(element) {
 255         var cell;
 256         var cellname="tr_"+(element);
 257
 258         if (Prototype.Browser.Gecko) {
 259                 document.poppedLayer = document.getElementById(element);
 260                 cell= document.getElementById(cellname);
 261
 262                 if (document.poppedLayer.style.visibility == "visible") {
 263                         hide (element);
 264                         cell.style.height="0px";
 265                         document.poppedLayer.style.height="0px";
 266                 } else {
 267                         show (element);
 268                         document.poppedLayer.style.height="";
 269                         if(document.defaultView) {
 270                                 cell.style.height=document.defaultView.getComputedStyle(document.poppedLayer,"").getPropertyValue('height');
 271                         }
 272                 }
 273         } else if (Prototype.Browser.IE) {
 274                 document.poppedLayer = document.getElementById(element);
 275                 cell= document.getElementById(cellname);
 276                 if (document.poppedLayer.style.visibility == "visible") {
 277                         hide (element);
 278                         cell.style.height="0px";
 279                         document.poppedLayer.style.height="0px";
 280                         document.poppedLayer.style.position="absolute";
 281                 } else {
 282                         show (element);
 283                         cell.style.height="";
 284                         document.poppedLayer.style.height="";
 285                         document.poppedLayer.style.position="relative";
 286                 }
 287         }
 288 }
 289
 290 function resizeHandler (e) {
 291         if (!e) e=window.event;
 292         if (document.getElementById("menucell") && document.getElementById("d_scrollbody")) {
 293                 var inner_height= window.innerHeight;
 294                 var min_height= 450;
 295                 var px_height= min_height;
 296                 var suggested= px_height;
 297
 298                 // document.defaultView allows access to the rendered size of elements and should be supported by modern browsers
 299                 if(document.defaultView) {
 300                         var menu_height= 0;
 301                         if (document.getElementById("d_height")){
 302                                 suggested= parseInt(document.getElementById("d_height").value);
 303                         } else {
 304                                 menu_height=parseInt(document.defaultView.getComputedStyle(document.getElementById("menucell"),"").getPropertyValue('height'));
 305                                 // Minimum height for divlist should be the bottom edge of the menu
 306                                 min_height= menu_height-197;
 307                                 suggested= min_height;
 308                                 if((inner_height-230)-suggested>0) {
 309                                         suggested= inner_height-230;
 310                                 }
 311
 312                         }
 313
 314                         // IE uses other height specifications
 315                 } else if (Prototype.Browser.IE) {
 316                         suggested= document.all.menucell.offsetHeight;
 317                         offset= absTop(d_scrollbody);
 318                         suggested-= offset;
 319                         if((inner_height-230)-suggested>0) {
 320                                 suggested= inner_height-230;
 321                         }
 322                 }
 323
 324                 /* Reduce height if a list footer is set */
 325                 if(document.getElementById("t_scrollfoot")){
 326                         suggested = suggested -20;
 327                 }
 328
 329                 if (!document.getElementById("list_workaround")) {
 330                         document.getElementById("d_scrollbody").style.height=suggested+"px";
 331                 } else {
 332                         if (!Prototype.Browser.IE) {
 333                                 current_height= parseInt(document.defaultView.getComputedStyle(document.getElementById("t_nscrollbody"),"").getPropertyValue('height'));
 334                                 if (current_height < menu_height) {
 335                                         document.getElementById("d_scrollbody").style.height=suggested+20+"px";
 336                                 }
 337                         }
 338                 }
 339                 if (document.getElementById("t_nscrollbody")) {
 340                         document.getElementById("t_nscrollbody").style.height=(suggested-22)+"px";
 341                 }
 342         }
 343         return true;
 344 }
 345
 346 function absTop(e) {
 347         return (e.offsetParent)?e.offsetTop+absTop(e.offsetParent) : e.offsetTop;
 348 }
 349
 350 /* Set focus to first valid input field
 351    avoid IExplorer warning about hidding or disabled fields
 352  */
 353 function focus_field()
 354 {
 355         var i     = 0;
 356         var e     = 0;
 357         var found = false;
 358         var element_name = "";
 359         var element =null;
 360
 361         while(focus_field.arguments[i] && !found){
 362
 363                 var tmp = document.getElementsByName(focus_field.arguments[i]);
 364                 for(e = 0 ; e < tmp.length ; e ++ ){
 365
 366                         if(tmp[e].disabled != true &&  tmp[e].type != "none" && tmp[e].type != "hidden" ){
 367                                 found = true;
 368                                 element = tmp[e];
 369                                 break;
 370                         }
 371                 }
 372                 i++;
 373         }
 374
 375         if(element && found){
 376                 element.blur();
 377                 element.focus();
 378         }
 379 }
 380
 381
 382 /*  This function pops up messages from message queue
 383     All messages are hidden in html output (style='display:none;').
 384     This function makes single messages visible till there are no more dialogs queued.
 385
 386     hidden inputs:
 387     current_msg_dialogs         - Currently visible dialog
 388     closed_msg_dialogs          - IDs of already closed dialogs
 389     pending_msg_dialogs         - Queued dialog IDs.
 390  */
 391 function next_msg_dialog()
 392 {
 393         var s_pending = "";
 394         var a_pending = new Array();
 395         var i_id                        = 0;
 396         var i                                   = 0;
 397         var tmp                         = "";
 398         var ele                         = null;
 399         var ele2                        = null;
 400         var cur_id              = "";
 401
 402         if(document.getElementById('current_msg_dialogs')){
 403                 cur_id = document.getElementById('current_msg_dialogs').value;
 404                 if(cur_id != ""){
 405                         ele = document.getElementById('e_layer' + cur_id);
 406                         ele.onmousemove = "";
 407                         hide('e_layer' + cur_id);
 408                         document.getElementById('closed_msg_dialogs').value += "," + cur_id;
 409                         document.getElementById('current_msg_dialogs').value= "";
 410                 }
 411         }
 412
 413         if(document.getElementById('pending_msg_dialogs')){
 414                 s_pending = document.getElementById('pending_msg_dialogs').value;
 415                 a_pending = s_pending.split(",");
 416                 if(a_pending.length){
 417                         i_id = a_pending.pop();
 418                         for (i = 0 ; i < a_pending.length; ++i){
 419                                 tmp = tmp + a_pending[i] + ',';
 420                         }
 421                         tmp = tmp.replace(/,$/g,"");
 422                         if(i_id != ""){
 423                                 ele = document.getElementById('e_layer' + i_id);
 424                                 ele3 = document.getElementById('e_layerTitle' + i_id);
 425                                 ele.style.display= 'block'      ;
 426                                 document.getElementById('pending_msg_dialogs').value= tmp;
 427                                 document.getElementById('current_msg_dialogs').value= i_id;
 428                                 ele2 = document.getElementById('e_layer2') ;
 429                                 ele3.onmousedown = start_move_div_by_cursor;
 430                                 ele2.onmouseup  = stop_move_div_by_cursor;
 431                                 ele2.onmousemove = move_div_by_cursor;
 432                         }else{
 433                                 ele2 = document.getElementById('e_layer2') ;
 434                                 ele2.style.display ="none";
 435                         }
 436                 }
 437         }
 438 }
 439
 440
 441 /* Drag & drop for message dialogs */
 442 var enable_move_div_by_cursor = false;          // Indicates wheter the div movement is enabled or not
 443 var mouse_x_on_div      = 0;                                                                    //
 444 var mouse_y_on_div      = 0;
 445 var div_offset_x        = 0;
 446 var div_offset_y        = 0;
 447
 448 /* Activates msg_dialog drag & drop
 449  * This function is called when clicking on a displayed msg_dialog
 450  */
 451 function start_move_div_by_cursor(e)
 452 {
 453         var x = 0;
 454         var y = 0;
 455         var cur_id = 0;
 456         var dialog = null;
 457         var event = null;
 458
 459         /* Get current msg_dialog position
 460          */
 461         cur_id = document.getElementById('current_msg_dialogs').value;
 462         if(cur_id != ""){
 463                 dialog = document.getElementById('e_layer' + cur_id);
 464                 x = dialog.style.left;
 465                 y = dialog.style.top;
 466                 x = x.replace(/[^0-9]/g,"");
 467                 y = y.replace(/[^0-9]/g,"");
 468                 if(!y) y = 1;
 469                 if(!x) x = 1;
 470         }
 471
 472         /* Get mouse position within msg_dialog
 473          */
 474         if(window.event){
 475                 event = window.event;
 476                 if(event.offsetX){
 477                         div_offset_x   = event.clientX -x;
 478                         div_offset_y   = event.clientY -y;
 479                         enable_move_div_by_cursor = true;
 480                 }
 481         }else if(e){
 482                 event = e;
 483                 if(event.layerX){
 484                         div_offset_x    = event.screenX -x;
 485                         div_offset_y    = event.screenY -y;
 486                         enable_move_div_by_cursor = true;
 487                 }
 488         }
 489 }
 490
 491
 492 /* Deactivate msg_dialog movement
 493  */
 494 function stop_move_div_by_cursor()
 495 {
 496         mouse_x_on_div = 0;
 497         mouse_y_on_div = 0;
 498         div_offset_x = 0;
 499         div_offset_y = 0;
 500         enable_move_div_by_cursor = false;
 501 }
 502
 503
 504 /* Move msg_dialog with cursor */
 505 function move_div_by_cursor(e)
 506 {
 507         var event                               = false;
 508         var mouse_pos_x         = 0;
 509         var mouse_pos_y         = 0;
 510         var     cur_div_x = 0;
 511         var cur_div_y = 0;
 512         var cur_id      = 0;
 513         var dialog = null;
 514
 515
 516         if(undefined !== enable_move_div_by_cursor && enable_move_div_by_cursor == true){
 517
 518                 if(document.getElementById('current_msg_dialogs')){
 519
 520                         /* Get mouse position on screen
 521                          */
 522                         if(window.event){
 523                                 event = window.event;
 524                                 mouse_pos_x  =event.clientX;
 525                                 mouse_pos_y  =event.clientY;
 526                         }else if (e){
 527                                 event = e;
 528                                 mouse_pos_x  =event.screenX;
 529                                 mouse_pos_y  =event.screenY;
 530                         }else{
 531                                 return;
 532                         }
 533
 534                         /* Get id of current msg_dialog */
 535                         cur_id = document.getElementById('current_msg_dialogs').value;
 536                         if(cur_id != ""){
 537                                 dialog = document.getElementById('e_layer' + cur_id);
 538
 539                                 /* Calculate new position */
 540                                 cur_div_x = mouse_pos_x - div_offset_x;
 541                                 cur_div_y = mouse_pos_y - div_offset_y;
 542
 543                                 /* Ensure that dialog can't be moved out of screen */
 544                                 if(cur_div_x < 0 ) cur_div_x = 0
 545                                         if(cur_div_y < 0 ) cur_div_y = 0
 546
 547                                                 /* Assign new values */
 548                                                 dialog.style.left = (cur_div_x ) + "px";
 549                                 dialog.style.top  = (cur_div_y ) + "px";
 550                         }
 551                 }
 552         }
 553 }
 554
 555
 556 // Global storage for baseSelector timer
 557 var rtimer;
 558
 559 // vim:ts=2:syntax