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 | |
---|
18 | var string_contacts = contacts |
---|
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(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 | |
---|
76 | var table_contacts_header = "<table style='font-family:arial;font-size:12;color:#0000CF' border=0 cellpadding=0 cellspacing=0>"; |
---|
77 | var table_contacts_foot = "</table>"; |
---|
78 | var lines = ''; |
---|
79 | var REG_EXP = /^[^\#|^\$|^\%|^\!|^\?|^\"|^\']+$/; |
---|
80 | var match_cont = ""; |
---|
81 | var limit_index; |
---|
82 | |
---|
83 | match_contacts.length > 30? limit_index = 30 : limit_index = match_contacts.length; |
---|
84 | |
---|
85 | for (var i=0; i<limit_index; i++) |
---|
86 | { |
---|
87 | match_contacts[i] = unescape(match_contacts[i]); |
---|
88 | var aux = match_contacts[i].split(""); |
---|
89 | for(var j in aux){ |
---|
90 | if(REG_EXP.test(aux[j])){ |
---|
91 | match_cont += aux[j]; |
---|
92 | }else{ |
---|
93 | match_cont += ""; |
---|
94 | } |
---|
95 | } |
---|
96 | //lines = lines + "<tr><td id=td_DD_"+i+" onClick=\"javascript:hideTip();makeMailList('"+match_contacts[i]+"','"+fld_id+"');document.getElementById('" + fld_id + "').focus();\" onmouseover=\"selectContact("+i+")\">" + match_contacts[i] + "</td></tr>" |
---|
97 | lines = lines + "<tr><td id=td_DD_"+i+" onMouseDown=\"javascript:hideTip();makeMailList('"+match_cont+"','"+fld_id+"');setTimeout('document.getElementById(\\'"+fld_id+"\\').focus()',300);\" onmouseover=\"selectContact("+i+")\">" + match_cont + "</td></tr>" |
---|
98 | match_cont = ""; |
---|
99 | } |
---|
100 | |
---|
101 | //Removido pois retirava o focus no ie a cada letra digitada |
---|
102 | //if (document.getElementById('tipDiv')){ |
---|
103 | // document.getElementById('tipDiv').focus(); |
---|
104 | //} |
---|
105 | |
---|
106 | // treat especials keys |
---|
107 | // key ENTER |
---|
108 | if ((key_pressed == 13) && (document.getElementById('tipDiv').style.visibility)) |
---|
109 | { |
---|
110 | //Bug, sometimes the actualSelectedContact do not exist. |
---|
111 | try{ |
---|
112 | makeMailList(document.getElementById('td_DD_' + actualSelectedContact).innerHTML,fld_id); |
---|
113 | hideTip(); |
---|
114 | } |
---|
115 | catch(e){} |
---|
116 | return; |
---|
117 | } |
---|
118 | // key lostfocus |
---|
119 | if ((key_pressed == 'lostfocus') && (document.getElementById('tipDiv').style.visibility)){ |
---|
120 | hideTip(); |
---|
121 | return; |
---|
122 | } |
---|
123 | |
---|
124 | // key LEFT and RIGHT (when pressed, keeps the actual selection preventing lost of focus selection on pressing "up" or "down" keys) |
---|
125 | if (((key_pressed == 37) && (document.getElementById('tipDiv').style.visibility)) || ((key_pressed == 39) && (document.getElementById('tipDiv').style.visibility))) |
---|
126 | { |
---|
127 | selectContact(actualSelectedContact); |
---|
128 | return; |
---|
129 | } |
---|
130 | |
---|
131 | // key DOWN |
---|
132 | if ((key_pressed == 40) && (document.getElementById('tipDiv').style.visibility)){ |
---|
133 | if (actualSelectedContact != (match_contacts.length - 1)){ |
---|
134 | selectContact(actualSelectedContact + 1); |
---|
135 | } |
---|
136 | return; |
---|
137 | } |
---|
138 | // key UP |
---|
139 | if ((key_pressed == 38) && (document.getElementById('tipDiv').style.visibility)){ |
---|
140 | if (actualSelectedContact != 0){ |
---|
141 | selectContact(actualSelectedContact - 1); |
---|
142 | return; |
---|
143 | } |
---|
144 | } |
---|
145 | |
---|
146 | if (lines != ''){ |
---|
147 | table_contacts = table_contacts_header + lines + table_contacts_foot |
---|
148 | doTooltip(posX, posY, table_contacts) |
---|
149 | } |
---|
150 | else |
---|
151 | hideTip(); |
---|
152 | |
---|
153 | return true; |
---|
154 | } |
---|
155 | |
---|
156 | function makeMailList(mail,fld_id) |
---|
157 | { |
---|
158 | list = Element(fld_id); |
---|
159 | for (var i = list.value.length; ((i!=0) && (list.value.substring(i-1,i)!=',')); i--){} |
---|
160 | mail = mail.replace(/</g,"<"); |
---|
161 | mail = mail.replace(/>/g,">"); |
---|
162 | mail = mail.replace(/<[bB]>/g,""); |
---|
163 | mail = mail.replace(/<\/[bB]>/g,""); |
---|
164 | if (i == 0) |
---|
165 | list.value = list.value.substring(0,i) + mail + ', '; |
---|
166 | else |
---|
167 | list.value = list.value.substring(0,i) + ' ' + mail + ', '; |
---|
168 | } |
---|
169 | |
---|
170 | function selectContact(newContact){ |
---|
171 | //Desabilitar o atual |
---|
172 | var elAtual = document.getElementById('td_DD_' + actualSelectedContact); |
---|
173 | if(elAtual) |
---|
174 | elAtual.bgColor = "#efefef"; |
---|
175 | |
---|
176 | //Habilitar o novo. |
---|
177 | var elNew = document.getElementById('td_DD_' + newContact).bgColor = "#c0e0ff"; |
---|
178 | if(elNew) |
---|
179 | elNew.bgColor = "#c0e0ff"; |
---|
180 | |
---|
181 | actualSelectedContact = newContact; |
---|
182 | } |
---|
183 | |
---|
184 | function doTooltip(x,y,msg) { |
---|
185 | if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return; |
---|
186 | Tooltip.show(x,y,msg); |
---|
187 | } |
---|
188 | |
---|
189 | function hideTip() { |
---|
190 | if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return; |
---|
191 | actualSelectedContact=0; |
---|
192 | Tooltip.hide(); |
---|
193 | } |
---|
194 | |
---|
195 | function findPosX(obj) |
---|
196 | { |
---|
197 | var curleft = 0; |
---|
198 | if (obj.offsetParent) |
---|
199 | { |
---|
200 | while (obj.offsetParent) |
---|
201 | { |
---|
202 | curleft += obj.offsetLeft |
---|
203 | obj = obj.offsetParent; |
---|
204 | } |
---|
205 | } |
---|
206 | else if (obj.x) |
---|
207 | curleft += obj.x; |
---|
208 | return curleft; |
---|
209 | } |
---|
210 | |
---|
211 | function findPosY(obj) |
---|
212 | { |
---|
213 | var curtop = 0; |
---|
214 | if (obj.offsetParent) |
---|
215 | { |
---|
216 | while (obj.offsetParent) |
---|
217 | { |
---|
218 | curtop += obj.offsetTop |
---|
219 | obj = obj.offsetParent; |
---|
220 | } |
---|
221 | } |
---|
222 | else if (obj.y) |
---|
223 | curtop += obj.y; |
---|
224 | return curtop; |
---|
225 | } |
---|
226 | |
---|
227 | function trim(inputString) { |
---|
228 | if (typeof inputString != "string") |
---|
229 | return inputString; |
---|
230 | |
---|
231 | var retValue = inputString; |
---|
232 | var ch = retValue.substring(0, 1); |
---|
233 | while (ch == " ") { |
---|
234 | retValue = retValue.substring(1, retValue.length); |
---|
235 | ch = retValue.substring(0, 1); |
---|
236 | } |
---|
237 | ch = retValue.substring(retValue.length-1, retValue.length); |
---|
238 | while (ch == " ") { |
---|
239 | retValue = retValue.substring(0, retValue.length-1); |
---|
240 | ch = retValue.substring(retValue.length-1, retValue.length); |
---|
241 | } |
---|
242 | while (retValue.indexOf(" ") != -1) { |
---|
243 | retValue = retValue.substring(0, retValue.indexOf(" ")) + retValue.substring(retValue.indexOf(" ")+1, retValue.length); |
---|
244 | } |
---|
245 | return retValue; |
---|
246 | } |
---|
247 | |
---|
248 | var Tooltip = { |
---|
249 | overlaySelects: true, // iframe shim for select lists (ie win) |
---|
250 | offX: 0, |
---|
251 | offY: 50, |
---|
252 | tipID: "tipDiv", |
---|
253 | showDelay: 0, |
---|
254 | hideDelay: 0, |
---|
255 | |
---|
256 | ovTimer: 0, // for overlaySelects |
---|
257 | ready:false, timer:null, tip:null, shim:null, supportsOverlay:false, |
---|
258 | |
---|
259 | init: function() { |
---|
260 | var el_dropdowncontact = document.createElement("DIV"); |
---|
261 | el_dropdowncontact.id = this.tipID; |
---|
262 | document.body.appendChild(el_dropdowncontact); |
---|
263 | this.supportsOverlay = this.checkOverlaySupport(); |
---|
264 | this.ready = true; |
---|
265 | }, |
---|
266 | |
---|
267 | show: function(x, y, msg) { |
---|
268 | this.tip = document.getElementById( this.tipID ); |
---|
269 | this.writeTip(msg); |
---|
270 | |
---|
271 | this.positionTipStatic(x,y); |
---|
272 | this.handleOverlay(1, this.showDelay, x+this.offX,y+this.offY); |
---|
273 | document.getElementById('td_DD_0').bgColor = "#c0e0ff"; |
---|
274 | this.timer = setTimeout("Tooltip.toggleVis('" + this.tipID + "', 'visible')", this.showDelay); |
---|
275 | }, |
---|
276 | |
---|
277 | writeTip: function(msg) { |
---|
278 | if ( this.tip && typeof this.tip.innerHTML != "undefined" ) this.tip.innerHTML = msg; |
---|
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); |
---|
298 | this.tip = null; |
---|
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 | } |
---|
337 | } |
---|
338 | Tooltip.init(); |
---|
339 | // Criar um estilo no html (tpl) com os seguintes parametros: |
---|
340 | //div#tipDiv { |
---|
341 | // position:absolute; visibility:hidden; left:0; top:0; z-index:10000; |
---|
342 | // background-color:#EFEFEF; border:1px solid #337; |
---|
343 | // width:220px; padding:3px; |
---|
344 | // color:#000; font-size:11px; line-height:1.2; |
---|
345 | // cursor: default; |
---|