<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1543" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Tahoma size=2>Hi,</FONT></DIV>
<DIV><FONT face=Tahoma size=2>strange.. I tested it in IE and with the first
example it was reloading images constantly while dragging.. like it had to
reload on every position of this div.</FONT></DIV>
<DIV><FONT face=Tahoma size=2>Then I changed the code to your fix and now,
while dragging, it's ok but when I stop moving the div, then it reloads images..
but why ?</FONT></DIV>
<DIV><FONT face=Tahoma size=2></FONT> </DIV>
<DIV><FONT face=Tahoma size=2>is there a way to avoid this reloading ? I had
this problem before in one of my app but couldn't solve it for IE</FONT></DIV>
<DIV><FONT face=Tahoma size=2></FONT> </DIV>
<DIV><FONT face=Tahoma size=2>greeitngs,</FONT></DIV>
<DIV><FONT face=Tahoma size=2>Andrzej Rumpfelt</FONT></DIV>
<DIV><FONT face=Tahoma size=2></FONT> </DIV>
<BLOCKQUOTE
style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black"><B>From:</B>
<A title=leon@aciddrop.com href="mailto:leon@aciddrop.com">Leon Chevalier</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>To:</B> <A
title=rails-spinoffs@lists.rubyonrails.org
href="mailto:rails-spinoffs@lists.rubyonrails.org">rails-spinoffs@lists.rubyonrails.org</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Thursday, April 27, 2006 12:12
PM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> [Rails-spinoffs] Prevent IE
background image reloading onscriptaculous drag</DIV>
<DIV><BR></DIV>Hi all,<BR><BR>Just a quick FYI to anyone who may have this
problem, as I was writing a<BR>question and then solved it myself. The
prob:<BR><BR>I have a draggable div that uses a dropshadow as
follows:<BR><BR><script src="<A
href="http://demo.script.aculo.us/scripts/prototype.js">http://demo.script.aculo.us/scripts/prototype.js</A>"<BR>type="text/javascript"></script><BR><script
src="<A
href="http://demo.script.aculo.us/scripts/effects.js">http://demo.script.aculo.us/scripts/effects.js</A>"<BR>type="text/javascript"></script><BR><script
src="<A
href="http://demo.script.aculo.us/scripts/dragdrop.js">http://demo.script.aculo.us/scripts/dragdrop.js</A>"<BR>type="text/javascript"></script><BR><script
src="<A
href="http://demo.script.aculo.us/scripts/controls.js">http://demo.script.aculo.us/scripts/controls.js</A>"<BR>type="text/javascript"></script><BR><style
type="text/css"><BR><!--<BR>#innerDiv
{<BR>cursor:move;<BR>}<BR><BR>.dropShadow
{<BR>padding-right:2px;<BR>background:url(<A
href="http://www.abomb.co.uk/images/bgr_drop_right_trans.gif">http://www.abomb.co.uk/images/bgr_drop_right_trans.gif</A>)<BR>no-repeat
right top;<BR>}<BR><BR>.dropShadowBottom
{<BR>width:100%;<BR>height:2px;<BR>background:url(<A
href="http://www.abomb.co.uk/images/bgr_drop_bottom_trans.gif">http://www.abomb.co.uk/images/bgr_drop_bottom_trans.gif</A>)<BR>no-repeat
left
bottom;<BR>margin-bottom:-2px;<BR>position:relative;<BR>}<BR>--><BR></style><BR><BR><div
id="dragMe" class="dropShadow" style="position: absolute; width:
165px;<BR>left: 28px; top: 28px; z-index: 100;"><BR><div
id="innerDiv"> <BR>Hello drag me about<BR></div><BR><div
class="dropShadowBottom"></div><BR></div><BR><script
type="text/javascript">new
Draggable('dragMe')</script><BR><BR>Everything is great in Firefox, but
in IE the background image re-loads on<BR>drag. Even if you set "Check for
newer version of stored pages" to "Never"<BR>the mouse pointer constantly
shows re-loading. <BR><BR>The workaround is to make sure that the element
which is draggable doesn't<BR>have the background image - set the background
image to a child div instead:<BR><BR><div id="dragMe" style="position:
absolute; width: 165px; left: 28px; top:<BR>28px; z-index:
100;"><BR> <div class="dropShadow"><BR><div id="innerDiv">
<BR>Hello drag me about<BR></div><BR><div
class="dropShadowBottom"></div><BR> </div><BR></div><BR><BR>Hope
this helps
someone.<BR><BR>Leon<BR><BR>_______________________________________________<BR>Rails-spinoffs
mailing list<BR><A
href="mailto:Rails-spinoffs@lists.rubyonrails.org">Rails-spinoffs@lists.rubyonrails.org</A><BR><A
href="http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs">http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs</A></BLOCKQUOTE></BODY></HTML>