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 相关文章推荐
一个高ai的分页函数和一个url函数
Oct 09 PHP
最简单的PHP程序--记数器
Oct 09 PHP
谈谈PHP的输入输出流
Feb 14 PHP
phpmyadmin MySQL 加密配置方法
Jul 05 PHP
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
Mar 23 PHP
PHP 图片水印类代码
Aug 27 PHP
PHP根据IP判断地区名信息的示例代码
Mar 03 PHP
详解PHP数据压缩、加解密(pack, unpack)
Dec 17 PHP
PHP实现的观察者模式实例
Jun 21 PHP
利用Homestead快速运行一个Laravel项目的方法详解
Nov 14 PHP
PHP多维数组排序array详解
Nov 21 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
Feb 11 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
PHP服务器页面间跳转实现方法
2012/08/02 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
PHP获取指定月份第一天和最后一天的方法
2015/07/18 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
asp.net和php的区别点总结
2019/10/10 PHP
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
模仿jQuery each函数的链式调用
2009/07/22 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
2017/07/02 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
python正则实现提取电话功能
2018/02/24 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
茶叶店创业计划书范文
2014/01/19 职场文书
小露珠教学反思
2014/04/30 职场文书
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技