Bug Tracker

Ticket #3223: lb.htm

File lb.htm, 3.6 KB (added by ipr101, 12 years ago)
Line 
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
19function 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
37jQuery(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>