Javascript 如何从内部重新打开暗箱
我与shadowbox有一个非常简单的链接,如下所示: index.html:Javascript 如何从内部重新打开暗箱,javascript,jquery,resize,shadowbox,Javascript,Jquery,Resize,Shadowbox,我与shadowbox有一个非常简单的链接,如下所示: index.html: <a href='test.html' rel='shadowbox;width=400;height:300'>Go to Test</a> <input type="button" value="Resize this page" onClick="ResizeSB(600, 200)" /> <script> function ResizeSB(wid
<a href='test.html' rel='shadowbox;width=400;height:300'>Go to Test</a>
<input type="button" value="Resize this page" onClick="ResizeSB(600, 200)" />
<script>
function ResizeSB(widthVal, heightVal) {
// CODE TO RESIZE
}
</script>
我该怎么做呢?你不会把它放在一个rel属性中。。。 正确的HTML标记应为:
<a href='test.html' class='shadowbox' data-width='400' data-height:'300'>Go to Test</a>
或者更好,如果您将宽度和高度参数存储在一个类中,比如说.shadowbox\u modif
类
<a href='test.html' class='shadowbox'>Go to Test</a>
注意:将onclick处理程序放在Javascript中不太显眼,如下所示:
document.getElementsByTagName('input')[0].onclick = ResizeSB(400, 300);
注2:启动JS函数名时,通常使用小写字母(大写字母保留用于“类”函数)
function ResizeSB(widthVal, heightVal) {
var link = document.getElementsByTagName('a')[0]; // or any other identifier
link.className += ' shadowbox_modif';
}
document.getElementsByTagName('input')[0].onclick = ResizeSB(400, 300);