2011-10-21 38 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页面中,而不会干扰您的主页面。

相关问题