Creating client-side dynamic dependent controls , interactive user interface

Posted by igor on Stack Overflow See other posts from Stack Overflow or by igor
Published on 2010-03-14T20:34:39Z Indexed on 2010/03/15 13:09 UTC
Read the original article Hit count: 314

Filed under:

ui

|

JavaScript

|

AJAX

|

dependent-controls

|

interactive-ui

Hello everyone!

I am looking for client-side javascript plugin for jquery(prefered, or maybe other framework) or other javascript framework, that implements dynamic, interactive user interface (fig. 1)

Requirements:

1) user interface shall be dynamic (client-side, javascript).

2) the displaying of the next control shall be dependent on input of previous control(s)

3) the dependency shall be implemented in declarative form (settings, mapping, xml...)

4) this scope of controls shall be supported:

dropdown list - fixed list (static, list of items has fixed scope of items)
edit input (loop-up) - dynamic list, dependent on user input
dropdown list - fixed list (dynamic, list of items dependent on previous input)
static structure controls to display dynamic data.

5) this scope of dependencies shall be implemented:

one-way: one to one
one-way: one to many

6) this scope of dependency actions shall be implemented:

hide (remove) control
show (add) control
show disabled
set default value

7) controls shall be filled in by using ajax requests to the server-side application (json, xml...)

Any thoughts, references, I would appreciate any assistance.

alt text Fig. 1. Interactive user interface

© Stack Overflow or respective owner

Related posts about ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
jQuery UI Dialog Error: b("<div></div>").addClass("ui-widget-overlay") is undefined

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the below code for my a Dialog box for a which contains a dropdown field KPMS.ServiceRequests.Status = { showOptions : function(requestId, userId, requestType) { var url = BASE_URL+'service_requests/status_options/'; $("#dialog-modal").dialog("destroy"); $("#dialog-modal").load(url… >>> More
Overlapping an UI field with another UI field in blackberry

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello Everyone.. I am making an application in blackberry with 4.7 OS. In my project i need to put a labelfield on top of a bitmapfield. I have taken the bitmapfield inside a verticalfieldmanager. I wanted a complete code for this problem. Thanks in advance. >>> More
The type or namespace name 'UI' cannot be found for using System.Web.UI

as seen on Stack Overflow - Search for 'Stack Overflow'
I am following the tut here http://msdn.microsoft.com/en-us/library/h59db326.aspx # Create an App_Code directory directly under the root directory of your Web site (also called Web application root). # Copy the source file for the control (WelcomeLabel.cs or WelcomeLabel.vb) … >>> More
WebCenter 11g UI Examples

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Anyone interested in learning more manipulating the WebCenter UI should definitely stop by John Sim's blog. He has produced an excellent set of UI examples and details around how he achieved them. Definitely stay tuned to see what else John produces! WebCenter UI Customization Examples >>> More

Related posts about JavaScript

CHAT ROOMs 7 by 6

as seen on Stack Overflow - Search for 'Stack Overflow'
I am looking for chatroom on one page with 7 loggedin users and 6+rows for say 42 users.these users will keep on adding wthnew users.Need urgent help.A PRETTY UNUSUAL Q FOR MOST OF U.What is MORE REQ new features: Usernames are unique to users currently chatting You can see a "currently chatting"… >>> More
Integrating JavaScript Unit Tests with Visual Studio

as seen on Stephen Walter - Search for 'Stephen Walter'
Modern ASP.NET web applications take full advantage of client-side JavaScript to provide better interactivity and responsiveness. If you are building an ASP.NET application in the right way, you quickly end up with lots and lots of JavaScript code. When writing server code, you should be writing… >>> More
Has Javascript developed beyond what it was originally designed to do?

as seen on Programmers - Search for 'Programmers'
I've been talking with a friend about the purpose of Javascript, when and how it should be used, etc. He quoted that: JavaScript was designed to add interactivity to HTML pages [...] JavaScript gives HTML designers a programming tool HTML authors are normally not programmers… >>> More
PHP, javascript, single quote problems with IE when passing variable from ajax post to javascript fu

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi! I have been trying to get this to work for a while, and I suspect there's an easy solution that I just can't find. My head feels like jelly and I would really appreciate any help. My main page.php makes a .post() to backend.php and fetches a list of cities which it echoes in the form of: <li… >>> More
Javascript in XSL that is loaded by Javascript

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there anyway to have javascript run when a XSL sheet has been applied to an XML file by Javascript? I am using a JQuery plugin to apply the sheet to the xml but the javascript that is located inside of the XSL file will not run. I put the Javascript at the bottom of the file and it still does… >>> More