Joomla实现组件中弹出一个模式(modal)窗口的方法


Posted in PHP onMay 04, 2016

本文实例讲述了Joomla实现组件中弹出一个模式(modal)窗口的方法。分享给大家供大家参考,具体如下:

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

方式一:

<?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到底怎么实现的,第二种方式使一个入门的例子。

希望本文所述对大家基于joomla程序设计有所帮助。

PHP 相关文章推荐
深入解析PHP的引用计数机制
Jun 14 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
Jun 20 PHP
php获取url参数方法总结
Nov 13 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
Mar 09 PHP
php实现背景图上添加圆形logo图标的方法
Nov 17 PHP
thinkPHP5 tablib标签库自定义方法详解
May 10 PHP
php命名空间设计思想、用法与缺点分析
Jul 17 PHP
phpfpm的作用和用法
Oct 10 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
Oct 11 PHP
浅谈laravel数据库查询返回的数据形式
Oct 21 PHP
laravel 实现根据字段不同值做不同查询
Oct 23 PHP
php操作redis命令及代码实例大全
Nov 19 PHP
joomla组件开发入门教程
May 04 #PHP
Yii2前后台分离及migrate使用(七)
May 04 #PHP
微信公众平台DEMO(PHP)
May 04 #PHP
PHP实现的限制IP投票程序IP来源分析
May 04 #PHP
php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证
May 04 #PHP
PHP实现获取并生成数据库字典的方法
May 04 #PHP
PHP创建/删除/复制文件夹、文件
May 03 #PHP
You might like
博士208HAF收音机实习报告
2021/03/02 无线电
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
php数据库抽象层 PDO
2011/05/07 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
php实现分页工具类分享
2014/01/09 PHP
PHP入门经历和学习过程分享
2014/04/11 PHP
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
php插件Xajax使用方法详解
2017/08/31 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
jQuery操作input值的各种方法总结
2013/11/21 Javascript
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
浅谈python可视化包Bokeh
2018/02/07 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
python3 求约数的实例
2019/12/05 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
网上开店必备创业计划书
2014/01/26 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年终工作总结范本
2014/12/15 职场文书
农业项目投资意向书
2015/05/09 职场文书
2015年治庸问责工作总结
2015/07/27 职场文书
导游词之无锡梅园
2019/11/28 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python