Solved

Menu Design using XML, DOM PARSER(Java),Jsp

Posted on 2006-11-24
3
491 Views
Last Modified: 2013-11-23
SUBJECT

                I want to display a menu in jsp from xml document using DomParser. that DomParser Code should be written in java we can handle the event using javascript.for desig we can use HTML & CSS .

                 i know to get a data from xml using dom parser and also i displayed a value into the jsp page, but i can't able to from display the data like a menu.

                can you help me for that

if you know the answer send me to my mail id (selvaraj.ravikumar@cognizant.com or ravikumar.sun.java@gmail.com)
 
My XML File Content is like This,
 

<?xml version="1.0" encoding="UTF-8"?>
<application name="mtm">
            <menuDefinition role="admin">
                        <menu>
                              <menuId>0</menuId>
                              <name>File</name>
                        </menu>
                              <menu>
                                    <menuId>1</menuId>
                              <parentId>0</parentId>
                                    <name>open</name>
                              </menu>
      <menu>
                                    <menuId>2</menuId>
                              <parentId>0</parentId>
                                    <name>save</name>
                              </menu>
                        <menu>
                              <menuId>1</menuId>
                              <name>Edit</name>
                        </menu>
                        <menu>
<menuId>1</menuId>
                                    <parentId>1</parentId>
                        <name>Cut</name>
      </menu>
      <menu>
                                    <menuId>2</menuId>
                                    <parentId>1</parentId>
                                     <name>Copy</name>
       </menu>
                  </menuDefinition>

</application>


i want the output Jsp page like

                                              File  >
                                              Edil  >


If we pressing the File Menu Know it should be display like,
 
                                              File  >
                                                   New
                                                   Open
                                              Edil  >

If we pressing the Edit Menu Know it should be display like,

                                              File  >
                                              Edil  >
                                                  Cut
                                                  Copy


If we pressing the Edit Menu – SubMenu Copy Know it should be display like,

                                              File  >
                                              Edil  >
                                                  Cut
                                                  Copy >
                                                            ClipBoard
 

with regards
ravi(cts pvt ltd-india)
selvaraj.ravikumar@cognizant.com
9884599329
 
0
Comment
Question by:srinivasdumpala
3 Comments
 
LVL 9

Accepted Solution

by:
matthew016 earned 500 total points
ID: 18085714
U will need HTML, CSS and Javascript.

use ID's in CSS for each menu, then u hide/show the submenu's via Javascript code if u detect a click on a menu.


document.getElementById("someElementIdHere").style.display='';                // to reset the display status (to show)
document.getElementById("someElementIdHere").style.display='hidden';      //(to hide)


<table style="display:hidden" />    (<-- the submenu's are hidden by default)
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Introduction This article is the last of three articles that explain why and how the Experts Exchange QA Team does test automation for our web site. This article covers our test design approach and then goes through a simple test case example, how …
In this post we will learn different types of Android Layout and some basics of an Android App.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

685 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