Thanks for looking at this for me Alex.  

I've fixed the problem in interface elements.  They overwrote jQuery's fx()
to support their enhancements. Since interface elements hasn't been updated
since Oct '06, their fx() had the same opacity issues that jQuery dealt with
in recent releases.  So, I just merged their changes with the latest jQuery
fx() and everything is cool.  I 'spose I'll go through their code base and
look for any other overwrites that should be updated.  


-----Original Message-----
From: Alex Cook [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, January 11, 2007 3:04 PM
To: jQuery Discussion.
Subject: Re: [jQuery] fadeIn/fadeOut question

Sorry but I have no experience with Interface... it broke when I first 
tried it many moons ago and I've never gone back... I should give it 
another poke... sorry I can't help you here Tony... anyone else? 

-----Original Message-----
From: Antonio Collins [mailto:[EMAIL PROTECTED] On Behalf Of
Tony Collins
Sent: Thursday, January 11, 2007 2:36 PM
To: 'jQuery Discussion.'
Subject: RE: [jQuery] fadeIn/fadeOut question

I found the source of the problem. The interface elements plugin is the
culprit:  http://interface.eyecon.ro/about When its FX functionality is
included, .fadeIn() won't restore an element that has had .fadeOut() applied
under IE7.  (ALEX: When I published the example, I removed that script tag
and that's why the example did not exhibit the problem.)  

+ Based on this behavior, does anyone have quick ideas as to what the bug in
interface elements might be?  
+ Does anyone have experience with Interface Elements?  Should I just dump
it and move to something else?
+ Can anyone suggest an alternative?  The effects I'm interested in are
slide, drop, pulsate, shake, grow, shrink, and puff (which can be seen at
http://interface.eyecon.ro/demos).

Example file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
  <title>fadeIn/Out example</title>
  <script language="javascript" type="text/javascript"
src="jquery.js"></script>
  <script language="javascript" type="text/javascript"
src="interface.js"></script><!-- all FX items from
http://interface.eyecon.ro/download -->
  <script language="javascript" type="text/javascript"> 
        var controller = { } 
        controller.show = function () { 
            var now = (new Date()).toString(); 
            $("#test").html( now ).fadeIn(); 
            window.setTimeout( controller.hide, 4000 ); 
            if (!controller.log) controller.log =
document.getElementById("log"); 
            controller.log.value = now + "\n"+ controller.log.value; 
        } 
        controller.hide = function () { 
            $("#test").fadeOut();   // changing this to .hide() will fix the

problem 
        } 
        
    $(document).ready( function() { 
        window.setInterval( controller.show, 5000 ); 
        } ); 
        </script> 
        <style type="text/css">
HTML, BODY { overflow: hidden;
}
BODY { background-color: black; }
</style>
</head>
<body>
<div id="test" style="background-color:Transparent; color:yellow;
position:absolute; top:100px; left:100px; width:200px; height:200px; border:

solid lime thin; padding:20px; display:none;"> Test </div> <textarea
id="log" style="background-color: Silver; color:Black; position: 
absolute; font-size:8pt; top:100px; left:400px; width:200px; height: 200px;
border: solid white think; padding: 4px;"></textarea> </body> </html> 

-----Original Message-----
From: Antonio Collins [mailto:[EMAIL PROTECTED]
Sent: Wednesday, January 10, 2007 8:05 PM
To: discuss@jquery.com
Subject: Re: [jQuery] fadeIn/fadeOut question

> Hrm, what version of IE7?  The box is working fine for me, and looks 
> exactly the same in FF and IE7...
> 
> -ALEX

Maybe I am going crazy.  It's working fine for me now too!  But I swear the
barebones example WAS NOT working properly.  I guess that's crazy talk...





_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to