How to create a small widget with JavaScript

Question

I really don't know how to describe it, but if you understood it and you have an experiend on that field, may be you can help me with something 'Open Source' and 'Ready-made'.

I want to create something like a box 'or widget', where you can change it content by hitting some buttons on the upper of the box. (Hey the box is on a web page and this should uses Ajax and Javascript).

I have tried some ready scritps, but I found them limited and they drive me crazy, JS frameworks also don't seems to offer such solution. Any body have any idea on that field?

Answer 1

Have you tried Jquery?

Visit www.jquery.com

Some example can be found at http://www.openjs.com/scripts/events/keyboard_shortcuts/

Also please check the In-place editing example at http://www.appelsiini.net/projects/jeditable http://docs.jquery.com/Tutorials:Edit_in_Place_with_Ajax

Answer 2

Just because the box is on a Web page doesn't mean it should use AJAX, Omar. Have you thought about using a third-party solution like ClearSpring or WidgetBox? If you need to put your widget onto Myspace, you'll want one of these.

That said, I've taken a couple of JavaScript-only runs at this problem; see Twitterati and Put Your Digg In A Box for examples, and my Global Widget Summit presentation for explanations.