相关疑难解决方法(0)

如何使用JavaScript getElementByClass而不是GetElementById?

我正在尝试根据每个DIV的类别切换网站上某些DIV元素的可见性.我正在使用基本的JavaScript代码段来切换它们.问题是该脚本仅使用getElementById,因为getElementByClassJavaScript不支持.不幸的是,我必须使用class而不是id来命名DIV,因为DIV名称是由我的XSLT样式表使用某些类别名称动态生成的.

我知道某些浏览器现在支持getElementByClass,但由于Internet Explorer不支持,我不想走那条路.

我发现脚本使用函数来按类获取元素(例如本页#8:http://www.dustindiaz.com/top-ten-javascript/),但我无法弄清楚如何集成它们与我的切换脚本.

这是HTML代码.DIV本身缺失,因为它们是在使用XML/XSLT加载页面时生成的.

主要问题:如何获取以下Toggle脚本以获取逐个元素而不是按ID获取元素?

<html>

<head>

<!--This is the TOGGLE script-->
<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

</head>

<!--the XML/XSLT page contents will be loaded here, with DIVs named by Class separating dozens of li's-->

<a href="#" onclick="toggle_visibility('class1');">Click here to toggle visibility of class 1 objects</a>

<a href="#" onclick="toggle_visibility('class2');">Click here to …
Run Code Online (Sandbox Code Playgroud)

javascript class getelementbyid toggle getelementsbyclassname

88
推荐指数
3
解决办法
39万
查看次数

生成像StackOverflow这样的"toast"消息

我每次构建Web应用程序时都会想到的一个问题是消息应该如何显示给最终用户

我尝试过像Windows应用程序中的消息框,但它们看起来很糟糕,并且在服务器上发布时会出现问题.我在页面底部的顶部尝试了一个包含很酷标签的更新面板..但我觉得它根本不够好.有时我在使用AJAX时会遇到特定情况的问题,但对用户来说仍然不太好......

我想问一下暂时出现然后消失的StackOverFlow消息,例如在向上或向下投票时以橙色显示的消息.

我想构建这样的消息或重用可以提供这些的DLL.这可行吗?

note :::根据服务器端的具体情况为用户显示消息.

提前致谢.

.net asp.net ajax jquery messagebox

18
推荐指数
3
解决办法
5991
查看次数