如何在自定義彈出式加載中加載js/css文件

在我的項目中，我正在顯示一個自定義彈出頁面，如下面的javascript，它有一個用於填充的表單，然後當彈出時需要加載一些js文件加載。如何加載js文件，請幫忙。如何在自定義彈出式加載中加載js/css文件

<html> 
    <head> 
      <script type='text/javascript' src='files/jsfiles/core.js'></script> 
    </head> 
    <body> 
      <!- I need to call javascript function showUsers() from here-> 
      <input type='button' onclick='showUsers();' value='listUsers'> 
    </body> 
</html>

來源

2014-12-22 jones

您的彈出窗口將會像'alert（'Popup message'）'或一個自定義彈出窗口一樣的簡單提醒嗎？ –

沒有這是一個自定義的彈出窗口顯示用戶填寫和提交表單。 – jones

function loadScript(src) { 
    var script = document.createElement("script"); 
    script.async = false; 
    script.src = src; 
    document.head.appendChild(script); 
}; 

function loadStyle(src) { 
    var style = document.createElement("link"); 
    style.rel = "stylesheet"; 
    style.href = src; 
    document.head.appendChild(style); 
}; 

function loadFiles() { 
    var scriptsArray = ['src1url', 'src2url'.., 'scrnurl']; 
    var csssArray = ['src1url', 'src2url'.., 'scrnurl']; 
    for (var i = 0; i < scriptsArray.length; i++) { 
     loadScript(scriptsArray[i]); 
    } 
    for (var i = 0; i < csssArray.length; i++) { 
     loadStyle(csssArray[i]); 
    } 
}; 

function yoursubmitFcn(callback) { 
    // your functionality here; 
    callback(); 
} 
$(document).ready(function() { 
    // do your stuff 
    yoursubmitFcn(loadFiles); 
});

同時檢查：Another short form

來源

2014-12-22 07:07:19

這可能會解決您的問題。 –

但我無法調用位於彈出窗口內的任何JavaScript函數。 – jones

如果您未在iFrame中打開彈出窗口，則可以 –

你可以使用這個庫fancybox

加載jQuery的CDN從

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" 
media="screen" />

HTML

<a href="pop up page" onclick='openmsg_sent();' class="iframe open_pop">Sign in</a>

個

$('.open_pop').fancybox({ 
    }); 

    function openmsg_sent() { 
    jQuery(".open_pop").trigger("click"); 
    }

來源

2014-12-22 07:09:12

爲了更好的和一致的用戶界面，你可以使用它你可以在點擊按鈕固定位置顯示一個div。
我相信警報不會顯示CSS屬性，如果沒有錯。

你可以做的是，點擊按鈕，在JS中，你可以把你的彈出式內容放入最初隱藏的div中，然後單擊顯示出來。

希望這會有所幫助。

來源

2014-12-22 07:15:05

如何在自定義彈出式加載中加載js/css文件

回答

相關問題