Rails spinoffs - Feb 2006 - slider not working in a table for IE 6

Hello, I''m trying to use the slider inside a table and am having
problems.
I''m wondering if anybody can help or, if it just isn''t
possible for some
reason.  The following 2 entries are the exact same code (1 inside
<div></div> and 1 inside
<table><tr><td></td></tr></table>).  The div
one
works fine but the table one doesn''t work (using IE 6. Firefox is
fine).  I
don''t actually get a script error. the slider just doesn''t
move (and doesn''t
initialize with the ".34" value).  I''d really appreciate some
help.  Thanks.

<table><tr><td>
	<input type="hidden" id="slider_id"
name="slider" value="34"/>
	<div id="track_8499"
style="width:100px;height:16px;background:url(/test/images/slider_bg.gif);">
<img id="handle_8499" style="cursor: move"
src="/test/images/slider_handle.gif"/></div>
	<script language="javascript">
		new
Control.Slider(''handle_8499'',''track_8499'',{
			onChange:function(v){v=v*100;
$(''slider_id'').value=v.toFixed(2);},
			sliderValue:"0.34"});
	</script>
</td></tr></table>

<div>
	<input type="hidden" id="slider_id"
name="slider" value="34"/>
	<div id="track_8499"
style="width:100px;height:16px;background:url(/test/images/slider_bg.gif);">
<img id="handle_8499" style="cursor: move"
src="/test/images/slider_handle.gif"/></div>
	<script language="javascript">
		new
Control.Slider(''handle_8499'',''track_8499'',{
			onChange:function(v){v=v*100;
$(''slider_id'').value=v.toFixed(2);},
			sliderValue:"0.34"});
	</script>
</div>


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

Hello Joe,
 
This infact is a strange IE6 bug.
 
This I think is related to the DOM implementation in IE.
 
Coming to the solution -
 
Just move the script tag outside the table and it will start working.
 
IE6 doesn''t like script tags within table.
 
Hope this helps!
 
Thank you,
Mandy.
 
 

<table>
<tr>
  <td>
  <input type="hidden" id="slider_id"
name="slider" value="34"/>
  <div id="track_8499"
style="width:100px;height:16px;background:url(/test/images/slider_bg.gif);">
    <img id="handle_8499" style="cursor: move"
src="/test/images/slider_handle.gif"/>
  </div>
  </td>
</tr>
</table>

<script language="javascript">
  new
Control.Slider(''handle_8499'',''track_8499'',{
  onChange:function(v){v=v*100;
$(''slider_id'').value=v.toFixed(2);},
  sliderValue:"0.34"});
</script>



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