时间:2021-05-26
本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《Yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《ThinkPHP常用方法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家基于joomla程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
bootstrap框架提供了很多好用的javascript组件,可以很方便的实现常用的js效果,比如点击弹出一个div(modal)、下拉菜单、旋转木马(car
本文实例讲述了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法。分享给大家供大家参考,具体如下:一、先描述下可以实现什么:下拉框一改变,弹出框出现,选
本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考,具体如下:有些时间,按需求设计,一个窗口中,点击按扭,弹出模式窗
JDialog窗体是Swing组件中的对话框,它继承了AWT组件中java.awt.Dialog类。JDialog窗体的功能是从一个窗体中弹出另一个窗体,就像是
弹出模态框modal的实现方法及实例一个简单的点击列表修改按钮,弹出bootstrap模态框,修改状态传到后台php修改@endforeach×请修