0

我在一个正在进行的网站上有几个链接,这些链接将显示我所谓的“一次性”信息——比如关于项目和联系表格等的东西,我真的不想让用户重新加载页面。

最初我认为我想将这些显示为模式(或无模式)窗口,从而停止额外的页面加载并保持我的职责,即尝试在页面的一次加载中提供尽可能多的内容。

但是,我的 JS 知识为零,所以我在尝试实现模态窗口系统时惨遭失败。问题 1 -是否有任何替代模式对话框更适合我没有想到的? 我在想唯一的其他选择是一个 CSS 弹出窗口,它在没有 JS 的情况下也会做同样的事情。

我想我可能不得不辞职来单独加载页面,所以另一种情况是我有一个带有音乐播放器和其他数据的侧栏。理想情况下,我不希望用户单击链接并重新加载音乐播放器(即,当用户导航到此一次性信息时它会继续播放),1)由于用户停止和启动音乐的体验,以及 2 ) 所以多次重启不会影响播放次数。想到那个...

问题 2 -有什么我可以使用的方式与以前的 HTML 框架设置相同的方式是不狡猾的,还是我必须接受播放器的重新加载?

4

2 回答 2

1

模态弹出是最佳实践。我不建议为联系表格采用任何其他技术。HTML <form>如果您不喜欢复杂性,有一种直接的技术可以使用它。一个简单的示例代码HTML form

<div id == "errorresponse"></div>
<form name = "myform" action = "action.php" method = "post" onSubmit = "validate()">
<input type = "text" name = "firstname"/>
<input type = "text" name = "email"/>
<input type = "submit" name = "submit" value = "Click Here to Submit"/>
</form>
于 2012-09-11T10:15:09.407 回答
1

您可以使用展开和折叠方法来显示您不同的链接信息。这会更容易,并且不需要重新加载页面。

模态弹出窗口也是一个不错的选择,但点击次数会增加。

您可以在下面的链接中找到这两种类型的演示。

websemantics.co.uk/resources/accessible_css3_modal_pop-ups/

于 2012-09-11T10:46:29.433 回答