使用jquery iframe 動態實現模態視窗

來源:互聯網
上載者:User

需求,單擊某個入口時間後觸發許可權判斷,沒許可權使用者彈出註冊許可權視窗(保持頁面,快顯視窗模態,背景色自訂等)。符合許可權進行跳轉與其他視窗彈出或提示。

<script type="text/javascript">function showCcbregForm(){var strUrl = 'url地址';var strFrame = "<iframe width='800' height='600' frameborder='0' scrolling='no' allowtransparency='true' src='" + strUrl + "'></iframe>";$(strFrame).modal({opacity:80,overlayCss: {backgroundColor:"#000"}});return false;}</script>

如上 通過a標籤的onclick事件觸發JS方法進行動態添加模態效果。

url可通過struts到後台進行邏輯處理(持久層)或者session層級驗證,如登陸與否等操作後跳轉不同頁面(都為模態效果)。

註:如果想讓某一個視窗為非模態,可採取曲線救國的思路,在跳轉後視窗使用window.open();繼續跳轉。

以上,做個記錄。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.