Home > Developer > JavaScript
Click "pay for yourself" and a modal div will pop up. Click "OK" to add a record to the table. Similarly, click "pay for others" to add another record. But in IE6 and IE7, FF is not supported. How can this problem be solved?
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN"> <ptml> <pead> <title> payment center-enter information </title> <meta http -equiv = "Content-Type" content = "text/html; charset = gb2312 "/> <style type =" text/css "> # testa, # testa2 {width: 100% ;}# lockform, # lockform2 {position: absolute; width: expression (this. parentNode. scrollWidth); top: expression (this. parentNode. scrollTop); left: 0; height: 100%; right: 0; bottom: 0; z-index: 1; background: gray; filter: alpha (opacity = 92 );} # main, # main2 {width: 400px; position: absolute; left: expression (this. parentNode. scrollWidth/2-200); top: 100px; background: # efefef; text-align: left; filter: Alpha (opacity = 100);} # InfoHead, # InfoHead2 {text-align: right; padding: 3px 0 1px 3px; border: 1px solid # f90; background: url (.. /images/lockform_title.gif) repeat-x; color: # 36f; cursor: move;} # InfoHead a: link, # InfoHead a: visited, # InfoHead2 a: link, # InfoHead2 a: visited {font-size: 14px; font-weight: bold; padding: 0 3px ;}# InfoBody, # InfoBody2 {border: 4px double # f90; border-top: none; padding: 2px;} # InfoContent {height: 200px; padding: 6px; overflow: auto; word-break: break-all;} # InfoContent2 {height: 297px; padding: 6px; overflow: auto; word-break: break-all ;} </style> </pead> <body> <table class = "data_table4"> <tr> <td class = "data_table4_tr2"> Annual Fee plan: </td> <td class = "data_table4_tr1"> <input type = "text" class = "input_width input_bian"> </td> </tr> <td class = "data_table4_tr2"> quantity: </td> <td class = "data_table4_tr1"> <input type = "text" class = "input_width input_bian"> </td> </tr> </table> <table class = "data_table4"> <tr> <td class = "data_table4_tr3"> </td> <td class = "data_table4_tr1"> <input type = "button" value = "true set "class =" ncss "onclick =" add_oneself (); infoClose (); unlock (lockform); "> <input type =" reset "value =" Remove "class =" ncss "onclick =" InfoClose (); unlock (lockform ); "> </td> </tr> </table> <table class =" data_table4 "> <tr> <td class =" data_table4_tr2 "> EMAIL address: </td> <td class = "data_table4_tr1"> <input type = "text" class = "input_width input_bian"> <input type = "button" value = "→ test user" class = "ncss2" style = "width: 78px; height: 21px; padding: 0; "> </td> </tr> <td class =" data_table4_tr2 "> Annual Plan: </td> <td class = "data_table4_tr1"> <input type = "text" class = "input_width input_bian"> </td> </tr> <td class = "data_table4_tr2"> quantity: </td> <td class = "data_table4_tr1"> <input type = "text" class = "input_width input_bian"> </td> </tr> <td class = "data_table4_tr2"> Name: </td> <td class = "data_table4_tr1"> Ximen snow blowing </td> </tr> <td class = "data_table4_tr2"> zip code: </td> <td class = "data_table4_tr1"> 200083 </td> </tr> <td class = "data_table4_tr2"> address: </td> <td class = "data_table4_tr1"> email address </td> </tr> <td class = "data_table4_tr2">: </td> <td class = "data_table4_tr1"> 888@163.com </td> </tr> </table> <table class = "data_table4"> <tr> <td class = "data_table4_tr3"> </td> <td class = "data_table4_tr1"> <input type = "button" value = "Confirm" class = "ncss" onclick = "add_others (); infoClose2 (); unlock2 (lockform2); "> <input type =" reset "value =" Remove "class =" ncss "onclick =" InfoClose2 (); unlock2 (lockform2); "> </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
