webcit/static/wclib.js

   1 //
   2 // $Id$
   3 //
   4 // JavaScript function library for WebCit.
   5 //
   6 //
   7
   8
   9 var browserType;
  10 var room_is_trash = 0;
  11
  12 if (document.layers) {browserType = "nn4"}
  13 if (document.all) {browserType = "ie"}
  14 if (window.navigator.userAgent.toLowerCase().match("gecko")) {
  15         browserType= "gecko"
  16 }
  17
  18 var ns6=document.getElementById&&!document.all;
  19
  20
  21 function CtdlRandomString()  {
  22         return((Math.random()+'').substr(3));
  23 }
  24
  25
  26
  27 // We love string tokenizers.
  28 function extract_token(source_string, token_num, delimiter) {
  29         var i = 0;
  30         var extracted_string = source_string;
  31
  32         if (token_num > 0) {
  33                 for (i=0; i<token_num; ++i) {
  34                         var j = extracted_string.indexOf(delimiter);
  35                         if (j >= 0) {
  36                                 extracted_string = extracted_string.substr(j+1);
  37                         }
  38                 }
  39         }
  40
  41         j = extracted_string.indexOf(delimiter);
  42         if (j >= 0) {
  43                 extracted_string = extracted_string.substr(0, j);
  44         }
  45
  46         return extracted_string;
  47 }
  48
  49
  50
  51 // This code handles the popups for important-messages.
  52 function hide_imsg_popup() {
  53         if (browserType == "gecko" )
  54                 document.poppedLayer = eval('document.getElementById(\'important_message\')');
  55         else if (browserType == "ie")
  56                 document.poppedLayer = eval('document.all[\'important_message\']');
  57         else
  58                 document.poppedLayer = eval('document.layers[\'`important_message\']');
  59
  60         document.poppedLayer.style.visibility = "hidden";
  61 }
  62
  63
  64 // This function activates the ajax-powered recipient autocompleters on the message entry screen.
  65 function activate_entmsg_autocompleters() {
  66         new Ajax.Autocompleter('cc_id', 'cc_name_choices', 'cc_autocomplete', {} );
  67         new Ajax.Autocompleter('bcc_id', 'bcc_name_choices', 'bcc_autocomplete', {} );
  68         new Ajax.Autocompleter('recp_id', 'recp_name_choices', 'recp_autocomplete', {} );
  69 }
  70
  71
  72
  73 // Toggle the icon bar between menu/roomlist...
  74 var which_div_expanded = null;
  75 var num_drop_targets = 0;
  76 var drop_targets_elements = new Array();
  77 var drop_targets_roomnames = new Array();
  78
  79 function switch_to_room_list() {
  80         $('iconbar').innerHTML = $('iconbar').innerHTML.substr(0, $('iconbar').innerHTML.indexOf('switch'));
  81         CtdlLoadScreen('iconbar');
  82         new Ajax.Updater('iconbar', 'iconbar_ajax_rooms', { method: 'get' } );
  83 }
  84
  85 function expand_floor(floor_div) {
  86         if (which_div_expanded != null) {
  87                 if ($(which_div_expanded) != null) {
  88                         $(which_div_expanded).style.display = 'none' ;
  89                 }
  90         }
  91
  92         // clicking on the already-expanded floor causes the whole list to collapse
  93         if (which_div_expanded == floor_div) {
  94                 which_div_expanded = null;
  95
  96                 // notify the server that no floors are expanded
  97                 new Ajax.Request(
  98                         'set_floordiv_expanded/-1', {
  99                                 method: 'post'
 100                         }
 101                 );
 102                 return true;
 103         }
 104
 105         // expand the requested floor
 106         $(floor_div).style.display = 'block';
 107         which_div_expanded = floor_div;
 108
 109         // notify the server of which floor is expanded
 110         new Ajax.Request(
 111                 'set_floordiv_expanded/'+floor_div, {
 112                         method: 'post'
 113                 }
 114         );
 115 }
 116
 117 function switch_to_menu_buttons() {
 118         which_div_expanded = null;
 119         num_drop_targets = 0;
 120         CtdlLoadScreen('iconbar');
 121         new Ajax.Updater('iconbar', 'iconbar_ajax_menu', { method: 'get' } );
 122 }
 123
 124
 125 // Static variables for mailbox view...
 126 //
 127 var CtdlNumMsgsSelected = 0;
 128 var CtdlMsgsSelected = new Array();
 129 var CtdlLastMsgnumSelected = 0;
 130
 131 // This gets called when you single click on a message in the mailbox view.
 132 // We know that the element id of the table row will be the letter 'm' plus the message number.
 133 //
 134 function CtdlSingleClickMsg(evt, msgnum) {
 135
 136         // Clear the preview pane until we load the new message
 137         $('preview_pane').innerHTML = '';
 138
 139         // De-select any messages that were already selected, *unless* the Ctrl or
 140         // Shift key is being pressed, in which case the user wants multi select
 141         // or group select.
 142         if ( (!evt.ctrlKey) && (!evt.shiftKey) ) {
 143                 if (CtdlNumMsgsSelected > 0) {
 144                         for (i=0; i<CtdlNumMsgsSelected; ++i) {
 145                                 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
 146                                 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
 147                         }
 148                         CtdlNumMsgsSelected = 0;
 149                 }
 150         }
 151
 152         // For multi select ... is the message being clicked already selected?
 153         already_selected = 0;
 154         if ( (evt.ctrlKey) && (CtdlNumMsgsSelected > 0) ) {
 155                 for (i=0; i<CtdlNumMsgsSelected; ++i) {
 156                         if (CtdlMsgsSelected[i] == msgnum) {
 157                                 already_selected = 1;
 158                                 already_selected_pos = i;
 159                         }
 160                 }
 161         }
 162
 163         // Now select (or de-select) the message
 164         if ( (evt.ctrlKey) && (already_selected == 1) ) {
 165
 166                 // Deselect: first un-highlight it...
 167                 $('m'+msgnum).style.backgroundColor = '#fff';
 168                 $('m'+msgnum).style.color = '#000';
 169
 170                 // Then remove it from the selected messages list.
 171                 for (i=already_selected_pos; i<(CtdlNumMsgsSelected-1); ++i) {
 172                         CtdlMsgsSelected[i] = CtdlMsgsSelected[i+1];
 173                 }
 174                 CtdlNumMsgsSelected = CtdlNumMsgsSelected - 1;
 175
 176         }
 177
 178         else if (evt.shiftKey) {
 179
 180                 // Group select: first clear everything out...
 181                 if (CtdlNumMsgsSelected > 0) {
 182                         for (i=0; i<CtdlNumMsgsSelected; ++i) {
 183                                 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
 184                                 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
 185                         }
 186                 }
 187                 CtdlNumMsgsSelected = 0;
 188
 189                 // Then highlight and select the group.
 190                 // Traverse the table looking for a row whose ID contains the desired msgnum
 191
 192                 var in_the_group = 0;
 193                 var is_edge = 0;
 194                 var table = $('summary_headers');
 195                 if (table) {
 196                         for (var r = 0; r < table.rows.length; r++) {
 197                                 var thename = table.rows[r].id;
 198                                 if ( (thename.substr(1) == msgnum) || (thename.substr(1) == CtdlLastMsgnumSelected) ) {
 199                                         in_the_group = 1 - in_the_group;
 200                                         is_edge = 1;
 201                                 }
 202                                 else {
 203                                         is_edge = 0;
 204                                 }
 205                                 if ( (in_the_group == 1) || (is_edge == 1) ) {
 206                                         // Highlight it...
 207                                         table.rows[r].style.backgroundColor='#69aaff';
 208                                         table.rows[r].style.color='#fff';
 209
 210                                         // And add it to the selected messages list.
 211                                         CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
 212                                         CtdlMsgsSelected[CtdlNumMsgsSelected-1] = thename.substr(1);
 213                                 }
 214                         }
 215                 }
 216         }
 217
 218         else {
 219                 // Select: first highlight it...
 220                 $('m'+msgnum).style.backgroundColor='#69aaff';
 221                 $('m'+msgnum).style.color='#fff';
 222
 223                 // Then add it to the selected messages list.
 224                 CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
 225                 CtdlMsgsSelected[CtdlNumMsgsSelected-1] = msgnum;
 226
 227                 // Gradient
 228                 CtdlLoadScreen('preview_pane');
 229                 // Update the preview pane
 230                 new Ajax.Updater('preview_pane', 'msg/'+msgnum, { method: 'get' } );
 231
 232                 // Mark the message as read
 233                 new Ajax.Request(
 234                         'ajax_servcmd', {
 235                                 method: 'post',
 236                                 parameters: 'g_cmd=SEEN '+msgnum+'|1',
 237                                 onComplete: CtdlRemoveTheUnseenBold(msgnum)
 238                         }
 239                 );
 240         }
 241
 242         // Save the selected position in case the user does a group select next time.
 243         CtdlLastMsgnumSelected = msgnum;
 244
 245         return false;           // try to defeat the default click behavior
 246 }
 247
 248 // Delete selected messages.
 249 function CtdlDeleteSelectedMessages(evt) {
 250
 251         if (CtdlNumMsgsSelected < 1) {
 252                 // Nothing to delete, so exit silently.
 253                 return false;
 254         }
 255         for (i=0; i<CtdlNumMsgsSelected; ++i) {
 256                 if (parseInt(room_is_trash) > 0) {
 257                         new Ajax.Request(
 258                                 'ajax_servcmd', {
 259                                         method: 'post',
 260                                         parameters: 'g_cmd=DELE ' + CtdlMsgsSelected[i],
 261                                         onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
 262                                 }
 263                         );
 264                 }
 265                 else {
 266                         new Ajax.Request(
 267                                 'ajax_servcmd', {
 268                                         method: 'post',
 269                                         parameters: 'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|_TRASH_|0',
 270                                         onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
 271                                 }
 272                         );
 273                 }
 274         }
 275         CtdlNumMsgsSelected = 0;
 276
 277         // Clear the preview pane too.
 278         $('preview_pane').innerHTML = '';
 279 }
 280
 281
 282 // Move selected messages.
 283 function CtdlMoveSelectedMessages(evt, target_roomname) {
 284
 285         if (CtdlNumMsgsSelected < 1) {
 286                 // Nothing to delete, so exit silently.
 287                 return false;
 288         }
 289         for (i=0; i<CtdlNumMsgsSelected; ++i) {
 290                 new Ajax.Request(
 291                         'ajax_servcmd', {
 292                                 method:'post',
 293                                 parameters:'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|' + target_roomname + '|0',
 294                                 onComplete:CtdlClearDeletedMsg(CtdlMsgsSelected[i])
 295                         }
 296                 );
 297         }
 298         CtdlNumMsgsSelected = 0;
 299
 300         // Clear the preview pane too.
 301         $('preview_pane').innerHTML = '';
 302 }
 303
 304
 305
 306 // This gets called when the user touches the keyboard after selecting messages...
 307 function CtdlMsgListKeyPress(evt) {
 308         if(document.all) {                              // aIEeee
 309                 var whichKey = window.event.keyCode;
 310         }
 311         else {                                          // non-sux0r browsers
 312                 var whichKey = evt.which;
 313         }
 314         if (whichKey == 46) {                           // DELETE key
 315                 CtdlDeleteSelectedMessages(evt);
 316         }
 317         return true;
 318 }
 319
 320 // Take the boldface away from a message to indicate that it has been seen.
 321 function CtdlRemoveTheUnseenBold(msgnum) {
 322         $('m'+msgnum).style.fontWeight='normal';
 323 }
 324
 325 // A message has been deleted, so yank it from the list.
 326 function CtdlClearDeletedMsg(msgnum) {
 327
 328
 329         // Traverse the table looking for a row whose ID contains the desired msgnum
 330         var table = $('summary_headers');
 331         if (table) {
 332                 for (var r = 0; r < table.rows.length; r++) {
 333                         var thename = table.rows[r].id;
 334                         if (thename.substr(1) == msgnum) {
 335                                 try {
 336                                         table.deleteRow(r);
 337                                 }
 338                                 catch(e) {
 339                                         alert('error: browser failed to clear row ' + r);
 340                                 }
 341                         }
 342                 }
 343         }
 344         else {                                          // if we can't delete it,
 345                 new Effect.Squish('m'+msgnum);          // just hide it.
 346         }
 347
 348
 349 }
 350
 351 // These functions called when the user down-clicks on the message list resizer bar
 352
 353 var saved_x = 0;
 354 var saved_y = 0;
 355
 356 function CtdlResizeMsgListMouseUp(evt) {
 357         document.onmouseup = null;
 358         document.onmousemove = null;
 359         if (document.layers) {
 360                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 361         }
 362         return true;
 363 }
 364
 365 function CtdlResizeMsgListMouseMove(evt) {
 366         y = (ns6 ? evt.clientY : event.clientY);
 367         increment = y - saved_y;
 368
 369         // First move the bottom of the message list...
 370         d = $('message_list');
 371         if (d.offsetHeight){
 372                 divHeight = d.offsetHeight;
 373         }
 374         else if (d.style.pixelHeight) {
 375                 divHeight = d.style.pixelHeight;
 376         }
 377         d.style.height = (divHeight + increment) + 'px';
 378
 379         // Then move the top of the preview pane...
 380         d = $('preview_pane');
 381         if (d.offsetTop){
 382                 divTop = d.offsetTop;
 383         }
 384         else if (d.style.pixelTop) {
 385                 divTop = d.style.pixelTop;
 386         }
 387         d.style.top = (divTop + increment) + 'px';
 388
 389         // Resize the bottom of the preview pane...
 390         d = $('preview_pane');
 391         if (d.offsetHeight){
 392                 divHeight = d.offsetHeight;
 393         }
 394         else if (d.style.pixelHeight) {
 395                 divHeight = d.style.pixelHeight;
 396         }
 397         d.style.height = (divHeight - increment) + 'px';
 398
 399         // Then move the top of the slider bar.
 400         d = $('resize_msglist');
 401         if (d.offsetTop){
 402                 divTop = d.offsetTop;
 403         }
 404         else if (d.style.pixelTop) {
 405                 divTop = d.style.pixelTop;
 406         }
 407         d.style.top = (divTop + increment) + 'px';
 408
 409         saved_y = y;
 410         return true;
 411 }
 412
 413 function CtdlResizeMsgListMouseDown(evt) {
 414         saved_y = (ns6 ? evt.clientY : event.clientY);
 415         document.onmouseup = CtdlResizeMsgListMouseUp;
 416         document.onmousemove = CtdlResizeMsgListMouseMove;
 417         if (document.layers) {
 418                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 419         }
 420         return false;           // disable the default action
 421 }
 422
 423
 424
 425 // These functions handle drag and drop message moving
 426
 427 var mm_div = null;
 428
 429 function CtdlMoveMsgMouseDown(evt, msgnum) {
 430
 431         // do the highlight first
 432         CtdlSingleClickMsg(evt, msgnum);
 433
 434         // Now handle the possibility of dragging
 435         saved_x = (ns6 ? evt.clientX : event.clientX);
 436         saved_y = (ns6 ? evt.clientY : event.clientY);
 437         document.onmouseup = CtdlMoveMsgMouseUp;
 438         document.onmousemove = CtdlMoveMsgMouseMove;
 439         if (document.layers) {
 440                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 441         }
 442
 443         return false;
 444 }
 445
 446 function CtdlMoveMsgMouseMove(evt) {
 447         x = (ns6 ? evt.clientX : event.clientX);
 448         y = (ns6 ? evt.clientY : event.clientY);
 449
 450         if ( (x == saved_x) && (y == saved_y) ) {
 451                 return true;
 452         }
 453
 454         if (CtdlNumMsgsSelected < 1) {
 455                 return true;
 456         }
 457
 458         if (!mm_div) {
 459
 460
 461                 drag_o_text = "<div style=\"overflow:none; background-color:#fff; color:#000; border: 1px solid black; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;\"><tr><td>";
 462                 for (i=0; i<CtdlNumMsgsSelected; ++i) {
 463                         drag_o_text = drag_o_text +
 464                                 ctdl_ts_getInnerText(
 465                                         $('m'+CtdlMsgsSelected[i]).cells[0]
 466                                 ) + '<br>';
 467                 }
 468                 drag_o_text = drag_o_text + "<div>";
 469
 470                 mm_div = document.createElement("DIV");
 471                 mm_div.style.position='absolute';
 472                 mm_div.style.top = y + 'px';
 473                 mm_div.style.left = x + 'px';
 474                 mm_div.style.pixelHeight = '300';
 475                 mm_div.style.pixelWidth = '300';
 476                 mm_div.innerHTML = drag_o_text;
 477                 document.body.appendChild(mm_div);
 478         }
 479         else {
 480                 mm_div.style.top = y + 'px';
 481                 mm_div.style.left = x + 'px';
 482         }
 483
 484         return false;   // prevent the default mouse action from happening?
 485 }
 486
 487 function CtdlMoveMsgMouseUp(evt) {
 488         document.onmouseup = null;
 489         document.onmousemove = null;
 490         if (document.layers) {
 491                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 492         }
 493
 494         if (mm_div) {
 495                 document.body.removeChild(mm_div);
 496                 mm_div = null;
 497         }
 498
 499         if (num_drop_targets < 1) {     // nowhere to drop
 500                 return true;
 501         }
 502
 503         // Did we release the mouse button while hovering over a drop target?
 504         // NOTE: this only works cross-browser because the iconbar div is always
 505         //      positioned at 0,0.  Browsers differ in whether the 'offset'
 506         //      functions return pos relative to the document or parent.
 507
 508         for (i=0; i<num_drop_targets; ++i) {
 509
 510                 x = (ns6 ? evt.clientX : event.clientX);
 511                 y = (ns6 ? evt.clientY : event.clientY);
 512
 513                 l = parseInt(drop_targets_elements[i].offsetLeft);
 514                 t = parseInt(drop_targets_elements[i].offsetTop);
 515                 r = parseInt(drop_targets_elements[i].offsetLeft)
 516                   + parseInt(drop_targets_elements[i].offsetWidth);
 517                 b = parseInt(drop_targets_elements[i].offsetTop)
 518                   + parseInt(drop_targets_elements[i].offsetHeight);
 519
 520                 /* alert('Offsets are: ' + l + ' ' + t + ' ' + r + ' ' + b + '.'); */
 521
 522                 if ( (x >= l) && (x <= r) && (y >= t) && (y <= b) ) {
 523                         // Yes, we dropped it on a hotspot.
 524                         CtdlMoveSelectedMessages(evt, drop_targets_roomnames[i]);
 525                         return true;
 526                 }
 527         }
 528
 529         return true;
 530 }
 531
 532
 533 function ctdl_ts_getInnerText(el) {
 534         if (typeof el == "string") return el;
 535         if (typeof el == "undefined") { return el };
 536         if (el.innerText) return el.innerText;  //Not needed but it is faster
 537         var str = "";
 538
 539         var cs = el.childNodes;
 540         var l = cs.length;
 541         for (var i = 0; i < l; i++) {
 542                 switch (cs[i].nodeType) {
 543                         case 1: //ELEMENT_NODE
 544                                 str += ts_getInnerText(cs[i]);
 545                                 break;
 546                         case 3: //TEXT_NODE
 547                                 str += cs[i].nodeValue;
 548                                 break;
 549                 }
 550         }
 551         return str;
 552 }
 553
 554
 555
 556 // This function handles the creation of new notes in the "Notes" view.
 557 //
 558 function add_new_note() {
 559
 560         new_eid = CtdlRandomString();
 561
 562         $('new_notes_here').innerHTML = $('new_notes_here').innerHTML
 563                 + '<IMG ALIGN=MIDDLE src=\"static/storenotes_48x.gif\" id=\"' + new_eid + '\" alt=\"Note\" class=\"notes\">'
 564                 + '<script type=\"text/javascript\">new Draggable (\"%s\", {revert:true})</script>'
 565                 + '<span id=\"note' + new_eid + '\">' + Date() + '</span><br />'
 566         ;
 567
 568         new Ajax.InPlaceEditor('note' + new_eid,
 569                 'updatenote?eid=' + new_eid , {rows:5,cols:72});
 570 }
 571
 572 function CtdlShowRaw(msgnum) {
 573 var customnav = document.createElement("span");
 574 var mode_citadel = document.createElement("a");
 575 mode_citadel.appendChild(document.createTextNode("Citadel Source"));
 576 var mode_rfc822 = document.createElement("a");
 577 mode_rfc822.appendChild(document.createTextNode(" RFC822 Source"));
 578 mode_citadel.setAttribute("href","#");
 579 mode_rfc822.setAttribute("href","#");
 580 mode_rfc822.setAttribute("onclick","rawSwitch822('" + msgnum + "');");
 581 mode_citadel.setAttribute("onclick","rawSwitchCitadel('" + msgnum + "');");
 582 customnav.appendChild(mode_citadel);
 583 customnav.appendChild(mode_rfc822);
 584 customnav.setAttribute("class","floatcustomnav");
 585 floatwindow("headerscreen","pre",customnav);
 586 rawSwitch822(msgnum);
 587 }
 588
 589 function rawSwitch822(msgnum) {
 590 CtdlLoadScreen("headerscreen");
 591 new Ajax.Updater("headerscreen",
 592 'ajax_servcmd_esc',
 593  { method: 'post',parameters: 'g_cmd=MSG2 ' +msgnum  } );
 594
 595 }
 596
 597 function rawSwitchCitadel(msgnum) {
 598 CtdlLoadScreen("headerscreen");
 599 new Ajax.Updater("headerscreen",
 600 'ajax_servcmd_esc',
 601  { method: 'post',parameters: 'g_cmd=MSG0 ' +msgnum  } );
 602
 603 }
 604
 605 function floatwindow(newdivid,contentelementtype,customnav) {
 606 var windiv = document.createElement("div");
 607 windiv.setAttribute("class","floatwindow");
 608 var winid = newdivid+"_window";
 609 windiv.setAttribute("id",winid);
 610 var nav = document.createElement("div");
 611 if (customnav != null) {
 612 nav.appendChild(customnav);
 613 }
 614 var minimizeA = document.createElement("a");
 615 var minimizeButton = document.createTextNode("Close");
 616 minimizeA.appendChild(minimizeButton);
 617 minimizeA.setAttribute("onclick","killFloatWindow(this);");
 618 minimizeA.setAttribute("href","#");
 619 nav.appendChild(minimizeA);
 620 nav.setAttribute("class","floatnav");
 621 windiv.appendChild(nav);
 622 var contentarea = document.createElement("pre");
 623 contentarea.setAttribute("class","floatcontent");
 624 contentarea.setAttribute("id",newdivid);
 625 windiv.appendChild(contentarea);
 626 document.body.appendChild(windiv);
 627 }
 628 function killFloatWindow(caller) {
 629 var span = caller.parentNode;
 630 var fwindow = span.parentNode;
 631 fwindow.parentNode.removeChild(fwindow);
 632 }
 633 // Place a gradient loadscreen on an element, e.g to use before Ajax.updater
 634 function CtdlLoadScreen(elementid) {
 635 var elem = document.getElementById(elementid);
 636 elem.innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
 637 }
 638
 639
 640 // Show info for a user, basically replaces showuser()
 641 // matt@comalies is to blame for this poorly coded masterpiece.
 642 function CtdlShowUserInfoPopup(Element) {
 643         try {
 644                 // hopefully no one needs to use the class attribute... could be better done
 645                 // with xmlns though..
 646                 var user = Element.getAttribute("class");
 647                 var updname = "biospace_"+user;
 648                 if (document.getElementById(updname) == null) {
 649                         // insert a space for the bio
 650                         var pNode = Element.parentNode;
 651                         var newdiv = document.createElement("div");
 652                         newdiv.id = updname;
 653                         newdiv.innerHTML = "Getting user info....";
 654                         pNode.appendChild(newdiv);
 655                         CtdlLoadScreen(updname);
 656                         new Ajax.Updater(updname, 'showuser_ajax?who='+user, { method: 'get' } );
 657                 }
 658         }
 659         catch(err) {
 660                 return true;
 661         }
 662         return false;
 663 }
 664
 665
 666
 667 // Pop open the address book (target_input is the INPUT field to populate)
 668
 669 function PopOpenAddressBook(target_input) {
 670         $('address_book_popup').style.display = 'block';
 671         p = 'target_input=' + target_input + '&r=' + CtdlRandomString();
 672         new Ajax.Updater(
 673                 'address_book_popup_middle_div',
 674                 'display_address_book_middle_div',
 675                 {
 676                         method: 'get',
 677                         parameters: p,
 678                         evalScripts: true
 679                 }
 680         );
 681 }
 682
 683 function PopulateAddressBookInnerDiv(which_addr_book, target_input) {
 684         $('address_book_inner_div').innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
 685         p = 'which_addr_book=' + which_addr_book
 686           + '&target_input=' + target_input
 687           + '&r=' + CtdlRandomString();
 688         new Ajax.Updater(
 689                 'address_book_inner_div',
 690                 'display_address_book_inner_div',
 691                 {
 692                         method: 'get',
 693                         parameters: p
 694                 }
 695         );
 696 }
 697
 698 // What happens when a contact is selected from the address book popup
 699 // (populate the specified target)
 700
 701 function AddContactsToTarget(target, whichaddr) {
 702         while (whichaddr.selectedIndex != -1) {
 703                 if (target.value.length > 0) {
 704                         target.value = target.value + ', ';
 705                 }
 706                 target.value = target.value + whichaddr.value;
 707                 whichaddr.options[whichaddr.selectedIndex].selected = false;
 708         }
 709 }
 710
 711 // Respond to a meeting invitation
 712 function RespondToInvitation(question_divname, title_divname, msgnum, cal_partnum, sc) {
 713         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
 714         new Ajax.Updater(title_divname, 'respond_to_request', { method: 'post', parameters: p } );
 715         Effect.Fade(question_divname, { duration: 0.5 });
 716 }
 717
 718 // Handle a received RSVP
 719 function HandleRSVP(question_divname, title_divname, msgnum, cal_partnum, sc) {
 720         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
 721         new Ajax.Updater(title_divname, 'handle_rsvp', { method: 'post', parameters: p } );
 722         Effect.Fade(question_divname, { duration: 0.5 });
 723 }
 724