Ошибка в IE - jn повторений имён pop1 - переменных и ID-ов. В FF проверил - gjkexftncz, xnj любая таблица после выхода из display='none' нарушается по разметке. Попробовал сделать в 3 разных таблицах (с дублированием селектов в 1-й строке) - результат тот же. Точнее, размер не растёт, но формат нарушается. Особенно интересен эффект, что 1-я ячейка принимается за colspan=3.
В общем, тут наворочено (кроме Vidocq, никому не смотреть ) в предложенном стиле, эффект в FF убирается, корректность показа строчки селекта делается позже заинтересованным лицом.
| Код | <html><head> <script> function loadFields(i){ type = document.getElementById('server'+i); //alert(type.value); if (type.value == 1) { document.getElementById('table1').style.display = "block"; document.getElementById('table2').style.display = "none"; document.getElementById('table3').style.display = "none"; } if(type.value == 2) { document.getElementById('table1').style.display = "none"; document.getElementById('table2').style.display = "block"; document.getElementById('table3').style.display = "none"; } if(type.value == 3) { document.getElementById('table1').style.display = "none"; document.getElementById('table2').style.display = "none"; document.getElementById('table3').style.display = "block";
} } </script> <!link rel='stylesheet' href='images/lay_default.css' type='text/css'></head> <body> <form id=f1> <table id="table1" class=smarty_form_table border=1 cellpadding=0 cellspacing=2> <tr id="pop1"> <td class="smarty_form_td_label" nowrap="nowrap" width="200">Server</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class="smarty_form_td_value"><select id=server1 name=select4 onchange=loadFields(1)> <option value=1>POP3, POP3/SMTP, IMAP, IMAP/SMTP</option> <option value=2>WEB</option> <option value=3>NRPE</option> </select> </td> </tr> <tr id="pop2" > <td class=smarty_form_td_label width="200">Password</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <input type="password" name="textfield2" class="inputtext1" value="******" class="smarty_form_td_value"> </td> </tr> <tr id="pop3" > <td class=smarty_form_td_label width="200"><strong>Connection Type <br>POP3/IMAP</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 200px"> <option value="0" selected>regular</option> <option value="1">secure to regular port</option> <option value="2">secure to dedicated port</option> </select> </td> </tr> <tr id="pop4" > <td class=smarty_form_td_label width="200"><strong>Connection Type SMTP</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 200px"> <option value="0" selected>regular</option> <option value="1">secure to regular port</option> <option value="2">secure to dedicated port</option> </select> </td> </tr>
<tr id="pop5" > <td class=smarty_form_td_label width="200"><strong>Monitoring Server</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 200px"> <option value="1" selected>server1</option> <option value="2">server2</option> <option value="3">server3</option> </select> </td> </tr> <tr id="pop6" > <td class=smarty_form_td_label width="200"><strong>Enabled</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 50px"> <option value="1" selected>All</option> <option value="2">Yes</option> <option value="3">No</option> </select> </td> </tr>
</table> <table id="table2" class='smarty_form_table' border='1' cellpadding='0' cellspacing='2' width='100%'> <tr> <td class=smarty_form_td_label style="WIDTH: 200px"><strong>Server</strong></td> <td class='smarty_form_td_required' nowrap='nowrap' width='1'> </td> <td class=smarty_form_td_value> <select id='server2' name='select5' class='inputtext1' onchange='loadFields(2)' style='WIDTH: 280px'> <option value='1'>POP3, POP3/SMTP, IMAP, IMAP/SMTP</option> <option value='2' selected>WEB</option> <option value='3'>NRPE</option> </select> </td> </tr> <tr id="web1" st yle='display:none;'> <td class="smarty_form_td_label" nowrap="nowrap" width="200">URL</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class="smarty_form_td_value" width="100%"> <input class="inputtext1" type="text" style="width: 200px;" name="config_path"> </td> </tr> <tr id="web2" st yle='display:none;'> <td class="smarty_form_td_label" nowrap="nowrap" width="200">User name</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class="smarty_form_td_value" width="100%"> <input class="inputtext1" type="text" style="width: 200px;" name="config_path"> </td> </tr> <tr id="web3" st yle='display:none;'> <td class=smarty_form_td_label width="200">Password</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <span class=display1> <input type="password" name="textfield2" class="inputtext1" value="******" class="smarty_form_td_value"> </span></td> </tr>
<tr id="web4" st yle='display:none;'> <td class=smarty_form_td_label width="200"><strong>Monitoring Server</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 200px"> <option value="1" selected>server1</option> <option value="2">server2</option> <option value="3">server3</option> </select> </td> </tr> <tr id="web5" st yle='display:none;'> <td class=smarty_form_td_label width="200"><strong>Enabled</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 50px"> <option value="1" selected>All</option> <option value="2">Yes</option> <option value="3">No</option> </select> </td> </tr> </table> <table id="table3" class='smarty_form_table' border='1' cellpadding='0' cellspacing='2' width='100%'> <tr> <td class=smarty_form_td_label style="WIDTH: 200px"><strong>Server</strong></td> <td class='smarty_form_td_required' nowrap='nowrap' width='1'> </td> <td class=smarty_form_td_value> <select id='server3' name='select6' class='inputtext1' onchange='loadFields(3)' style='WIDTH: 280px'> <option value='1'>POP3, POP3/SMTP, IMAP, IMAP/SMTP</option> <option value='2'>WEB</option> <option value='3' selected>NRPE</option> </select> </td> </tr> <tr id="nrpe1" sty le='display:none;'> <td class="smarty_form_td_label" nowrap="nowrap" width="200">Path to Command</td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class="smarty_form_td_value" width="100%"> <input class="inputtext1" type="text" style="width: 200px;" name="config_path"> </td> </tr> <tr id="nrpe2" st yle='display:none;'> <td class=smarty_form_td_label width="200"><strong>Monitoring Server</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 200px"> <option value="1" selected>server1</option> <option value="2">server2</option> <option value="3">server3</option> </select> </td> </tr>
<tr id="nrpe3" s tyle='display:none;'> <td class=smarty_form_td_label width="200"><strong>Enabled</strong></td> <td class="smarty_form_td_required" nowrap="nowrap" width="1"> </td> <td class=smarty_form_td_value> <select name="select4" class="inputtext1" style="WIDTH: 50px"> <option value="1" selected>All</option> <option value="2">Yes</option> <option value="3">No</option> </select> </td></tr></table> </form> </body></html> |
|