1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|
2 | <html dir="ltr" lang="en"> |
---|
3 | <head> |
---|
4 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> |
---|
5 | <meta name="keywords" content="Show / Hide TD, HTML web development web design serverside clientside database XML CSS DHTML JavaScript developer discussion forums Perl PHP ecommerce scripting affiliate domains accessability business matters webdeveloper.com internet.com" /> |
---|
6 | <meta name="description" content="[Archive] Show / Hide TD JavaScript" /> |
---|
7 | |
---|
8 | <title>Show / Hide TD [Archive] - WebDeveloper.com</title> |
---|
9 | <link rel="stylesheet" type="text/css" href="http://www.webdeveloper.com/forum/archive/archive.css" /> |
---|
10 | </head> |
---|
11 | <body> |
---|
12 | |
---|
13 | <script src="/script/jquery-1.2.6.pack.js" type="text/javascript"></script> |
---|
14 | <script src="/script/addproducts.js" type="text/javascript"></script> |
---|
15 | <script src="/script/listbox.js" type="text/javascript"></script> |
---|
16 | |
---|
17 | <script> |
---|
18 | |
---|
19 | function findControlByID(targ) { |
---|
20 | |
---|
21 | re = new RegExp(':' + targ + '$') |
---|
22 | |
---|
23 | for (x = 0; x <document.forms.length; x++) { |
---|
24 | |
---|
25 | for(y = 0; y < document.forms[x].elements.length; y++) { |
---|
26 | |
---|
27 | elm = document.forms[x].elements[y] |
---|
28 | |
---|
29 | if (re.test(elm.name)) {return elm} |
---|
30 | |
---|
31 | } |
---|
32 | |
---|
33 | } |
---|
34 | |
---|
35 | } |
---|
36 | |
---|
37 | jQuery(document).ready(function() { |
---|
38 | |
---|
39 | $('.clickbutton').click(function () { |
---|
40 | |
---|
41 | alert(document.getElementById('bSelect')); |
---|
42 | //$('.aSelect').moveElements($('.bSelect')); |
---|
43 | var left = $('.aSelect').children('option:selected').eq(0); |
---|
44 | $('.bSelect').append(left); |
---|
45 | document.getElementById('bSelect').options[document.getElementById('bSelect').options.length-1].selected = 'true'; |
---|
46 | |
---|
47 | }) |
---|
48 | |
---|
49 | }) |
---|
50 | |
---|
51 | </script> |
---|
52 | |
---|
53 | <form action=""> |
---|
54 | <select name="aSelect" class="aSelect" id="aSelect" multiple="true" size="5" style="width:184px;height:250px;"> |
---|
55 | <option value="opt1">option 1 |
---|
56 | <option value="opt2">option 2 |
---|
57 | <option value="opt3">option 3 |
---|
58 | <option value="opt4">option 4 |
---|
59 | <option value="opt5">option 5 |
---|
60 | <option value="opt6">option 6 |
---|
61 | <option value="opt7">option 7 |
---|
62 | <option value="opt8">option 8 |
---|
63 | <option value="opt9">option 9 |
---|
64 | <option value="opt10">option 10 |
---|
65 | <option value="opt11">option 11 |
---|
66 | <option value="opt12">option 12 |
---|
67 | <option value="opt13">option 13 |
---|
68 | <option value="opt14">option 14 |
---|
69 | <option value="opt15">option 15 |
---|
70 | <option value="opt16">option 16 |
---|
71 | <option value="opt17">option 17 |
---|
72 | <option value="opt18">option 18 |
---|
73 | <option value="opt19">option 19 |
---|
74 | <option value="opt20">option 20 |
---|
75 | <option value="opt21">option 21 |
---|
76 | <option value="opt22">option 22 |
---|
77 | <option value="opt23">option 23 |
---|
78 | <option value="opt24">option 24 |
---|
79 | <option value="opt25">option 25 |
---|
80 | </select><br> |
---|
81 | |
---|
82 | <select name="bSelect" class="bSelect" id="bSelect" multiple="true" size="5" style="width:184px;height:250px;"> |
---|
83 | <option value="opta">option a |
---|
84 | <option value="optb">option b |
---|
85 | <option value="optc">option c |
---|
86 | <option value="optd">option d |
---|
87 | <option value="opte">option e |
---|
88 | <option value="optf">option f |
---|
89 | <option value="optg">option g |
---|
90 | <option value="opth">option h |
---|
91 | <option value="opti">option i |
---|
92 | <option value="optj">option j |
---|
93 | <option value="optk">option k |
---|
94 | <option value="optl">option l |
---|
95 | <option value="optm">option m |
---|
96 | <option value="optn">option n |
---|
97 | <option value="optn">option o |
---|
98 | <option value="opto">option p |
---|
99 | <option value="optp">option q |
---|
100 | <option value="optq">option r |
---|
101 | <option value="optr">option s |
---|
102 | <option value="opts">option t |
---|
103 | <option value="optt">option u |
---|
104 | <option value="optu">option v |
---|
105 | <option value="optv">option w |
---|
106 | <option value="optw">option x |
---|
107 | <option value="optx">option y |
---|
108 | <option value="opty">option z |
---|
109 | </select> |
---|
110 | |
---|
111 | <input type="button" value="test" class="clickbutton"><br><br> |
---|
112 | |
---|
113 | </form> |
---|
114 | </body> |
---|
115 | </html> |
---|