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
 225 function popup(target, name) {
 226         var mypopup=
 227                 window.open(
 228                                 target,
 229                                 name,
 230                                 "width=600,height=700,location=no,toolbar=no,directories=no,menubar=no,status=no,scrollbars=yes"
 231                            );
 232         mypopup.focus();
 233         return false;
 234 }
 235
 236 function js_check(form) {
 237         form.javascript.value = 'true';
 238 }
 239
 240 function divGOsa_toggle(element) {
 241         var cell;
 242         var cellname="tr_"+(element);
 243
 244         if (Prototype.Browser.Gecko) {
 245                 document.poppedLayer = document.getElementById(element);
 246                 cell= document.getElementById(cellname);
 247
 248                 if (document.poppedLayer.style.visibility == "visible") {
 249                         $(element).hide();
 250                         cell.style.height="0px";
 251                         document.poppedLayer.style.height="0px";
 252                 } else {
 253                         $(element).show();
 254                         document.poppedLayer.style.height="";
 255                         if(document.defaultView) {
 256                                 cell.style.height=document.defaultView.getComputedStyle(document.poppedLayer,"").getPropertyValue('height');
 257                         }
 258                 }
 259         } else if (Prototype.Browser.IE) {
 260                 document.poppedLayer = document.getElementById(element);
 261                 cell= document.getElementById(cellname);
 262                 if (document.poppedLayer.style.visibility == "visible") {
 263                         $(element).hide();
 264                         cell.style.height="0px";
 265                         document.poppedLayer.style.height="0px";
 266                         document.poppedLayer.style.position="absolute";
 267                 } else {
 268                         $(element).show();
 269                         cell.style.height="";
 270                         document.poppedLayer.style.height="";
 271                         document.poppedLayer.style.position="relative";
 272                 }
 273         }
 274 }
 275
 276 function resizeHandler (e) {
 277         if (!e) e=window.event;
 278         if ($("d_scrollbody") && $("t_nscrollbody")) {
 279
 280         var contentHeight= document.viewport.getHeight() - 216;
 281         if ($$('div.plugin-actions').length != 0) {
 282           var height= 0;
 283           $$('div.plugin-actions').each(function(s) {
 284             height+= s.getHeight();
 285           });
 286           contentHeight-= height + 5;
 287         }
 288
 289         document.getElementById('d_scrollbody').style.height = contentHeight+23+'px';
 290         document.getElementById('t_nscrollbody').style.height = contentHeight+'px';
 291     }
 292         return true;
 293 }
 294
 295 function absTop(e) {
 296         return (e.offsetParent)?e.offsetTop+absTop(e.offsetParent) : e.offsetTop;
 297 }
 298
 299 /* Set focus to first valid input field
 300    avoid IExplorer warning about hidding or disabled fields
 301  */
 302 function focus_field()
 303 {
 304         var i     = 0;
 305         var e     = 0;
 306         var found = false;
 307         var element_name = "";
 308         var element =null;
 309
 310         while(focus_field.arguments[i] && !found){
 311
 312                 var tmp = document.getElementsByName(focus_field.arguments[i]);
 313                 for(e = 0 ; e < tmp.length ; e ++ ){
 314
 315                         if(isVisible(tmp[e])){
 316                                 found = true;
 317                                 element = tmp[e];
 318                                 break;
 319                         }
 320                 }
 321                 i++;
 322         }
 323
 324         if(element && found){
 325                 element.blur();
 326                 element.focus();
 327         }
 328 }
 329
 330
 331 /*  This function pops up messages from message queue
 332     All messages are hidden in html output (style='display:none;').
 333     This function makes single messages visible till there are no more dialogs queued.
 334
 335     hidden inputs:
 336     current_msg_dialogs         - Currently visible dialog
 337     closed_msg_dialogs          - IDs of already closed dialogs
 338     pending_msg_dialogs         - Queued dialog IDs.
 339  */
 340 function next_msg_dialog()
 341 {
 342         var s_pending = "";
 343         var a_pending = new Array();
 344         var i_id                        = 0;
 345         var i                                   = 0;
 346         var tmp                         = "";
 347         var ele                         = null;
 348         var ele2                        = null;
 349         var cur_id              = "";
 350
 351         if(document.getElementById('current_msg_dialogs')){
 352                 cur_id = document.getElementById('current_msg_dialogs').value;
 353                 if(cur_id != ""){
 354                         ele = document.getElementById('e_layer' + cur_id);
 355                         ele.onmousemove = "";
 356                         $('e_layer' + cur_id).hide();
 357                         document.getElementById('closed_msg_dialogs').value += "," + cur_id;
 358                         document.getElementById('current_msg_dialogs').value= "";
 359                 }
 360         }
 361
 362         if(document.getElementById('pending_msg_dialogs')){
 363                 s_pending = document.getElementById('pending_msg_dialogs').value;
 364                 a_pending = s_pending.split(",");
 365                 if(a_pending.length){
 366                         i_id = a_pending.pop();
 367                         for (i = 0 ; i < a_pending.length; ++i){
 368                                 tmp = tmp + a_pending[i] + ',';
 369                         }
 370                         tmp = tmp.replace(/,$/g,"");
 371                         if(i_id != ""){
 372                                 ele = document.getElementById('e_layer' + i_id);
 373                                 ele3 = document.getElementById('e_layerTitle' + i_id);
 374                                 ele.style.display= 'block'      ;
 375                                 document.getElementById('pending_msg_dialogs').value= tmp;
 376                                 document.getElementById('current_msg_dialogs').value= i_id;
 377                                 ele2 = document.getElementById('e_layer2') ;
 378                                 ele3.onmousedown = start_move_div_by_cursor;
 379                                 ele2.onmouseup  = stop_move_div_by_cursor;
 380                                 ele2.onmousemove = move_div_by_cursor;
 381                         }else{
 382                                 ele2 = document.getElementById('e_layer2') ;
 383                                 ele2.style.display ="none";
 384                         }
 385                 }
 386         }
 387 }
 388
 389
 390 /* Drag & drop for message dialogs */
 391 var enable_move_div_by_cursor = false;          // Indicates wheter the div movement is enabled or not
 392 var mouse_x_on_div      = 0;                                                                    //
 393 var mouse_y_on_div      = 0;
 394 var div_offset_x        = 0;
 395 var div_offset_y        = 0;
 396
 397 /* Activates msg_dialog drag & drop
 398  * This function is called when clicking on a displayed msg_dialog
 399  */
 400 function start_move_div_by_cursor(e)
 401 {
 402         var x = 0;
 403         var y = 0;
 404         var cur_id = 0;
 405         var dialog = null;
 406         var event = null;
 407
 408         /* Get current msg_dialog position
 409          */
 410         cur_id = document.getElementById('current_msg_dialogs').value;
 411         if(cur_id != ""){
 412                 dialog = document.getElementById('e_layer' + cur_id);
 413                 x = dialog.style.left;
 414                 y = dialog.style.top;
 415                 x = x.replace(/[^0-9]/g,"");
 416                 y = y.replace(/[^0-9]/g,"");
 417                 if(!y) y = 1;
 418                 if(!x) x = 1;
 419         }
 420
 421         /* Get mouse position within msg_dialog
 422          */
 423         if(window.event){
 424                 event = window.event;
 425                 if(event.offsetX){
 426                         div_offset_x   = event.clientX -x;
 427                         div_offset_y   = event.clientY -y;
 428                         enable_move_div_by_cursor = true;
 429                 }
 430         }else if(e){
 431                 event = e;
 432                 if(event.layerX){
 433                         div_offset_x    = event.screenX -x;
 434                         div_offset_y    = event.screenY -y;
 435                         enable_move_div_by_cursor = true;
 436                 }
 437         }
 438 }
 439
 440
 441 /* Deactivate msg_dialog movement
 442  */
 443 function stop_move_div_by_cursor()
 444 {
 445         mouse_x_on_div = 0;
 446         mouse_y_on_div = 0;
 447         div_offset_x = 0;
 448         div_offset_y = 0;
 449         enable_move_div_by_cursor = false;
 450 }
 451
 452
 453 /* Move msg_dialog with cursor */
 454 function move_div_by_cursor(e)
 455 {
 456         var event                               = false;
 457         var mouse_pos_x         = 0;
 458         var mouse_pos_y         = 0;
 459         var     cur_div_x = 0;
 460         var cur_div_y = 0;
 461         var cur_id      = 0;
 462         var dialog = null;
 463
 464
 465         if(undefined !== enable_move_div_by_cursor && enable_move_div_by_cursor == true){
 466
 467                 if(document.getElementById('current_msg_dialogs')){
 468
 469                         /* Get mouse position on screen
 470                          */
 471                         if(window.event){
 472                                 event = window.event;
 473                                 mouse_pos_x  =event.clientX;
 474                                 mouse_pos_y  =event.clientY;
 475                         }else if (e){
 476                                 event = e;
 477                                 mouse_pos_x  =event.screenX;
 478                                 mouse_pos_y  =event.screenY;
 479                         }else{
 480                                 return;
 481                         }
 482
 483                         /* Get id of current msg_dialog */
 484                         cur_id = document.getElementById('current_msg_dialogs').value;
 485                         if(cur_id != ""){
 486                                 dialog = document.getElementById('e_layer' + cur_id);
 487
 488                                 /* Calculate new position */
 489                                 cur_div_x = mouse_pos_x - div_offset_x;
 490                                 cur_div_y = mouse_pos_y - div_offset_y;
 491
 492                                 /* Ensure that dialog can't be moved out of screen */
 493                                 if(cur_div_x < 0 ) cur_div_x = 0
 494                                         if(cur_div_y < 0 ) cur_div_y = 0
 495
 496                                                 /* Assign new values */
 497                                                 dialog.style.left = (cur_div_x ) + "px";
 498                                 dialog.style.top  = (cur_div_y ) + "px";
 499                         }
 500                 }
 501         }
 502 }
 503
 504
 505 function isVisible(obj)
 506 {
 507     if (obj == document) return true
 508
 509     if (!obj) return false
 510     if (!obj.parentNode) return false
 511     if (obj.style) {
 512         if (obj.style.display == 'none') return false
 513         if (obj.style.visibility == 'hidden') return false
 514     }
 515
 516     //Try the computed style in a standard way
 517     if (window.getComputedStyle) {
 518         var style = window.getComputedStyle(obj, "")
 519         if (style.display == 'none') return false
 520         if (style.visibility == 'hidden') return false
 521     }
 522
 523     //Or get the computed style using IE's silly proprietary way
 524     var style = obj.currentStyle
 525     if (style) {
 526         if (style['display'] == 'none') return false
 527         if (style['visibility'] == 'hidden') return false
 528     }
 529
 530     return isVisible(obj.parentNode)
 531 }
 532
 533
 534 /* Scroll down the body frame */
 535 function scrollDown2()
 536 {
 537     document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;
 538 }
 539
 540
 541 // Global storage for baseSelector timer
 542 var rtimer;
 543
 544 // vim:ts=2:syntax