I'm building a web-app with quite a few complex features, and I'm trying to implement a way to help users as they learn to use it.
I'm thinking about having helper messages attached to certain html elements, which describe their function. These would appear by default. When a user clicks on a message, it would disappear and never be shown again.
I will need a helper_message model in the database to store the data, with a user having many helper_messages. Then when a helper message is clicked on the page, use ajax to set the removed field on the helper_message to true. On page load, only load the helper messages that haven't been 'removed'.
As this seems like it might be a somewhat common system to implement, are there any Ruby on Rails gems/jQuery plugins/tutorials that cover similar ground to this?
Thanks for reading.
Ruby on Rails gems are libraries which allow any developer to add new functionalities without writing code - they're like plugins, and they're available for almost every function you could name, from payment processing tools to authentication.
The jquery-rails gem contains the jQuery files. Install the gem with cd tutorialapp bundle install. To include the jQuery files in our application, we will require a few files on app/assets/javascripts/application. js . We'll also remove rails-ujs since we're using jquery_ujs for the same purpose.
A Rails plugin is either an extension or a modification of the core framework. Plugins provide: A way for developers to share bleeding-edge ideas without hurting the stable code base. A segmented architecture so that units of code can be fixed or updated on their own release schedule.
Cool idea and i must say i've played with the thoughts of using little tooltips to explain certain elements on some of my webapps to but never got to it. So i did some research when i had the idea and i found this niftly little Jquery script called Website tour. And for nice and clear / styleable flash[:notice] / flash[:error] messages i created a ruby on rails plugin with a colleage based on the gritter script. You can find it here. And here is a link to a nice scaleable tooltip called Poshy tip. Id love to see you're webapp when you are done with it / you implemented the tour/tooltip elements!.
I hope these scripts can help you reach you're goal/inspired you.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With