Hi Thanks,
Here is a mockup.
It is not nice.
I just wanted to show you the problem
<html>
<head>
<style type="text/css">
select {width:30%;
float:left}
.select {width:500px;
float:left}
fieldset input {
clear:left;
margin:5px 0;
text-align:center;
width:100%;
}
fieldset {
border:0 none;
height:100px;
padding:75px 5px 5px;
width:3%;
}
.select {
border:0 none;
display:block;
float:left;
margin-bottom:10px;
padding:0;
text-align:center;
width:100%;
}
</style>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.add').click(function(){
var left = $('#select1');
var leftOpts = left.find('option:selected');
var right = $('#select2');
right.append(leftOpts);
});
});
</script>
</head>
<body>
<div>
<fieldset class="select">
<select id="select1" name="select1" size=12
multiple="multiple" class="s">
<option>aaaaaaaa</option>
<option>bbbbbbbbb</option>
<option>ccccccccc</option>
<option>ddddddddd</option>
<option>eeeeeeeee</option>
</select>
<fieldset>
<input type="button" class="add" value=">" />
<input type="button" class="remove" value="<" /
>
</fieldset>
<select id="select2" name="select2" size=12
multiple="multiple" class="s">
</select>
</fieldset>
</div>
</body>
</html>
select options from the first select and press the right button.
in ie7 it will shrink.
Thanks,
David
On Jan 15, 11:03 am, "[email protected]" <[email protected]> wrote:
> Do you have an example of what it's doing so we can get a better idea
> of what you mean?
>
> On Jan 15, 2:48 am, david <[email protected]> wrote:
>
> > I see it is a problem in ie7:
> > It is a regression in
> > it.http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread...
>
> > Even then, is it possible to make something that append should work
> > cross browser ?
>
> > On Jan 15, 10:44 am, david <[email protected]> wrote:
>
> > > I see that i am not the only person who had this problem
> > > This post was sent two months ago with two additional persons who had
> > > the
> > > problem.http://groups.google.com/group/jquery-en/browse_thread/thread/92a792d...
>
> > > Can someone please help and explain the problem?
>
> > > On Jan 14, 7:26 pm, david <[email protected]> wrote:
>
> > > > Hi all,
>
> > > > I have written a control of 2 select boxes with buttons where i can
> > > > move options from left to right and vice versa.
> > > > In ie7 when i make the action of moving from left to right, the select
> > > > boxes shrink suddenly. I narrowed the problem to theappendfunction
> > > > here is the code from right to left:
> > > > var left = $(this).parent().parent().find('#select_left');
> > > > var right = $(this).parent().parent().find('#select_right');
> > > > var rightOpts = $(this).parent().parent().find('#select_right
> > > > option');
> > > > left.append(rightOpts);
>
> > > > The problem just appears when i define thewidthof the select boxes
> > > > in % not in pixels.
>
> > > > Thanks in advance,
> > > > David
