JavaScript Forms: Пункты Список Popup

Пункты Список Popup

Вы можете заметить, что Ваша страница может быстро становиться загроможденной. Этот подлинник помогает решить ту проблему, открывая новое окно, когда пользователь хочет добавить пункты к списку.

(Click "Add Item" to demo this script!)

JavaScript Forms: Пункты Список Popup

  <html> <head> <script language="JavaScript"> Begin  </SCRIPT> </head> <body onLoad="javascript:fillInitialDestList();"> <center> <form method="POST"> <table bgcolor="#FFFFCC"> <tr> <td bgcolor="#FFFFCC" width="74">Available</td> <td bgcolor="#FFFFCC"> </td> <td bgcolor="#FFFFCC" width="69">Selected</td> </tr> <tr> <td bgcolor="#FFFFCC" width="85"> <select size="6" name="srcList" multiple> <option value="1">Item 1 <option value="2">Item 2 <option value="3">Item 3 <option value="4">Item 4 <option value="5">Item 5 <option value="6">Item 6 </select> </td> <td bgcolor="#FFFFCC" width="74" align="center"> <input type="button" value=" >> " onClick="javascript:addSrcToDestList()"> <br><br> <input type="button" value=" << " onclick="javascript:deleteFromDestList();"> </td> <td bgcolor="#FFFFCC" width="69"> <select size="6" name="destList" multiple> </select> </td> </tr> <tr> <td colspan=3 align="center"> <input type="button" value="Done" onClick = "javascript:addSelectedItemsToParent()"> </td> </tr> </table> </form> </body> </html>  <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! >  </script> </HEAD>  <BODY> <center> <form method=post> <table border=1 bgcolor="#ffffcc"> <tr> <td> <select size=5 name=parentList multiple> </select> </td> </tr> <tr> <td align=center> <input type=button value="Add Item" onclick = "javascript:small_window('modify.html');"> <input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);"> </td> </tr> </table> </form> </center>