Joomla实现组件中弹出一个模式(modal)窗口的方法-华尔子博-奥夏网

Joomla实现组件中弹出一个模式(modal)窗口的方法。具体如下：

最关键的JS在 /media/system/js/modal.js 。有以下两种方式都可以实现，修改的都是扩展组件的模板文件default.php.

方式一:

1 2	`<?php JHTML::_('behavior.modal',` `'a.modal');?>` `<a rel="{handler: 'iframe', size: {x: 570, y: 400}}"` `href="/index.php"` `class="modal">view</a>`

就这么简单就可以实现了，其余的东西joomla!全部帮你处理了。高兴吧！

方式二：

<script src="/media/system/js/modal.js"></script>

<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />

<a id="aatest" onclick="f()">view</a>

<script>

function f() {

SqueezeBox.fromElement(null, {handler: 'iframe', size: {x: 570, y: 400}, href:'/index.php'});

};

</script>

一般还是使用第一种好了，如果你要研究modal.js到底怎么实现的，第二种方式使一个入门的例子。

本文刊载的所有内容，包括文字、图片、音频、视频、软件、程序、以及网页版式设计等部门来源于互联网，版权均归原作者所有！本网站提供的内容服务于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
联系信息：邮箱aoxolcom@163.com或见网站底部。

THE END