Solved

Tabed pages...

Posted on 2012-04-06
4
219 Views
Last Modified: 2012-04-07
I am hoping to build a page with a 3-tabed form-like on it. Is this possible?
------------------------------------------------------------------------------------------------------------------
|                                      ________    _______   ______                                  |
|                                    /     A       \/ __B__ \/__C___ \                                 |<-- web page
|                                   |                                          |                              |
|                                   |                                          |                              |
|                                   |               ________               |                             |
|                                   |  Name:  [_Allen__]            |                            |
|                                   |                                          |                              |
|                                   |                                          |                              |
|                                   |                                          |                              |
|                                     -------------------------------------------                               |
|                                        ^--- 3-tabbed form                                          |
|                                     (tabs named A, B, and C)                                  |
|                                                                                                               |
------------------------------------------------------------------------------------------------------------------

Controls on Tab A: text field "Name" and a Button "Save"
Controls on Tab B: text field "Phone" and Button "Save"
Controls on Tab B: text field "Address" and Button "Submit"

Functionalities desired at this point:

User can click on the tabs A, B, or C to see its controls (or optionally by clicking on some hyperlings like:

Go to Tab A
Go to Tab B
Go to Tab C

These links and the buttons not shown in the figure above.

No other functionalities expected before we could stablish something like this could be done.

Thank you
0
Comment
Question by:Mike Eghtebas
  • 2
4 Comments
 
LVL 2

Expert Comment

by:jackDOTisenberg
ID: 37817849
What languages are you trying to use? Also, by page, do you mean a web page?


If it is a web page, and you are using ASP.NET, you can use AJAX to make a tabbed page control.

Here is a sample of what can be done. The code can be expanded below the article.

ASP.NET AJAX Control Toolkit: Tabs Demonstration

Hope this answers your question.
0
 
LVL 33

Author Comment

by:Mike Eghtebas
ID: 37817918
I will be using jsp. The links is very good.

I know a bit java and some jsp. But no java script yet. I suppose I have to learn Ajax on top of it.

Would you add your rating to the items below (1 least easy, 10 most difficult).

Java desktop/ applet: 8 (what your rating?)
jsp & related topics: 3 (what your rating?)
Ajax: ? (what your rating?)
JavaScript ? (what your rating?)
0
 
LVL 2

Expert Comment

by:jackDOTisenberg
ID: 37818083
The difficulty of the language really shouldn't be your deciding factor. What is the overall purpose of this site (if you don't mind me asking)?

If you have options, you should really choose the language the language that not only suits you, but also suits the needs of the project and your client.


If I had to rate them, i would say:
Java desktop/ applet: 7 (only because I've never worked with it and I never liked Java too much)
jsp & related topics: 7 (only because I've never worked with it and I never liked Java too much)
Ajax: 4 (I don't know too much, but I know that I can work with it if I have to, and there is a ton of info on it.)
JavaScript 2 (I've worked with JS throughout college quite a bit, easy and straightforward)

All of these languages are pretty well know on the internet, so referencing the knowledge to do what you want is relatively easy. Personally, I would go with Ajax, ASP.NET, and JavaScript because of getting to work with Visual Studio (which is an amazing IDE).
0
 
LVL 7

Accepted Solution

by:
designatedinitializer earned 500 total points
ID: 37818155
Forget about all that.
Here's what you need:

http://jqueryui.com/demos/tabs/
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
align Linkedin sign to the right page 5 35
Input box width 6 26
Increase the size of the modal in Bootstrap 5 25
Connection to multiple databases 13 19
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question