Rails spinoffs - Jun 2006 - radio button in sortable list

I have radio buttons in sortable li. After I select different options and drag
the li, the radion button options reverted to it''s original value. 
This only happens in IE, any ideas?

Thanks in advance for your help.

below is the code

<script type="text/javascript" src="/js/prototype.js"
></script>
<script type="text/javascript" src="/js/scriptaculous.js"
></script>
<style>

.preview{
    width:200px;
    height:20px;
    border:1px dashed #999;
    margin-top:10px;
    padding:0;
}
</style>

<ul id="first">
<li class=preview id=''gift''>
    <input type=radio name=''opt_gift''
value=''show'' checked>Show&nbsp;&nbsp;
    <input type=radio name=''opt_gift''
value=''hide'' >Hide&nbsp;
</li> 
<li class=preview id=''ecard''>
    <input type=radio name=''opt_ecard''
value=''show'' >Show&nbsp;&nbsp;
    <input type=radio name=''opt_ecard''
value=''hide'' checked>Hide&nbsp;

</li> 
<li class=preview id=''pcard''>
    <input type=radio name=''opt_pcard''
value=''show'' checked>Show&nbsp;&nbsp;
    <input type=radio name=''opt_pcard''
value=''hide'' >Hide&nbsp;
</li> 
</ul>
<script>
  
Sortable.create("first",{dropOnEmpty:true,containment:["first"],constraint:false});
</script>



_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

I know IE loses the numbering on ordered lists when li elements are
moved around, and I don''t know if there''s an easy workaround
(I just
manually set the values on the LI elements after each drop).  I imagine
this is somehow related.  I guess I''m just saying you may have to do
your own hack to make it work (as in store the values in some other
javascript data structure, and reset the radio buttons after each drop).
Yay for the bugginess of IE :-)

 

Greg

 

________________________________

From: rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
[mailto:rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org]
On Behalf Of Eric
Chen
Sent: Monday, June 05, 2006 1:52 PM
To: rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
Subject: [Rails-spinoffs] radio button in sortable list

 

I have radio buttons in sortable li. After I select different options
and drag the li, the radion button options reverted to it''s original
value.  This only happens in IE, any ideas?

Thanks in advance for your help.

below is the code

<script type="text/javascript" src="/js/prototype.js"
></script>
<script type="text/javascript" src="/js/scriptaculous.js"
></script>
<style>

.preview{
    width:200px;
    height:20px;
    border:1px dashed #999;
    margin-top:10px;
    padding:0;
}
</style>

<ul id="first">
<li class=preview id=''gift''>
    <input type=radio name=''opt_gift''
value=''show''
checked>Show&nbsp;&nbsp;
    <input type=radio name=''opt_gift''
value=''hide'' >Hide&nbsp;
</li> 
<li class=preview id=''ecard''>
    <input type=radio name=''opt_ecard''
value=''show'' >Show&nbsp;&nbsp;
    <input type=radio name=''opt_ecard''
value=''hide'' checked>Hide&nbsp;

</li> 
<li class=preview id=''pcard''>
    <input type=radio name=''opt_pcard''
value=''show''
checked>Show&nbsp;&nbsp;
    <input type=radio name=''opt_pcard''
value=''hide'' >Hide&nbsp;
</li> 
</ul>
<script>
 
Sortable.create("first",{dropOnEmpty:true,containment:["first"],constrai
nt:false});
</script>



_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs