JQuery, Cufon, and Dynamic Content
Yesterday I mentioned a new tool called Cufon that allows you to easily embed fonts in your web site.
One quirk about this tool is that your HTML has to be rendered prior to applying, or refreshing, the font. If you are using any kind of AJAXy stuff in your site, you’ll need to re-apply the font change. The trick is knowing when to do this.
Of course, the easy way would be to do this as part of your AJAX call. Render the HTML then call the Cufon code. But what if you can’t do it then?
In my case, I wanted to load multiple “panels” at startup using the AJAX calls without having them tied to Cufon specifically. That is, I want my jQuery code to work as more of a plugin, but I want it to render according to the site’s rules.
So I needed some way of detecting that the panels had been loaded. Since they had a specific class in them that did not exist on the rest of the page, all I had to do was look for that class. If it is there, replace the font. If it isn’t, then wait some more and try again.
The code for this actually ends up being pretty simple.
I’m using replace instead of refresh because replace has never been executed for this tag set.
$(document).ready(function() { var replaceh3 = function() { var gotinside = false $('.xyzSlideShowSub').each(function(i) { gotinside = true; if (i < 1) { Cufon.replace('.xyzSlideShowSub h3', { fontWeight: 'bold' }); } }) if (!gotinside) setTimeout(replaceh3, 1000); } replaceh3(); });
Other post in jQuery
- jQuery - The Man, The Myth, The Legend - October 8th, 2008
- Getting started with jQuery and ASP.NET - October 15th, 2008
- jQuery - Explaining Last Week's Code - October 21st, 2008
- Friday Books - "Learning jQuery" - October 24th, 2008
- jQuery Simple Selectors - October 28th, 2008
- Friday Books - "jQuery in Action" - October 31st, 2008
- jQuery Selectors - Looks just like CSS - November 6th, 2008
- VS2008 SP1 Hotfix to Support "-vsdoc.js" IntelliSense Doc Files - November 11th, 2008
- jQuery Looks like XPath - November 12th, 2008
- jQuery - class manipulation - November 19th, 2008
- jQuery - Events - December 2nd, 2008
- Host jQuery at Google (with Intellisense support) - December 10th, 2008
- jQuery - Calling Your Own Functions - December 16th, 2008
- Friday Books - jQuery Reference Guide - December 19th, 2008
- jQuery - Creating Plug-ins - December 23rd, 2008
- jQuery - Loading Partial Content - December 30th, 2008
- jQuery - Positioning Elements - January 6th, 2009
- AjaxToolKit TabControl Disabled Tab - January 12th, 2009
- jQuery, JSON, and ASP.NET - January 15th, 2009
- Review of the MDC at NYC - January 21st, 2009
- jQuery - Retrieving HTML Fragments - January 22nd, 2009
- jQuery GUI - Drag - February 3rd, 2009
- jQuery - Drop - February 12th, 2009
- jQuery UI - Resizable w/ ASP.NET Themes - February 18th, 2009
- jQuery, bgiframe and IE6 z-order hacks - February 19th, 2009
- jQuery - Sliders (scrollbars to the rest of us) - March 4th, 2009
- jQuery - Using Slider as a Scrollbar - March 12th, 2009
- jQuery - Auto Scrolling the Slider - March 23rd, 2009
- Live Presentation of jQuery - March 23rd, 2009
- Just a Week Away! - April 7th, 2009
- jQuery Tabs - April 9th, 2009
- jQuery Demos From Last Tuesday’s Presentation - April 16th, 2009
- jQuery – Accordion - May 6th, 2009
- CustomValidationControl and jQuery - May 11th, 2009
- Mixing ASP.NET, jQuery and JSON - May 12th, 2009
- jQuery Progressbar - May 20th, 2009
- jQuery – Dialog - June 2nd, 2009
- jQuery – Modal Dialog - June 9th, 2009
- Does jQuery Make Us Lazy? - June 18th, 2009
- jQuery Dialog – With Validation Controls - June 25th, 2009
- jQuery – Date Picker - July 2nd, 2009
- jQuery Splitter - July 21st, 2009
- jQuery Expand/Collapse Using Head Tags - October 15th, 2009
- Do you Need My Help? - November 18th, 2009
- Flash to jQuery - November 30th, 2009
- JQuery, Cufon, and Dynamic Content - December 1st, 2009
- jQuery, Each() and Async Gets - December 2nd, 2009
- jQuery and ASP.NET UpdatePanel - January 6th, 2010
- jQuery 1.4 Released - January 15th, 2010
Other Related Items:
Ultraman Original (1966 Version) Ultra Hero Series #1 - 2009 Refresh (New Sculpt)A figure refresh and exciting new blister packaging offer a new perspective on your favorite Ultraman action figure. Information contained on the package highlights Ultraman's special attributes, including the shape and detailing of his footprints.
Manhattan MMX Wireless Optical Mobile Mini Mouse 176811"27 MHz technology offers wireless freedom with effective range up to 1.5 m (5 ft.)Auto power management and detachable cable help maintain batter... Read More >










[...] to jQuery and JQuery, CuFon, and Dynamic Content (Dave M. [...]