AJAX Menu from XML

SaravananJ · #1 08-25-2007, 02:34 AM

Hey, anybody tell me how to create a AJAX based menu which reads data from XML

thanks in advance

kingmaker · #2 08-25-2007, 03:01 AM

hi,
i hope it may help you.

make your aspx page like this:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>

<script type="text/javascript">
function call()
{
document.getElementById("show").style.left="5px";
document.getElementById("show").style.top="40px";
document.getElementById("show").style.display="blo ck";
}
function call1()
{
document.getElementById("show").style.display="non e";
}
</script>

</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<table>
<tr>
<td valign="middle" width="76" onmouseover="call()" onmouseout="call1()">
<a href="#">Product</a>
<div runat="server" id="show" style="display: none; position: absolute; border-bottom: solid 1px #dcdcdc;
border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc;">
<%# menu()%>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

in codebehind:
using System.Xml;

public partial class _Default : System.Web.UI.Page
{

protected void Page_Load(object sender, EventArgs e)
{
this.DataBind();
}

protected string menu()
{
try
{
XmlDataDocument xmlDoc = new XmlDataDocument();
xmlDoc.Load(Server.MapPath("ProductList.xml"));
XmlNodeList xlist = xmlDoc.GetElementsByTagName("Product");

string showmenu = "";
showmenu = "<table cellspacing=5 width=150px runat=\"server\" align=\"left\" id=\"check\" style=\"background-color:White\" >";
for (int i = 0; i < xlist.Count; i++)
{

showmenu = showmenu + "<tr id=\"n" + i + "\" onmouseout=\"call3('n" + i + "')\" runai=\"server\" onmouseover=\"call2('n" + i + "')\" align=\"left\" ><td><a style=\"text-decoration:none;font-family: Tahoma;font-size: 11px;color: #7F7F7F;\" href=\"ParticularProduct.aspx?productId=" + xlist[i].ChildNodes[0].InnerText + "\">    " + xlist[i].ChildNodes[1].InnerText + "        & nbsp;       &nb sp;</a></td></tr>";

}

showmenu = showmenu + "</table>";
return showmenu;
}
catch
{
return "";
}
}

}

SaravananJ · #3 08-27-2007, 11:14 PM

Quote:

Originally Posted by kingmaker

hi,
i hope it may help you.

make your aspx page like this:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>

<script type="text/javascript">
function call()
{
document.getElementById("show").style.left="5px";
document.getElementById("show").style.top="40px";
document.getElementById("show").style.display="blo ck";
}
function call1()
{
document.getElementById("show").style.display="non e";
}
</script>

</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<table>
<tr>
<td valign="middle" width="76" onmouseover="call()" onmouseout="call1()">
<a href="#">Product</a>
<div runat="server" id="show" style="display: none; position: absolute; border-bottom: solid 1px #dcdcdc;
border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc;">
<%# menu()%>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

in codebehind:
using System.Xml;

public partial class _Default : System.Web.UI.Page
{

protected void Page_Load(object sender, EventArgs e)
{
this.DataBind();
}

protected string menu()
{
try
{
XmlDataDocument xmlDoc = new XmlDataDocument();
xmlDoc.Load(Server.MapPath("ProductList.xml"));
XmlNodeList xlist = xmlDoc.GetElementsByTagName("Product");

string showmenu = "";
showmenu = "<table cellspacing=5 width=150px runat=\"server\" align=\"left\" id=\"check\" style=\"background-color:White\" >";
for (int i = 0; i < xlist.Count; i++)
{

showmenu = showmenu + "<tr id=\"n" + i + "\" onmouseout=\"call3('n" + i + "')\" runai=\"server\" onmouseover=\"call2('n" + i + "')\" align=\"left\" ><td><a style=\"text-decoration:none;font-family: Tahoma;font-size: 11px;color: #7F7F7F;\" href=\"ParticularProduct.aspx?productId=" + xlist[i].ChildNodes[0].InnerText + "\">    " + xlist[i].ChildNodes[1].InnerText + "        & nbsp;       &nb sp;</a></td></tr>";

}

showmenu = showmenu + "</table>";
return showmenu;
}
catch
{
return "";
}
}

}

Hi Kingmaker,

Can you post me the XML structure for your code.....

Thanks in advance

smani · #4 08-29-2007, 01:56 AM

hi

here is my XML file structure:

<?xml version="1.0" standalone="yes"?>
<ProductDataSet xmlns="http://tempuri.org/ProductDataSet.xsd">
<Product>
<Id>21e2b12e-ebb2-4247-835f-0f8f2765b434</Id>
<Name>test1</Name>
<Description>sdfsdfsdfsfs</Description>
<Created>2007-06-04T12:29:01.357+05:30</Created>
<ProductType>2</ProductType>
</Product>
<Product>
<Id>e4e896b9-02cf-4830-8861-43f98ba622e5</Id>
<Name>test</Name>
<Description />
<Created>2007-06-29T14:45:09.78+05:30</Created>
<ProductType>2</ProductType>
</Product>
<Product>
<Id>bc2895cc-6717-4b75-ab77-d2a2e01fc671</Id>
<Name>Test2</Name>
<Description />
<Created>2007-06-04T18:37:03.857+05:30</Created>
<ProductType>1</ProductType>
</Product>
</ProductDataSet>

Regards
Manivannan.s

SaravananJ · #5 09-03-2007, 11:24 PM

Hi,

Can you tell me, is it possible to create a menu with different background colors?

a.deeban · #6 09-05-2007, 09:50 AM

Hi saravanan,

We can create the menus in different colors, for this you have to use menu control adapter, using the menu control adapter you can override any property.

thnx...

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How to Create Tabbed Menu like PulsePush	aryan_passion2	PHP Programming	1	08-06-2009 12:59 AM
<asp:Menu> Control in Detail?	poornima	ASP and ASP.NET Programming	4	04-29-2008 09:33 PM
How to Populate menu using sitemap and asp .net menu control and c#:	Archer	C# Programming	3	04-29-2008 09:23 PM
how to use ajax in asp.net and how to install ajax in my system	vel.m8	ASP and ASP.NET Programming	5	04-08-2008 07:55 PM
Vertical menu or horizontal menu?	capture	Web Design Help	1	03-12-2007 06:25 PM