如何在自己的Joomla組件中彈出一個模式(modal)視窗

來源:互聯網
上載者:User

引:http://www.maycode.com/index.php/hotspot/39-joomla-inspect/376-joomla-mootools.html

前面的文章中,曾經提到過在向外延展群組件中如何快顯視窗,但是popupwindow彈出的視窗不是模式的,研究了一下後台介面發文章介面的上傳圖片, 終於搞清楚了,最關鍵的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到底怎麼實現的,第二種方式使一個入門的例子。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.