2010-10-08 66 views
0

我已经在javascript中使用div标记创建了一个选项卡。我在每个选项卡上都有asp.net按钮。每当我点击按钮的焦点设置为第一个选项卡。如何在JavaScript中关注div标记

我在页面加载事件中使用以下代码。

HtmlGenericControl content_1 = new HtmlGenericControl("content_1"); 
HtmlGenericControl content_2 = new HtmlGenericControl("content_2"); 
HtmlGenericControl content_3 = new HtmlGenericControl("content_3"); 
HtmlGenericControl content_4 = new HtmlGenericControl("content_4"); 
HtmlGenericControl content_5 = new HtmlGenericControl("content_5"); 

HtmlGenericControl selectedPage = new HtmlGenericControl(pageName); 
content_1.Style["display"] = "none"; 
content_2.Style["display"] = "none"; 
content_3.Style["display"] = "none"; 
content_4.Style["display"] = "none"; 
content_5.Style["display"] = "none"; 

selectedPage.Style["display"] = "block"; 
selectedPage.Attributes.CssStyle.Add("class", "active"); 
+0

编辑和使用编辑器1010这将使得代码更易读。 – zod 2010-10-08 04:11:04

+0

见..高级buddys可以编辑代码..不错 – zod 2010-10-08 04:15:04

回答

1

每个div都会有唯一的ID。

单击div选项卡时,您将获得div的id。

使用css风格将class active添加到该div。

将不活跃的类添加到其他div。

当您单击另一个div从这个删除活动类,并添加类cliked一个

+1

这是什么,伪代码?来吧,显示代码。 (尽可能简单)。不要懒惰。 :) – RPM1984 2010-10-08 04:19:55

+0

让他做点什么。我现在很想睡:) – zod 2010-10-08 04:21:06

+2

@RPM不要懒惰?这就是所谓的最棘手的问题。尽管在英语部门缺乏Zod的答案应该足够。 – 2010-10-08 07:03:47