Changeset 1449


Ignore:
Timestamp:
09/25/09 09:59:10 (15 years ago)
Author:
gbisotto
Message:

Ticket #658 - Modificação do script js para suportar redimencionamento da janela

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/workflow/js/userinterface/externals.js

    r795 r1449  
    3030function draw_externals_grid(data, page) 
    3131{ 
     32 
    3233        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)); 
    3634 
    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"; 
    4337 
    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) { 
    6039 
    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) + "..."; 
    7348                        } 
    74                         table_element = document.createElement("TABLE"); 
    7549 
    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"); 
    7851 
    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;}; 
    8766 
    8867 
    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'>"; 
    10472 
    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); 
    10983 
    11084                        loop(i+1); 
    11185                } 
    112         })(1); 
     86        })(0) 
    11387 
    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 = "&nbsp;"; 
    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 
    12494} 
Note: See TracChangeset for help on using the changeset viewer.