Here's what I've come up with on the context sensitive help system (thanks
to a few tips from Walter). I'm not crazy about the idea of having to
include the hidden modalWindow on each page that uses the help but I found
it much simpler than doing it all inline (maybe that's just my lacko skill
set
To get around the idea of having the embedded modalWindow in your html,
you could build it and inject it on dom:loaded
document.observe('dom:loaded', function () {
var helpShell = String()
+ div class='help_title'Helpdiv class='help_close'/div/div
+ div id='help'
Inserting has it's merits in that the centering method I used will not work
if you have scrolled way down via the scroll bars so inserting the
modalWindow will keep the help popup near the element from which the help
was invoked... on the flip side, I've had issues with inserting new
elements and
Convey http://www.getconvey.com may fit your needs. It's a hosted web
application which, when integrated in your app, figures out the right Help
topics to show users based on their context. Here's a screenshot:
My reason for using ajax is three fold:
1. To do a real context sensitive help system would require more help
text than would be feasible to integrate for each control, dictionary
definition or decision point on each page.
2. By including just the div we minimize the number of bytes
Has anyone developed an inline help system? Am I barking up the wrong tree
or is there an easier way to do this?
Ideally we could just drop the div in anywhere we wanted, the help icon
would always float to the right of the label/input and when the user
clicked the help icon we'd get a context
This would be pretty easy to do. Prototype gives you lots of tools to make this
possible, the bulk of this effort would probably go into the CSS to style your
tooltips.
On May 30, 2013, at 11:30 AM, Phil Petree wrote:
Has anyone developed an inline help system? Am I barking up the wrong tree
Certainly seems like it should be easy... I guess that's why I was kinda
surprised to not see where anyone else had put one together... certainly
was nothing on scripteka... could add some serious value to some sites.
I'll play around with it on Sunday and see what I can cobble together... of
I think you could make the whole thing pretty simply. Rather than creating a
separate handler (with each()) for each .help element, you could wrap the
entire thing in one on handler, which you would not need to customize per
page or worry about dom:loaded or anything:
document.on('click',
If you want to use tooltips or popovers you could use the PrototypeJS
Twitter BootStrap tooltips or popovers
https://github.com/jwestbrook/bootstrap-prototype
Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com
On Thu, May 30, 2013 at 3:28 PM, Walter Lee Davis wa...@wdstudio.comwrote:
I
10 matches
Mail list logo
