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.com>wrote: > 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', '.help', function(evt, elm){ > var tip = elm.down('div'); > new Ajax.Updater(tip, 'path/to/help', { > parameters: {id: elm.id}, > onCreate: function(){ > tip.addClassName('loading'); > }, > onSuccess: function(){ > tip.removeClassName('loading'); > tip.addClassName('tooltip'); > } > }); > }); > > document.on('click', '.tooltip', function(evt, elm){ > evt.stop(); > elm.update().removeClassName('tooltip'); > }); > > That's expecting a structure like this: > > <div class="help" id="widget_1"><div></div></div> > > You could use some other construction if you like, but that would do the > trick. The rest will be creating the CSS for the tooltip, and the Web > service to fill it in. > > If you didn't want to get the Ajax thing going, you could also just put > the tooltip in the help element itself, maybe in a data-attribute. That > depends on how much content there would be. It would be completely > instantaneous. > > Walter > > On May 30, 2013, at 2:24 PM, Phil Petree wrote: > > > I'll play around with it on Sunday and see what I can cobble together... > of course it looks like you did most of the work in 5 minutes and I'll > spend most of the day playing around with it! LOL > > -- > 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. > > > -- 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.
