Fading issue...

Question

Hey all... I was just playing around with the spry framework
within a coldfusion app. I replaced some other ajax material with
spry and gave it a shot. It crashed so hard, I cannot even get the
debugger figured out. It seems to crash that too.
Perhaps someone could look over and tell me what I am hosing.
thanks.
<cfquery name="search" datasource="p">
select indexid,[employee id] as employeeid,[first name] as
firstname, [last name] as lastname, email, [work phone] as
workphone, [work phone ext] as workphoneext,[date terminated] as
terminationdate, [termination reason] as terminationreason
from tbl_employees
order by [last name]
</cfquery>
<link href="
http://test.p.org/images/esp.css"
rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.mytext {
width:350px;
height:500px;
left:100px;
overflow: scroll;
-->
</style>
<script language="javascript" type="text/javascript"
src="includes/SpryData.js"></script>
<script language="javascript" type="text/javascript"
src="includes/SpryEffects.js"></script>
<script language="javascript" type="text/javascript">
function fadeIt(ele,url){
Spry.Effect.AppearFade('apDiv1',{ duration: 500, from: 100,
to: 0, finish: function() {
Spry.Utils.updateContent(ele, url, function() {
Spry.Effect.AppearFade('apDiv1',{ duration: 500, from: 0,
to: 100 });
</script>
<style type="text/css">
<!--
##apDiv1 {
position: absolute;
left: 1px;
top: 170px;
width: 585px;
z-index: 1;
-->
</style>
<div id="apDiv1"><p> </p>
</div>
<table border="0">
<tr>
<td> </td>
<td><div class="mytext">
<div align="left"><strong>
<font face="Arial" size="3">Employee
Directory</font></strong><br><br>
<font size="2" face="Arial">To view additional online
employee contact reports.
</font><font face="Arial"><a
href="employeefunctions.cfm?p=search"><font size="2">Click
here</font></a><br>
</font><br>
<table class="classmainfont" >
<tr bgcolor="silver" style="border: thin;
border-color:##CCCCCC" >
<td width="38" bgcolor="white">
<td width="110" ><strong>Last
Name</strong></td>
<td width="110" ><strong>First
Name</strong></td>
</tr><cfset flag=1>
<cfoutput query="search">
<tr><cfif flag eq 1><cfset
colorvalue="##E5E5E5"><cfset
flag=0><cfelse><cfset colorvalue="white"><cfset
flag=1></cfif>
<td BGCOLOR="#COLORVALUE#"><a href="##"
onMouseOver="fadeIt('apDiv1','
http://test.p.org/tests/ch03/data.cfm?x=#search.employeeid#');"
>Profile</a> </td>
<td height="26"
bgcolor="#colorvalue#">#trim(search.LastName)# </td>
<td
bgcolor="#colorvalue#">#trim(search.FirstName)# </td>
</tr>
</cfoutput>
</table>
<cfif search.recordcount eq 0>
<font size="2" face="Arial"> No result for this search
have been found. </font>
</cfif>
</div>
</div></td>
<td> </td>
</tr>
</table>

Answer 1

Thanks for your follow up!!!!
The above code was actually was imbedded within a template
that I reuse throughtout a larger application.
What I did was simply things, and tested it directly, without
the wrapping template.
Nothing happens when I try this. I will send you the link
directly if you wish to play with.
When I test it this time, nothing happens. I will send you
the link
I greatly appreciate you looking at this. I am really excited
about this framework, I just hope I can figure out how to impliment
it.
I look forward to the day that html is expanded to make many
of these tasks simplier. Such as <img src="img.jpg"
effect="fadein" >