[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>
Hey thanks Daemach. I got this to work for
my purpose. Btw, there was also a + "]"
that was missing from the script you sent. Thanks for getting me started
though.<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 link=blue vlink=blue>
<div>

<o:p></o:p>

From: <a
href="mailto:discuss-bounces@jquery.com" target="_blank">discuss-bounces@jquery.com</a>
[mailto:<a href="mailto:discuss-bounces@jquery.com" target="_blank"> discuss-bounces@jquery.com</a>]
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>
<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" target="_blank">
cf_mecarluen@comcast.net</a>> wrote:<o:p></o:p>

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" target="_blank">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>
</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