滚动条框与ok按钮html和javascript的条款和条件

时间:2010-11-02 04:44:13

标签: javascript html

我需要在滚动框中添加条款和条件按钮。只有在用户向下滚动滚动框以确保用户完全阅读条款和条件后,才会启用该按钮。

使用html,javascript,div,可以使用php

谢谢

2 个答案:

答案 0 :(得分:0)

尝试将其视为步骤。

您可能应该单独试用它们以学习机制。

  1. 具有固定高度的div,其内容为(overflow: auto
  2. 用户向下滚动div
  3. javascript检测到用户已到达div的末尾并激活按钮
  4. 从简单的CSS开始,将内容放入DIV并使用固定高度+ overflow: auto

    然后查看此not to complicated solution以获取DIV的底部。这假设你将使用jQuery并使用这个简单的行Math.abs(inner.offset().top) + elem.height() + elem.offset().top >= inner.outerHeight()来获得你在DIV上的相对位置。

    希望它有所帮助。

    你可能应该将问题分成更加关注你可能遇到的问题的子问题,因为你尝试来开发它。

答案 1 :(得分:0)

强迫某人阅读条款和条件可能会被视为有点令人讨厌。大多数网站只是要求您选中一个将责任放在用户手中的方框。 为什么不使用复选框系统?您可以拥有包含条款和条件的页面以及一个复选框。如果用户同意通过选中该框来阅读T& C,则会出现一个按钮1,将其带到您选择的页面。 如果用户没有选中该框,则总会看到一个按钮2,可以将它们带到别处(可能是主页)。

请参阅http://www.ozzu.com/website-design-forum/code-help-hide-button-until-checkbox-checked-t34513.html

代码会是这样的:

<form action="termsconditions.ext">

<input type="checkbox" onclick="this.form.go.style.visibility=this.checked ?  'visible' : 'hidden';" />

<input type="button" id= "go" value="continue" style="visibility:hidden" onclick="document.location.href='enter site page';">//button appears after box is checked

<input type="button" value="no thanks" onclick="document.location.href='dont agree page';">//button always visible for user who does not check box

</form>