[jQuery] jquery inside a loop... need suggestions to improvecode

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName"/>

<style>

</style>
</head>
<body lang=EN-US link=blue vlink=blue>
<div class=Section1>
Thanks Daemach. Looking at the scripts, I’m
trying to find your references to the class tooltip on the img tag within the
loop. Should it have one?<o:p></o:p>
<o:p> </o:p>
$("img.tooltip").hide();<o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<div style='border:none;border-left:solid blue 1.5pt;padding:0in 0in 0in 4.0pt'>
<div>
<div class=MsoNormal align=center style='text-align:center'>
<hr size=2 width="100%" align=center tabindex=-1>
</div>
From:
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Daemach
Sent: Friday, March 16, 2007 11:46
AM
To: <st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>
Subject: Re: [jQuery] jquery
inside a loop... need suggestions to improvecode<o:p></o:p>
</div>
<o:p> </o:p>
Try this:
<cfoutput query="myQuery">
<a class="tooltip" id="aid_#myQuery.id#"
href="somepage.cfm?to=#myquery.id#">#myQuery.text#</a>
<img id="imgid_#myQuery.id#"
src="/thumbnails/#myQuery.image#" />
</cfloop>
<script type="text/javascript">
 $(document).ready(function(){
 $("img.tooltip").hide();


$("a.tooltip").each(function(){

$(this).hover(function(){

$("img[@id=imgid_" + this.id.split("_")[1]).show();
 },function(){

$("img[@id=imgid_" + this.id.split ("_")[1]).hide();
 });
 })
 });
</script><o:p></o:p>
<div>
On 3/16/07, Michael
E. Carluen <<a href="mailto:cf_mecarluen@comcast.net">
cf_mecarluen@comcast.net</a>> wrote:<o:p></o:p>
<div link=blue vlink=purple>
<div>

Hello
(CF) jQuerians,<o:p></o:p>

<o:p></o:p>

I
currently have a working code but I would really like to improve and make it
more efficient. Your suggestions will be great.<o:p></o:p>

Right
now, I have a jquery script inside a loop (cfloop). The jquery is a just simple
tooltip-like functionality, that shows and hides a thumbnail image on a text
description hover. The image is loaded from a cfquery id variable assigned into
a div id. What I'd like is to remove the jquery script outside of the
cfloop, so it does not redundantly iterate when the page runs. The simplified
code is as follows:<o:p></o:p>

<o:p></o:p>

<a id="aid#myQuery.id#"
href="somepage.cfm?to=#myquery.id#">#myQuery.text#</a><o:p></o:p>

<o:p></o:p>

$("##imgid#myQuery.id#").hide();
<o:p></o:p>

$(function(){
<o:p></o:p>

$("##aid#myQuery.id#").hover(function(){ <o:p></o:p>

$("##imgid#myQuery.id#").show(); <o:p></o:p>

},function(){ <o:p></o:p>

$("##imgid#myQuery.id#").hide(); <o:p></o:p>

}); <o:p></o:p>

});<o:p></o:p>

</script><o:p></o:p>

</cfloop><o:p></o:p>

<o:p></o:p>

If
the answer seems too obvious for you, then I must say that its been a long week
for me… I just need a brain boost from someone…. J<o:p></o:p>

<o:p></o:p>

Thank
you very much in advance, for your suggestions.<o:p></o:p>

<o:p></o:p>

Michael<o:p></o:p>

<o:p></o:p>

</div>
</div>

_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank">http://jquery.com/discuss/</a><o:p></o:p>
</div>
<o:p> </o:p>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Topic Participants
cf_mecarluen

[jQuery] jquery inside a loop... need suggestions to improvecode

[jQuery] jquery inside a loop... need suggestions to improvecode

Topic Participants

cf_mecarluen