首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Highslide打开html onload

Highslide打开html onload
EN

Stack Overflow用户
提问于 2013-05-07 17:11:27
回答 2查看 2.7K关注 0票数 0

我是个新手,所以要对我温柔点。

我想在加载时打开一个Highslide html窗口。我已经在老的"Highsoft“网站上看到了一个解释,但是不能让它工作。

下面是我的测试文件,没有任何脚本让它在加载时打开:

代码语言:javascript
复制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Open on load - test</title>
<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-       8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
</head>
<body>
<div>
<a href="#" onclick="return hs.htmlExpand(this, { 
        width: 400, creditsPosition: 'bottom left', 
        headingText: 'Stoke Gabriel Boating Association',     wrapperClassName: 'titlebar' } )">Inline HTML</a>
<div class="highslide-maincontent">
    <h3>Next Sailing Event</h3>
    The next sailing event will take place on June 23.
</div>
</div>
</body>
</html>

我需要做什么才能使Highslide窗口在加载时打开,同时保持可点击的链接?

谨致问候

杰弗里

EN

回答 2

Stack Overflow用户

发布于 2013-05-07 19:12:00

首先,您需要使用完整的Highslide脚本,而不是精简的highslide-with-html.js版本。使用highslide-full.js或highslide-full.min.js (完整脚本的压缩版本)。

接下来,您的href需要一个惟一的ID:

代码语言:javascript
复制
<a href="#" id="image1" onclick="return hs.htmlExpand....

ID可以是任何东西,只要它是唯一的。

最后,将以下代码添加到highslide.config.js文件的Highslide配置选项中:

代码语言:javascript
复制
hs.addEventListener(window, "load", function() {
document.getElementById('image1').onclick();
});
hs.addEventListener(document, "ready", function() {
document.getElementById('image1').focus();
});
票数 2
EN

Stack Overflow用户

发布于 2013-05-07 17:22:09

一个不错的方法是在文档准备好时触发一个函数。

代码语言:javascript
复制
if (document.readyState === "complete") { window.open(URL,name,specs,replace) }

额外信息:Javascript - How to detect if document has loaded (IE 7/Firefox 3) http://www.w3schools.com/jsref/prop_doc_readystate.asp http://www.w3schools.com/jsref/met_win_open.asp

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16415327

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档