2011-08-20 61 views
-1

我有一个包含很多内容的页面。如果禁用JavaScript,该页面可能会显示自定义错误消息。该页面不能显示提示消息以外的其他内容。我张贴了一张图片,这与我的意思是错误提示类似。我有一个在我心中的一些图像错误提示..启用Javascript提示

proposed concept

我怎样才能实现这一目标?

+1

你有问题吗? – karim79

+1

是什么问题? –

+0

对不起家伙..更新了问题 –

回答

4

总的想法是,你会把你的信息HTML(没有理由使用的图片,文字会工作得很好)无脚本标签内是这样的:如果你想在无脚本的HTML

<noscript>You must enable Javascript in order to use this site.</noscript>

要隐藏/隐藏整个页面的其余部分,那么您需要确保无论它占用整个页面还是处于顶部。你能做到这一点的东西是这样的:

<noscript> 
    <div id="noscript" style="position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 999; height: 100%; width: 100%; text-align: center; padding-top: 50px;"> 
    You must enable Javascript in order to use this site. 
    </div> 
</noscript> 

这里有一个jsFiddle,显示了如何在无脚本的div作品。小提琴不包括实际的<noscript>标签,因为如果没有JS,小提琴将无法工作,但它会向您展示绝对定位的div如何阻止所有其他内容。在小提琴的HTML区域向下滚动,以查看noscript div HTML(这是我已经复制到此帖子中)。

+0

感谢兄弟.. :) –

4

你的问题是不是真的清楚,但你想要做什么,我认为是:

显示错误消息时,用户尚未启用JS。

如果是这样,你可以添加一个覆盖到你的页面上,并带有白色背景和你的错误信息。

在网页的头部部分,您可以添加(非常非常简单的例子):

<script> 
    // js code to remove the message 
</script> 

如果我不明白你的问题请说出来。

+0

更新了问题 –

+0

你可以创建一个小提琴吗.. –