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

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


<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();繼續跳轉。



以上,做個記錄。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章