经过多次尝试,我得到了一些东西。
它存在这个框架的两个版本。
这里* Tinybox 1 *的代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<link rel="stylesheet" href="http://sandbox.scriptiny.com/tinybox/style.css" />
<script type="text/javascript" src="http://sandbox.scriptiny.com/tinybox/tinybox.js"></script>
<script type="text/javascript">
function tiny(show)
{
TINY.box.show("ajax.html",show,300,150,true,5);
}
</script>
</head>
<body>
<label>Name: </label><input type="text" id="name" onclick="tiny(true)"/>
</body>
<html>
如果变量的值为show
true(或 1),则 tinybox 似乎希望通过 iframe 包含给定文件。我的 IE9、FF21 和 Chrome 浏览器是否可以打开该文件(浏览器抱怨访问验证)。相反,有效的外部 URL 确实有效。
这里是* Tinybox 2 *的代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<link rel="stylesheet" href="http://sandbox.scriptiny.com/tinybox2/style.css" />
<script type="text/javascript" src="http://sandbox.scriptiny.com/tinybox2/tinybox.js"></script>
<script type="text/javascript">
function tiny(show)
{
TINY.box.show({iframe:'ajax.html',width:300,height:150})
}
</script>
</head>
<body>
<label>Name: </label><input type="text" id="name" onclick="tiny(true)"/>
</body>
<html>
这个版本确实工作得很好。