2011-10-21 33 views
-2

我很難編寫一些JavaScript,它將循環訪問.js文件數組。JavaScript上一個和下一個按鈕循環訪問.js文件數組

我有一些JavaScript小部件保存在.js文件中。 我希望能夠點擊「下一個」或「上一個」按鈕來遍歷這些.js文件的數組,並讓這些小部件被調用並顯示在我的HTML頁面上。如果這將是更好的解決方案,它們可以顯示在iFrame中。

我會繼續研究,直到一個善良的靈魂幫助。預先感謝一堆!

我曾嘗試:

<script> 
function onWindowLoad(){ 
    document.getElementById('js_type').innerHTML = ****.settings.type; 


var widget_arr = [1column.js,2column.js,1row.js,modal.js]; //etc..etc.. 
var currentWidget = 0; 
theBtn.onRelease = function(){ 
currentWidget++; 
if(currentWidget == widget_arr.length){ 
    currentWidget=0; 
} 
var selectedWidget = widget_arr[currentWidget]; 
//now you have a variable pointing to the next widget.. 
//what you do with it is up to you.. add the code you need.. 
} 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
// Use the following variable to specify 
// the number of widgets 
var NumberOfWidgets = 4 

var widget = new Array(NumberOfWidgets) 

// Use the following variables to specify the widget names: 
widget[0] = "1column.js" 
widget[1] = "2column.js" 
widget[2] = "1row.js" 
widget[3] = "modal.js" 

var widgetNumber = 0 

function NextWidget() 
{ 
widgetNumber++ 
if (widgetNumber == NumberOfWidgets) 
    widgetNumber = 0 
document.widgets["VCRWidget"].src = widget[widgetNumber] 
} 

function PreviousWidget() 
{ 
widgetNumber-- 
if (widgetNumber < 0) 
    widgetNumber = NumberOfWidgets - 1 
document.widgets["VCRWidget"].src = widget[widgetNumber] 

<IMG SRC="modal.js" NAME="VCRWidget"> 

} 
//--> 
</SCRIPT> 

代碼爲一個和下一個按鈕:

<A HREF="javascript:PreviousWidget()"> 
<IMG SRC="prev.png" BORDER=0></A> 
<A HREF="javascript:NextWidget()"> 
<IMG SRC="next.png" BORDER=0></A> 
+0

你是什麼意思「循環通過一個.js文件數組」?你在加載這些文件的內容嗎?只是提供這些文件的鏈接?做一些突出每個文件的能力? – Sinetheta

+0

將這些文件(它們是小部件)的內容加載到HTML頁面上,如果需要的話,在iframe中加載。本質上,我希望能夠導航到該網站,讓數組中的第一個小部件加載到頁面上,然後當我點擊下一個按鈕時,它會將下一個widget.js文件加載到頁面上,等等...... –

+0

請花一些時間閱讀[常見問題]。 – zzzzBov

回答

0

一個想法可以使用事實甚至一個靜態頁面可以在url中有參數。例如,您可以:

  1. 創建將在任何JS打開包括需要(如jQuery的)
  2. 添加到這個頁面發出的Widget JS文件名會創建一個js函數的HTML頁面加載小部件創建代碼的<script>標籤。
  3. 提取的js文件的名稱用來調用(2)從document.location.href通過?在您的主頁
  4. 後看字符串的一部分使用,例如創建dinamically的iframe功能contdiv.innerHTML = "<iframe src=\"widgetpage.html?" + widgetname + ".js\"></iframe>";

使用此方法,小部件將顯示在單獨的html頁面中,而不會干擾您的主頁面。

相關問題