Changeset 1449 for trunk/workflow/js
- Timestamp:
- 09/25/09 09:59:10 (15 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/workflow/js/userinterface/externals.js
r795 r1449 30 30 function draw_externals_grid(data, page) 31 31 { 32 32 33 var content_id_3 = document.getElementById("content_id_3"); 33 var available_width = screen.availWidth - 200;34 var max_columns = Math.floor(available_width / 120);35 var max_lines = Math.max(2, Math.ceil(data.length / max_columns));36 34 37 var table_element = document.createElement("TABLE"); 38 var tbody_element = document.createElement("TBODY"); 39 table_element.setAttribute("id", "table_ext"); 40 table_element.setAttribute("cellSpacing", "10"); 41 table_element.setAttribute("width", "auto"); 42 tr_element = document.createElement("TR"); 35 // altura mínima do conteiner 36 content_id_3.style.height = "260px"; 43 37 44 for (i=1; i <= max_lines * max_columns; i++) 45 { 46 td_element = document.createElement("TD"); 47 td_element.setAttribute("id", "td_ext_" + (i -1) ); 48 td_element.className = "proc_td_bg"; 49 td_element.align = "left"; 50 tr_element.appendChild(td_element); 51 if ((i % max_columns) == 0) 52 { 53 tbody_element.appendChild(tr_element); 54 tr_element = document.createElement("TR"); 55 } 56 } 57 tbody_element.appendChild(tr_element); 58 table_element.appendChild(tbody_element); 59 content_id_3.appendChild(table_element); 38 (function loop(i) { 60 39 61 /* this loop is required because if a regular "for" is used, the variables will be shared among the iterations */ 62 (function loop(i) 63 { 64 if (i <= data.length) 65 { 66 ind = i - 1; 67 var external_link = data[ind].wf_ext_link; 68 ext = data[ind]; 69 ext_name_dsp = ext.name; 70 if (ext_name_dsp.length > 40) 71 { 72 ext_name_dsp = ext_name_dsp.substr(0,40) + "..."; 40 if(i < data.length){ 41 42 var external_link = data[i].wf_ext_link; 43 var ext = data[i]; 44 var ext_name_dsp = ext.name; 45 46 if (ext_name_dsp.length > 40) { 47 ext_name_dsp = ext_name_dsp.substr(0,40) + "..."; 73 48 } 74 table_element = document.createElement("TABLE");75 49 76 table_element.onclick = function() { var external_window = window.open(external_link,'extwindow'); external_window.opener = null;}; 77 tbody_element = document.createElement("TBODY"); 50 var div_element = document.createElement("DIV"); 78 51 79 tr_element = document.createElement("TR"); 80 td_element = document.createElement("TD"); 81 td_element.setAttribute("vAlign", "top"); 82 td_element.setAttribute("align", "center"); 83 td_element.setAttribute("height", "40"); 84 td_element.innerHTML = "<img src ='" + ext.image + "' width='32' height='32'>"; 85 tr_element.appendChild(td_element); 86 tbody_element.appendChild(tr_element); 52 div_element.style.width = '106px'; 53 if(is_ie) { 54 div_element.style.styleFloat = "left"; 55 div_element.style.height = '150px'; 56 } else { 57 div_element.style.cssFloat = "left"; 58 div_element.style.height = '100px' 59 } 60 61 div_element.style.padding = '7px'; 62 div_element.style.paddingTop = "25px"; 63 64 div_element.style.cursor = 'pointer'; 65 div_element.onclick = function() { var external_window = window.open(external_link,'extwindow'); external_window.opener = null;}; 87 66 88 67 89 tr_element = document.createElement("TR"); 90 td_element = document.createElement("TD"); 91 td_element.setAttribute("width", "106"); 92 if (is_ie) { 93 td_element.setAttribute("height", "60"); 94 } else { 95 td_element.setAttribute("height", "47"); 96 } 97 td_element.setAttribute("vAlign", "top"); 98 td_element.setAttribute("align", "center"); 99 td_element.innerHTML = ext_name_dsp; 100 td_element.innerHTML += "<br/><br/>"; 101 tr_element.appendChild(td_element); 102 tbody_element.appendChild(tr_element); 103 tbody_element.style.cursor = 'pointer'; 68 var div_ext_img = document.createElement("DIV"); 69 div_ext_img.style.width = "100%"; 70 div_ext_img.style.textAlign = 'center'; 71 div_ext_img.innerHTML = "<img src ='" + ext.image + "' width='32' height='32'>"; 104 72 105 table_element.appendChild(tbody_element); 106 td_ext = document.getElementById("td_ext_" + ind); 107 td_ext.appendChild(table_element); 108 td_ext.className = "proc_td"; 73 var div_ext_txt = document.createElement("DIV"); 74 div_ext_txt.style.width = "100%"; 75 div_ext_txt.style.textAlign = 'center'; 76 div_ext_txt.style.paddingTop = '5px'; 77 div_ext_txt.innerHTML = '<span style="font-size: 11px !important;">'+ext_name_dsp+'</span>'; 78 79 div_element.appendChild(div_ext_img); 80 div_element.appendChild(div_ext_txt); 81 82 content_id_3.appendChild(div_element); 109 83 110 84 loop(i+1); 111 85 } 112 })( 1);86 })(0) 113 87 114 for (ix = data.length; ix < max_lines * max_columns; ix++) { 115 elem = document.getElementById("td_ext_" + ix); 116 elem.setAttribute("width", "120"); 117 if (is_ie) { 118 elem.setAttribute("height", "119"); 119 } else { 120 elem.setAttribute("height", "106"); 121 } 122 elem.innerHTML = " "; 123 } 88 var div_bottom = document.createElement("DIV"); 89 div_bottom.style.width = "100%"; 90 div_bottom.style.clear = 'both'; 91 92 content_id_3.appendChild(div_bottom); 93 124 94 }
Note: See TracChangeset
for help on using the changeset viewer.