javascript动态菜单

Posted on 2006-05-30 17:25 晴天阅读(637) 评论(0) 收藏举报

<%@ Import Namespace="System.Data" %>

<%@ Page language="c#" Codebehind="Index2.aspx.cs" AutoEventWireup="false" Inherits="RongDa.Index2" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>LeftMenu</title>

UNKNOWN { BACKGROUND-COLOR: lime }

</style>

<!--

var currentMenu = null;

function MainMenu()

{

//菜單ID

this.ID = "MainMenu1";

//菜單項

this.Items = new Array();

//父控件

this.Parent = document.body;

//菜單寬

this.Width = 200;

//菜單樣式

this.className = "";

//初使化

MainMenu_Initialization(this);

//顯示

this.Render = MainMenu_Render;

}

function MainMenu_Initialization(sender)

{

}

function MainMenu_Render()

{

sender = this;

var table = document.createElement("table");

table.cellPadding=3;

table.cellSpacing=0;

table.rules="none";

table.bordercolordark="#0066ff";

table.borderColor = "#ebebeb";

table.width = sender.Width;

table.id = sender.ID + "_menuTable";

table.border = 1;

table.bgcolor="#0066ff";

table.className = sender.className;

CreateMenuItems(sender,table);

sender.Parent.appendChild(table);

}

function CreateMenuItems(sender,table)

{

for(var i=0; i<sender.Items.length; i++)

{

var row = table.insertRow(table.rows.length);

var cell0 = row.insertCell(0);

var imgCtrl = document.createElement("img");

imgCtrl.src = sender.Items[i][2];

cell0.appendChild(imgCtrl);

var cell1 = row.insertCell(1);

var ACtrl = document.createElement("a");

ACtrl.href = sender.Items[i][1];

ACtrl.innerHTML = sender.Items[i][0];

cell1.appendChild(ACtrl);

var cell2 = row.insertCell(2);

var items = sender.Items[i][3];

if(items.length>0)

{

var img1 = document.createElement("img");

img1.src = "image/017.gif";

img1.onclick = ShowItemMenu;

img1.style.cursor = "hand";

img1.table = table;

img1.sender = sender;

img1.item = i;

cell2.appendChild(img1);

}

else

{

cell2.innerHTML = "";

}

row.onmouseover = function()

{

this.style.backgroundColor = "Blue";

//this.bgColor = "red";

}

row.onmouseout = function()

{

this.style.backgroundColor = "#FFFFFF";

//this.bgColor = "#FFFFFF";

}

function ItemMenu()

{

//菜單項

this.Items = new Array();

//父控件

this.Parent = document.body;

//菜單寬

this.Width = 200;

//菜單樣式

this.className = "";

//上級Table

this.parentTable = null;

//顯示

this.Render = ItemMenu_Render;

}

function ItemMenu_Render()

{

var sender = this;

var table = document.createElement("table");

table.cellPadding=3;

table.cellSpacing=0;

table.rules="none";

table.bordercolordark="#006699";

table.borderColor = "#ebebeb";

table.border = 1;

table.style.position = "absolute";

table.style.left = window.event.x-1;

table.style.top = event.y+1;

table.sender = sender;

CreateMenuItems(sender,table);

sender.Parent.appendChild(table);

table.onmouseover = function()

{

this.sender.parentTable.style.display = "block";

this.style.display = "block";

}

table.onmouseout = function()

{

this.style.display = "none";

}

function ShowItemMenu()

{

var sender = this.sender;

var item = this.item;

var items = sender.Items[item][3];

var table = this.table;

var itemMenu = new ItemMenu();

itemMenu.Items = items;

itemMenu.parentTable = table;

itemMenu.Render();

}

//-->

</script>

</HEAD>

<!--

window.onload = function()

{

var menu = new MainMenu();

int i=0;

while(reader.Read())

{

string PKID = reader["PKID"].ToString();

WriteJavascript(PKID,i,"Items");

Response.Write("menu.Items["+ (i++) +"] =new Array('" + reader["name"] + "','" + reader["Link"] + "','img',Items" + (i-1)+");" + "\n");

}

menu.Width = 200;

menu.className = "MainMenu";

//menu.Parent = document.all("Menu1");

menu.Render();

}

//-->

</script>

</FONT><FONT face="宋体"></FONT>

</form>

</body>

</HTML>

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace RongDa

{

/// <summary>

/// Index2 的摘要说明。

/// </summary>

public class Index2 : System.Web.UI.Page

{

protected IDataReader reader;

protected DBEntry.DBInterface entry = new DBEntry.OleDb.Helper();

private void Page_Load(object sender, System.EventArgs e)

{

BindPage();

}

private void BindPage()

{

string cmdText = "Select * from SysMenu where ParentPkid=0";

reader = entry.GetReader(cmdText);

if(entry.LastError!=null)

Response.Write(entry.LastError);

}

protected void WriteJavascript(string PKID,int i,string parentName)

{

string curmenu = parentName + i.ToString();

string cmdText = "Select * from SysMenu where ParentPkid=" + PKID;

DBEntry.DBInterface entry1 = new DBEntry.OleDb.Helper();

IDataReader rdr = entry1.GetReader(cmdText);

if(entry1.LastError!=null)

{

Response.Write("alert('" + entry1.LastError + "');");

}

Response.Write(" var "+curmenu +" = new Array();\n");

int j=0;

if(rdr!=null)

{

while(rdr.Read())

{

string subPKID = rdr["PKID"].ToString();

WriteJavascript(subPKID,j,curmenu);

Response.Write(curmenu + "["+ (j++) + "] = new Array('" + rdr["name"] + "','" + rdr["Link"] + "','img'," + curmenu + (j-1).ToString() + ");" + "\n");

}

Web 窗体设计器生成的代码

}

刷新页面返回顶部

qingtianyzl

javascript动态菜单