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 sensitive help solution.
I was thinking of something that could be built off a div like this:
prototype:
document.observe("dom:loaded", function() {
$$('div.help').each(function(item) {
item.observe('onclick', function() {
// get items id
// use ajax call to get help info from server
// populate div
// apply pop-up class
// set handler to process dismiss click () {
// delete context help
// restore help class
};
});
});
});
html:
<div class='help' id='topic'></div>
css:
.help {?}
.popup-help {?}
.icon-help {background: #fff url(images/icons/help_32x32.png) top left
no-repeat;}
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
