[jQuery] jQuery plugin for whatever:hover (csshover.htc).
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" 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)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:Arial;
color:windowtext;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Hey guys.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Has anyone attempted to rewrite csshover.htc (<a
href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a>)
using jQuery? <o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>I’m using csshover.htc in our clinical portal for a
CSS menu similar to one off of Position is Everything (<a
href="http://www.positioniseverything.net/css-dropdowns.html">http://www.positioniseverything.net/css-dropdowns.html</a>).
I’ve modified the CSS slightly to include arrows on anchor tags that
contain submenus. Unfortunately our menu’s larger than that of the sample
at 101 items with 21 submenus. Hovering between menu items in a submenu that
contains around 14 items (it’s a list of departments within a “Reporting”
tab) shows a noticeable delay.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>I’ve tweaked csshover.htc to use do/while’s
rather than for’s and added a few other optimizations. It typically takes
around 150ms per page for csshover.htc to process now rather than the original
270-300. It just occurred to me that jQuery’s selectors may in fact be
faster than the recursive process Nederlof uses. Plus, a plugin could give the
option to apply the new hover abilities to a specific group of elements rather
than the entire page.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Back to the original question, has anyone given this a shot?
<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Thanks,<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 face=Verdana><span style='font-size:10.0pt;
font-family:Verdana'>Matthew Hartman</span></font><o:p></o:p>
<p class=MsoNormal><font size=1 face=Verdana><span style='font-size:8.0pt;
font-family:Verdana'>Programmer/Analyst</span></font><font size=1><span
style='font-size:8.0pt'><o:p></o:p></span></font>
<p class=MsoNormal><font size=1 face=Verdana><span style='font-size:8.0pt;
font-family:Verdana'>Information Management, ICP</span></font><font size=1><span
style='font-size:8.0pt'><o:p></o:p></span></font>
<p class=MsoNormal><font size=1 face=Verdana><span style='font-size:8.0pt;
font-family:Verdana'>Kingston General Hospital</span></font><font size=1><span
style='font-size:8.0pt'><o:p></o:p></span></font>
<p class=MsoNormal><font size=1 face=Verdana><span style='font-size:8.0pt;
font-family:Verdana'>(613) 549-6666 x4294 </span></font><font
size=1><span style='font-size:8.0pt'><o:p></o:p></span></font>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/