Joomla实现组件中弹出一个模式(modal)窗口的方法
本文实例讲述了Joomla实现组件中弹出一个模式(modal)窗口的方法。分享给大家供大家参考,具体如下:
最关键的JS在/media/system/js/modal.js。有以下两种方式都可以实现,修改的都是扩展组件的模板文件default.php.
方式一:
<?phpJHTML::_('behavior.modal','a.modal');?>
<arel="{handler:'iframe',size:{x:570,y:400}}"href="/index.php"class="modal">view</a>
就这么简单就可以实现了,其余的东西joomla!全部帮你处理了。高兴吧!
方式二:
<scriptsrc="/media/system/js/modal.js"></script>
<linkrel="stylesheet"href="/media/system/css/modal.css"type="text/css"/>
<aid="aatest"onclick="f()">view</a>
<script>
functionf(){
SqueezeBox.fromElement(null,{handler:'iframe',size:{x:570,y:400},href:'/index.php'});
};
</script>
一般还是使用第一种好了,如果你要研究modal.js到底怎么实现的,第二种方式使一个入门的例子。
更多关于joomla相关内容感兴趣的读者可查看本站专题:《Yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《ThinkPHP常用方法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家基于joomla程序设计有所帮助。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下