General-Xenon
پنج شنبه 29 خرداد 1393, 01:30 صبح
کسی میدونه این سایت بالایی یاست ددی جی کالا رو که با asp.net طراحی شده چطوری و با چی داینامیکش کرد؟(البته به این منو ها می گن mega-menu ولی داینامیک کردنش چطوریه؟)
سلام.ساده هست . این نوع منو رو شما باید بصورت اطلاعات درختی(Tree) طراحی کنی . من یک مثال ساده با XML زدم . البته کد جاوا که نشون بده (Mouse Hover و ...) ننوشتم.
البته چون نمایش بصورت همین سایت(digikala)رو مدنظرت بود در 3 سطح نوشتم . با کمی تغییر تو کد میتونی تو در تو طراحی کنی :چشمک:
یک فایل XML برای اتصال به دیتامون و
یک صفحه برای نوشتن کد نیاز داریم .
<?xml version="1.0" encoding="utf-8" ?>
<menu>
<h1>
<header>کامپیوتر</header>
<h2>
<header>سخت افزار</header>
<a text="Hard">http://www.barnamenevis.org/test1</a>
<a text="Mainboard">http://www.barnamenevis.org/test2</a>
</h2>
<h2>
<header>نرم افزار</header>
<a text="Network Monitoring">http://www.barnamenevis.org/test3</a>
<a text="Operation System">http://www.barnamenevis.org/test4</a>
<a text="Game Tools">http://www.barnamenevis.org/test5</a>
<a text="CD/DVD Tools">http://www.barnamenevis.org/test6</a>
</h2>
</h1>
<h1>
<header>موبایل</header>
<h2>
<header>Apple</header>
<a text="1">http://www.barnamenevis.org/test7</a>
<a text="2">http://www.barnamenevis.org/test8</a>
<a text="3">http://www.barnamenevis.org/test9</a>
<a text="4">http://www.barnamenevis.org/test10</a>
</h2>
<h2>
<header>Nokia</header>
<a text="Lumia 1020">http://www.barnamenevis.org/lumia1020</a>
<a text="Lumia 920">http://www.barnamenevis.org/lumia920</a>
<a text="Lumia 820">http://www.barnamenevis.org/lumia820</a>
</h2>
<h2>
<header>Sony</header>
<a text="Xperia X">http://www.barnamenevis.org/lumia1020</a>
<a text="Xperia SP">http://www.barnamenevis.org/lumia920</a>
</h2>
</h1>
</menu>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Xml;
namespace Barnamenevis.DigiKalaMenu
{
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
XmlDataSource xd = new XmlDataSource();
xd.DataFile = "./menu.xml";
xd.DataBind();
XmlDocument x = xd.GetXmlDocument();
string _data = "<ul class=\"main\">";
foreach (XmlNode i in x.SelectNodes("menu/h1"))
{
_data += "\n<li>" + i.SelectNodes("header")[0].InnerText + "\n<ul class=\"main\">";
foreach (XmlNode j in i.SelectNodes("h2"))
{
_data += "\n<li>" + j.SelectNodes("header")[0].InnerText + "<div>";
foreach (XmlNode k in j.SelectNodes("a"))
{
_data += "\n<a href=\"" + k.InnerText + "\">" +
k.Attributes[0].InnerText + "</a>";
}
_data += "</div></li>";
}
_data += "</ul></li>";
}
string _CSS = "<style>body{direction:rtl;} .main{list-style:none;} .main > li{display:inline-block; float:right; border:1px solid #EEE; padding:15px;} a {display:block; padding:3px;}</style>";
Literal ltr = new Literal() { ID = "ltrResult", Text = _data + "</ul>" + _CSS };
this.Controls.Add(ltr);
}
}
}
120304