[2517] | 1 | /**********************************************************************************\ |
---|
| 2 | * Written by Joao Alfredo Knopik Junior (JakJr) <joao.alfredo@gmail.com> * |
---|
| 3 | * ------------------------------------------------------------------------------- * |
---|
| 4 | * This program is free software; you can redistribute it and/or modify it * |
---|
| 5 | * under the terms of the GNU General Public License as published by the * |
---|
| 6 | * Free Software Foundation; either version 2 of the License, or (at your option) * |
---|
| 7 | * any later version. * |
---|
| 8 | \**********************************************************************************/ |
---|
| 9 | // variavel global que salva o contato atual selecionado. |
---|
| 10 | var actualSelectedContact = 0; |
---|
| 11 | var setTimeOutLayer = 0; |
---|
| 12 | var div_message_scroll = 0; |
---|
| 13 | var tst_i = 0; |
---|
| 14 | function search_contacts(key_pressed, fld_id) |
---|
| 15 | { |
---|
| 16 | div_message_scroll = Element('div_message_scroll_'+ fld_id.substring(fld_id.length - 1, fld_id.length)); |
---|
| 17 | |
---|
[2572] | 18 | var string_contacts = contacts; |
---|
[2517] | 19 | if (Element(fld_id)) |
---|
| 20 | var mail = Element(fld_id).value; |
---|
| 21 | else |
---|
| 22 | return; |
---|
| 23 | |
---|
| 24 | var array_contacts = string_contacts.split(","); |
---|
| 25 | var tmp = mail.split(","); |
---|
| 26 | mail = trim(tmp[tmp.length - 1]); |
---|
| 27 | tmp_mail = mail; |
---|
| 28 | |
---|
| 29 | seekDot = /\./gi; |
---|
| 30 | mail = mail.replace(seekDot, "[.]"); |
---|
| 31 | mail = mail.replace('"', """); |
---|
| 32 | mail = mail.replace("\n", ""); |
---|
| 33 | mail = mail.replace("\r", ""); |
---|
| 34 | mail = mail.replace("\t", ""); |
---|
| 35 | posX = findPosX(document.getElementById(fld_id)); |
---|
| 36 | posY = findPosY(document.getElementById(fld_id)); |
---|
| 37 | |
---|
| 38 | if ((!string_contacts) || (string_contacts.length==0) || (mail.length==0)){ |
---|
| 39 | hideTip(); |
---|
| 40 | return; |
---|
| 41 | } |
---|
| 42 | |
---|
| 43 | if (mail.length == 0){ |
---|
| 44 | hideTip(); |
---|
| 45 | return; |
---|
| 46 | } |
---|
| 47 | |
---|
| 48 | var RegExp_name = new RegExp("\\b"+mail, "i"); |
---|
| 49 | var RegExp_mail = new RegExp("^"+mail, "i"); |
---|
| 50 | |
---|
| 51 | var match_contacts = new Array(); |
---|
| 52 | var match_index = 0; |
---|
| 53 | |
---|
| 54 | for (var i=0; i<array_contacts.length; i++){ |
---|
| 55 | tmp = array_contacts[i].split(";"); |
---|
| 56 | if ( (RegExp_name.test(tmp[0])) || (RegExp_mail.test(tmp[1])) ){ |
---|
| 57 | if (tmp[1]) |
---|
| 58 | { |
---|
| 59 | var _tmp1 = RegExp_mail.exec(tmp[1]); |
---|
| 60 | if ( _tmp1 ) |
---|
| 61 | tmp[1] = tmp[1].replace(RegExp_mail, _tmp1[0].bold()); |
---|
| 62 | var _tmp0 = RegExp_name.exec(tmp[0]); |
---|
| 63 | if ( _tmp0 ) |
---|
| 64 | tmp[0] = tmp[0].replace(RegExp_name, _tmp0[0].bold()); |
---|
| 65 | match_contacts[match_index] = '"' + tmp[0] + '" <' + tmp[1] + '>'; |
---|
| 66 | match_index++; |
---|
| 67 | } |
---|
| 68 | } |
---|
| 69 | } |
---|
| 70 | |
---|
| 71 | if (match_contacts.length == 0){ |
---|
| 72 | hideTip(); |
---|
| 73 | return; |
---|
| 74 | } |
---|
| 75 | |
---|
[2602] | 76 | var lines = document.createElement('TABLE'); |
---|
| 77 | lines.style.fontFamily='Arial'; |
---|
| 78 | lines.style.font='12pt'; |
---|
| 79 | lines.style.color='#0000CF'; |
---|
| 80 | lines.border='0'; |
---|
| 81 | lines.cellpadding='0'; |
---|
| 82 | lines.cellspacing='0'; |
---|
| 83 | |
---|
[2517] | 84 | var match_cont = ""; |
---|
| 85 | for (var i=0; i<match_contacts.length; i++) |
---|
| 86 | { |
---|
[2895] | 87 | match_contacts[i] = unescape(match_contacts[i]); |
---|
[2616] | 88 | match_cont += match_contacts[i]; |
---|
| 89 | |
---|
[2602] | 90 | var trElement = document.createElement('TR'); |
---|
| 91 | var tdElement = document.createElement('TD'); |
---|
| 92 | tdElement.id = 'td_DD_'+i; |
---|
| 93 | tdElement.name = fld_id; |
---|
[2616] | 94 | XEvents.add( tdElement, 'onmousedown', function ( ) |
---|
| 95 | { |
---|
[2602] | 96 | hideTip(); |
---|
| 97 | makeMailList(this.innerHTML,this.name); |
---|
| 98 | setTimeout('document.getElementById("'+this.name+'").focus()',300); |
---|
[2616] | 99 | } ); |
---|
| 100 | XEvents.add( tdElement, 'onmouseover', function( ) |
---|
| 101 | { |
---|
[2602] | 102 | selectContact(this.id.substr(6)); |
---|
[2616] | 103 | } ); |
---|
[2602] | 104 | tdElement.innerHTML = match_cont; |
---|
| 105 | trElement.appendChild(tdElement); |
---|
| 106 | lines.appendChild(trElement); |
---|
[2517] | 107 | match_cont = ""; |
---|
| 108 | } |
---|
| 109 | |
---|
| 110 | // treat especials keys |
---|
| 111 | // key ENTER |
---|
| 112 | if ((key_pressed == 13) && (document.getElementById('tipDiv').style.visibility)) |
---|
| 113 | { |
---|
| 114 | //Bug, sometimes the actualSelectedContact do not exist. |
---|
| 115 | try{ |
---|
| 116 | makeMailList(document.getElementById('td_DD_' + actualSelectedContact).innerHTML,fld_id); |
---|
| 117 | hideTip(); |
---|
| 118 | } |
---|
| 119 | catch(e){} |
---|
| 120 | return; |
---|
| 121 | } |
---|
| 122 | // key lostfocus |
---|
| 123 | if ((key_pressed == 'lostfocus') && (document.getElementById('tipDiv').style.visibility)){ |
---|
| 124 | hideTip(); |
---|
| 125 | return; |
---|
| 126 | } |
---|
| 127 | // key DOWN |
---|
| 128 | if ((key_pressed == 40) && (document.getElementById('tipDiv').style.visibility)){ |
---|
| 129 | if (actualSelectedContact != (match_contacts.length - 1)){ |
---|
| 130 | selectContact(actualSelectedContact + 1); |
---|
| 131 | } |
---|
| 132 | return; |
---|
| 133 | } |
---|
| 134 | // key UP |
---|
| 135 | if ((key_pressed == 38) && (document.getElementById('tipDiv').style.visibility)){ |
---|
| 136 | if (actualSelectedContact != 0){ |
---|
| 137 | selectContact(actualSelectedContact - 1); |
---|
| 138 | return; |
---|
| 139 | } |
---|
| 140 | } |
---|
[2602] | 141 | if (lines.childNodes.length > 0){ |
---|
| 142 | doTooltip(posX, posY, lines); |
---|
[2517] | 143 | } |
---|
| 144 | else |
---|
| 145 | hideTip(); |
---|
| 146 | |
---|
| 147 | return true; |
---|
| 148 | } |
---|
| 149 | |
---|
| 150 | function makeMailList(mail,fld_id) |
---|
| 151 | { |
---|
| 152 | list = Element(fld_id); |
---|
[2572] | 153 | for (var i = list.value.length; ((i!=0) && (list.value.substring(i-1,i)!=',')); i--) { }; |
---|
[2517] | 154 | mail = mail.replace(/</g,"<"); |
---|
| 155 | mail = mail.replace(/>/g,">"); |
---|
| 156 | mail = mail.replace(/<[bB]>/g,""); |
---|
| 157 | mail = mail.replace(/<\/[bB]>/g,""); |
---|
| 158 | if (i == 0) |
---|
| 159 | list.value = list.value.substring(0,i) + mail + ', '; |
---|
| 160 | else |
---|
| 161 | list.value = list.value.substring(0,i) + ' ' + mail + ', '; |
---|
| 162 | } |
---|
| 163 | |
---|
| 164 | function selectContact(newContact){ |
---|
| 165 | //Desabilitar o atual |
---|
| 166 | var elAtual = document.getElementById('td_DD_' + actualSelectedContact); |
---|
| 167 | if(elAtual) |
---|
| 168 | elAtual.bgColor = "#efefef"; |
---|
| 169 | |
---|
| 170 | //Habilitar o novo. |
---|
| 171 | var elNew = document.getElementById('td_DD_' + newContact).bgColor = "#c0e0ff"; |
---|
| 172 | if(elNew) |
---|
| 173 | elNew.bgColor = "#c0e0ff"; |
---|
| 174 | |
---|
| 175 | actualSelectedContact = newContact; |
---|
| 176 | } |
---|
| 177 | |
---|
| 178 | function doTooltip(x,y,msg) { |
---|
| 179 | if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return; |
---|
| 180 | Tooltip.show(x,y,msg); |
---|
| 181 | } |
---|
| 182 | |
---|
| 183 | function hideTip() { |
---|
| 184 | if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return; |
---|
| 185 | actualSelectedContact=0; |
---|
| 186 | Tooltip.hide(); |
---|
| 187 | } |
---|
| 188 | |
---|
| 189 | function findPosX(obj) |
---|
| 190 | { |
---|
| 191 | var curleft = 0; |
---|
| 192 | if (obj.offsetParent) |
---|
| 193 | { |
---|
| 194 | while (obj.offsetParent) |
---|
| 195 | { |
---|
[2572] | 196 | curleft += obj.offsetLeft; |
---|
[2517] | 197 | obj = obj.offsetParent; |
---|
| 198 | } |
---|
| 199 | } |
---|
| 200 | else if (obj.x) |
---|
| 201 | curleft += obj.x; |
---|
| 202 | return curleft; |
---|
| 203 | } |
---|
| 204 | |
---|
| 205 | function findPosY(obj) |
---|
| 206 | { |
---|
| 207 | var curtop = 0; |
---|
| 208 | if (obj.offsetParent) |
---|
| 209 | { |
---|
| 210 | while (obj.offsetParent) |
---|
| 211 | { |
---|
[2572] | 212 | curtop += obj.offsetTop; |
---|
[2517] | 213 | obj = obj.offsetParent; |
---|
| 214 | } |
---|
| 215 | } |
---|
| 216 | else if (obj.y) |
---|
| 217 | curtop += obj.y; |
---|
| 218 | return curtop; |
---|
| 219 | } |
---|
| 220 | |
---|
| 221 | function trim(inputString) { |
---|
| 222 | if (typeof inputString != "string") |
---|
| 223 | return inputString; |
---|
| 224 | |
---|
| 225 | var retValue = inputString; |
---|
| 226 | var ch = retValue.substring(0, 1); |
---|
| 227 | while (ch == " ") { |
---|
| 228 | retValue = retValue.substring(1, retValue.length); |
---|
| 229 | ch = retValue.substring(0, 1); |
---|
| 230 | } |
---|
| 231 | ch = retValue.substring(retValue.length-1, retValue.length); |
---|
| 232 | while (ch == " ") { |
---|
| 233 | retValue = retValue.substring(0, retValue.length-1); |
---|
| 234 | ch = retValue.substring(retValue.length-1, retValue.length); |
---|
| 235 | } |
---|
| 236 | while (retValue.indexOf(" ") != -1) { |
---|
| 237 | retValue = retValue.substring(0, retValue.indexOf(" ")) + retValue.substring(retValue.indexOf(" ")+1, retValue.length); |
---|
| 238 | } |
---|
| 239 | return retValue; |
---|
| 240 | } |
---|
| 241 | |
---|
| 242 | var Tooltip = { |
---|
| 243 | overlaySelects: true, // iframe shim for select lists (ie win) |
---|
| 244 | offX: 0, |
---|
| 245 | offY: 50, |
---|
| 246 | tipID: "tipDiv", |
---|
| 247 | showDelay: 0, |
---|
| 248 | hideDelay: 0, |
---|
| 249 | |
---|
| 250 | ovTimer: 0, // for overlaySelects |
---|
| 251 | ready:false, timer:null, tip:null, shim:null, supportsOverlay:false, |
---|
| 252 | |
---|
| 253 | init: function() { |
---|
[2561] | 254 | if ( document.getElementById( this.tipID ) == null ) |
---|
| 255 | { |
---|
| 256 | var el_dropdowncontact = document.createElement("DIV"); |
---|
| 257 | el_dropdowncontact.id = this.tipID; |
---|
| 258 | document.body.appendChild(el_dropdowncontact); |
---|
| 259 | this.supportsOverlay = this.checkOverlaySupport(); |
---|
| 260 | this.ready = true; |
---|
| 261 | } |
---|
[2517] | 262 | }, |
---|
| 263 | |
---|
| 264 | show: function(x, y, msg) { |
---|
| 265 | this.tip = document.getElementById( this.tipID ); |
---|
| 266 | this.writeTip(msg); |
---|
| 267 | |
---|
| 268 | this.positionTipStatic(x,y); |
---|
| 269 | this.handleOverlay(1, this.showDelay, x+this.offX,y+this.offY); |
---|
| 270 | document.getElementById('td_DD_0').bgColor = "#c0e0ff"; |
---|
| 271 | this.timer = setTimeout("Tooltip.toggleVis('" + this.tipID + "', 'visible')", this.showDelay); |
---|
| 272 | }, |
---|
| 273 | |
---|
| 274 | writeTip: function(msg) { |
---|
[2602] | 275 | if ( typeof this.tip != "undefined" ) { |
---|
| 276 | this.tip.innerHTML = ""; |
---|
| 277 | this.tip.appendChild(msg); |
---|
| 278 | } |
---|
[2517] | 279 | this.tip.style.width = 'auto'; |
---|
| 280 | }, |
---|
| 281 | |
---|
| 282 | positionTipStatic: function(x,y) { |
---|
| 283 | if ( this.tip && this.tip.style ) { |
---|
| 284 | this.tip.style.left = x + this.offX + "px"; |
---|
| 285 | this.tip.style.top = y + this.offY + "px"; |
---|
| 286 | } |
---|
| 287 | }, |
---|
| 288 | |
---|
| 289 | scrollChanged: function() { |
---|
| 290 | Element('tipDiv').style.visibility = 'hidden'; |
---|
| 291 | Tooltip.hide(); |
---|
| 292 | }, |
---|
| 293 | |
---|
| 294 | hide: function() { |
---|
| 295 | if (this.timer) { clearTimeout(this.timer); this.timer = 0; } |
---|
| 296 | this.handleOverlay(0, this.hideDelay); |
---|
| 297 | this.timer = setTimeout("Tooltip.toggleVis('" + this.tipID + "', 'hidden')", this.hideDelay); |
---|
[2602] | 298 | this.tip = null; |
---|
[2517] | 299 | }, |
---|
| 300 | |
---|
| 301 | toggleVis: function(id, vis) { // to check for el_dropdowncontact, prevent (rare) error |
---|
| 302 | var el_dropdowncontact = document.getElementById(id); |
---|
| 303 | if (el_dropdowncontact) el_dropdowncontact.style.visibility = vis; |
---|
| 304 | }, |
---|
| 305 | |
---|
| 306 | // check need for and support of iframe shim |
---|
| 307 | checkOverlaySupport: function() { |
---|
| 308 | return (is_ie); |
---|
| 309 | }, |
---|
| 310 | |
---|
| 311 | handleOverlay: function(bVis, d, x ,y) { |
---|
| 312 | var _scrollY = div_message_scroll ? div_message_scroll.scrollTop : 0; |
---|
| 313 | if(_scrollY > 0 && this.tip) { |
---|
| 314 | this.tip.style.top = (findPosY(this.tip) - _scrollY)+ "px"; |
---|
| 315 | } |
---|
| 316 | if ( this.overlaySelects && this.supportsOverlay ) { |
---|
| 317 | if (this.ovTimer) { clearTimeout(this.ovTimer); this.ovTimer = 0; } |
---|
| 318 | switch (bVis) { |
---|
| 319 | case 1 : |
---|
| 320 | if ( !document.getElementById('tipShim') ) |
---|
| 321 | document.body.insertAdjacentHTML("beforeEnd", '<iframe id="tipShim" src="about:blank" style="position:absolute; left:' + x + '; top:' + y + '; z-index:500; visibility:hidden" scrolling="no" frameborder="0"></iframe>'); |
---|
| 322 | this.shim = document.getElementById('tipShim'); |
---|
| 323 | if (this.shim && this.tip) { |
---|
| 324 | this.shim.style.width = this.tip.offsetWidth + "px"; |
---|
| 325 | this.shim.style.height = this.tip.offsetHeight + "px"; |
---|
| 326 | this.shim.style.top = findPosY(this.tip)+ "px"; |
---|
| 327 | } |
---|
| 328 | this.ovTimer = setTimeout("Tooltip.toggleVis('tipShim', 'visible')", d); |
---|
| 329 | break; |
---|
| 330 | case 0 : |
---|
| 331 | this.ovTimer = setTimeout("Tooltip.toggleVis('tipShim', 'hidden')", d); |
---|
| 332 | if (this.shim) this.shim = null; |
---|
| 333 | break; |
---|
| 334 | } |
---|
| 335 | } |
---|
| 336 | } |
---|
[2579] | 337 | }; |
---|
[2517] | 338 | // Criar um estilo no html (tpl) com os seguintes parametros: |
---|
| 339 | //div#tipDiv { |
---|
| 340 | // position:absolute; visibility:hidden; left:0; top:0; z-index:10000; |
---|
| 341 | // background-color:#EFEFEF; border:1px solid #337; |
---|
| 342 | // width:220px; padding:3px; |
---|
| 343 | // color:#000; font-size:11px; line-height:1.2; |
---|
| 344 | // cursor: default; |
---|