在asp和c#/ javascript中创建一个帮助按钮

时间:2012-10-15 19:01:50

标签: c# javascript asp.net web-applications

我想在我的应用程序中加入一个帮助按钮。我看到这个帮助按钮的工作方式与Windows应用程序中的相似,例如用户可以单击帮助按钮,然后单击他们想要帮助的组件。

我想在单击帮助按钮后设置全局侦听器,以便下一个onClick会被用户想要帮助的组件触发。我还没有考虑这样做,所以任何建议都会很棒!

此外,我想听听你的方法来解决这个问题。

提前致谢!

1 个答案:

答案 0 :(得分:4)

我假设包含jQuery给出答案,你也可以去寻找纯粹的javascript。

声明一个全局变量 - 让我们说var helpRequested = false;
假设您的网页上提供帮助的元素很少,请假设您将css类<div class="help someothercssclass"> ... </div>应用于所有这些元素,
现在订阅所有这些帮助所需元素的点击事件

$('.help').click(function(event) {
  event.preventDefault();
  if(helpRequested === true) {
    var id = $(this).attr('id');
    //based on id do your stuff... like provide help through popup window

    helpRequested = false; //finally reset
  }    
});

现在订阅帮助按钮<button id="helpbutton">Help</button>的点击事件 像这样

$('#helpbutton').click(function() { 
     helpRequested = !helpRequested ; //toggle the value
});

我想这将完成工作......或者其他什么东西可以开始