Javascript createHelpie Help Please

[BeachsidePaul]

I have looked throughout the smugmugBlack theme and Black Arts theme CSS and can only find a couple of references to the "helpie" formatting and they don't match what is appearing on my mouseover keyword display. What are the format classes or ID's being used to select the font, style, size, background color and frame of the pop-ups that appear? Thanks, Paul

[BeachsidePaul]

just a little ^bump^ Thanks

[denisegoldberg]

...and can only find a couple of references to the "helpie" formatting and they don't match what is appearing on my mouseover keyword display. What are the format classes or ID's being used to select the font, style, size, background color and frame of the pop-ups that appear?
I don't have any idea what you are looking for based on your question. Can you be more specific about what you are trying to change?

If you are looking for classes/IDs, have you tried using the Firefox Web Developer extension (linked to from this tutorial - http://dgrin.smugmug.com/gallery/1354921)? I can usually find what I'm looking for by using either Information... Display Element Information, or Information... Display Id & Class Details.

--- Denise

[BeachsidePaul]

Thanks Denise, I'll try to be a bit more clear. Looking at my keywords, for example, on mouse hover we see the number of photos available using that keyword. This info is displayed in a little floating box which is apparently being created by the javascript function createHelpie. Unfortunately, the little floating box disappears on mouseout event so there is no way to grab the CSS info for it, nor does this info appear as any of the "children" to the keyword. I found CSS for "floating helpie" in the smugmugBlack CSS but it doesn't appear to be the same CSS which is being used by this keyword floating helpie box. Nor does the class or ID for the floating box appear in the generated HTML code for the division (or I'm damned if I can find it) anyway, I am looking for the ID or class used for these little floating helpie boxes. Thanks, Paul

[jfriend]

Thanks Denise, I'll try to be a bit more clear. Looking at my keywords, for example, on mouse hover we see the number of photos available using that keyword. This info is displayed in a little floating box which is apparently being created by the javascript function createHelpie. Unfortunately, the little floating box disappears on mouseout event so there is no way to grab the CSS info for it, nor does this info appear as any of the "children" to the keyword. I found CSS for "floating helpie" in the smugmugBlack CSS but it doesn't appear to be the same CSS which is being used by this keyword floating helpie box. Nor does the class or ID for the floating box appear in the generated HTML code for the division (or I'm damned if I can find it) anyway, I am looking for the ID or class used for these little floating helpie boxes. Thanks, Paul

It is a tricky little devil to diagnose. I was unable to find it with Firebug for the exact same reason you said, it disappears when you move your mouse to try to look at it.

Anyway, I looked at the createHelpie javascript function and was able to figure out that it's an object with an id="helper" and there can be a title inside <h3 class="notopmargin title"> and body text that is just in the helper object.

So, this will address the title:

#helper h3.title {color:red;}

And this will address the other text (which I can't find any examples of, but the code supports):

#helper {color:blue;} or possibly #helper {color:blue !important;}

[BeachsidePaul]

My goodness John, you are a bit like me I think, "if it's there I'm going to figure out how to make it mine even if it's fine just like it is!" This can be a good thing sometimes but sometimes leads down the path of sleepless nights of frustration. Do you have an inside track with the Dgrin team? I looked for the Javascript and couldn't find it anywhere, even went and looked at the google UI docs. Anyway, you've uncovered the secret that I could not and for that I am sitting singing loudly the praises of John (yet another reason you should be glad you live 3000 miles to my left LOL) ... Let me play with it and if there are problems or discoveries, I'll be back in touch I'm sure. Thanks for your help on this (again), Paul

EDIT: worked like a charm, text now centered, small caps and lighter! You are great, thanks again.

[jfriend]

My goodness John, you are a bit like me I think, "if it's there I'm going to figure out how to make it mine even if it's fine just like it is!" This can be a good thing sometimes but sometimes leads down the path of sleepless nights of frustration. Do you have an inside track with the Dgrin team? I looked for the Javascript and couldn't find it anywhere, even went and looked at the google UI docs. Anyway, you've uncovered the secret that I could not and for that I am sitting singing loudly the praises of John (yet another reason you should be glad you live 3000 miles to my left LOL) ... Let me play with it and if there are problems or discoveries, I'll be back in touch I'm sure. Thanks for your help on this (again), Paul

EDIT: worked like a charm, text now centered, small caps and lighter! You are great, thanks again. Glad you got it the way you want it. I have no particular inside track with dgrin or access to anything special. Smugmug's javascript code is all in your actual pages. Because I regularly need to look at it to figure out how things work, I have grabbed a snapshot of it to my hard drive, reformatted it so it's readable (ran it through a program that uncompressed it and re-indents it) and now I can search it anytime I need to.