ansaurus

Question

jQuery tooltips on a dynamically generated page.

Answer 1

+1 A:

I have not enough information to solve the problem, but these tips might help you already:

The link to your simpletip script seems absolute: -> is the www/public intended?
Your page does not validate against a W3C HTML validator - which can cause trouble with DOM manipulation
Your javascript throws errors (are you using prototype and jquery together? Be careful)
You should use Firebug or Opera Dragonfly to see more details.

Try making the page as small as possible (remove redundant stuff) and get it working there. Then upload (to a test directory first ;))

Konerak 2010-04-28 12:41:37

Answer 2

+1 A:

The script simpletip.js is linked incorrectly. It's returning the 404 error page.

<script type="text/javascript" src="www/public/javascript/frontend/simpletip.js"></script>

Your page throws several javascript errors when it loads. I got this from the console in firebug.

syntax error
[Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n
simpletip.js (line 4)

container.getElementsByClassName is not a function
[Break on this error] $A(container.getElementsByClassName('productOptionsMenu')).each(
gzip.p...8031024 (line 4441)

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://media1.juggledesign.com/portfolio/js/jquery.js :: anonymous :: line 22" data: no]
[Break on this error] (no source for )

$("searchField").addClassName is not a function
[Break on this error] $('searchField').addClassName('quickSearch');
gzip.p...8031024 (line 4928)

I'm not sure if cleaning this up will fix the problem, but at least it's a start.

digitaldreamer 2010-04-28 12:47:26

This is not surprising, I've encountered many errors using this system..

Kyle Sevenoaks 2010-04-28 13:25:41

Answer 3

+4 A:

I believe you can call jQuery(".tooltip-target").ezpz_tooltip(); every time you add a new item (assuming they will have the tooltip-target class), but I'm not sure this is completely right.

Another way to achieve what you want is using a plugin like livequery. With the plugin you'll just need something like:

jQuery(".tooltip-target").livequery(function(){
   j(this).ezpz_tooltip();
})

j. 2010-04-28 13:05:07

Thanks for the resource :)

Kyle Sevenoaks 2010-04-28 13:56:54

ansaurus

tags:

views:

answers:

jQuery tooltips on a dynamically generated page.

related questions