图标图像没有被javascript代码挑选

时间:2011-11-28 06:14:57

标签: javascript image maven websphere

环境:

RAD 7.5,WebSphere 6.1

使用Maven构建应用程序。

MyApp - > src --->主要--->资源

                   --->  webapp

webapp文件夹还包含JSP文件夹,images文件夹,jscript文件夹,WEB-INF等。 在我的图像文件夹中有一个图标文件夹,其中包含所有图标,如search_result.png

我在jscript文件夹中的someJavascript.js中的javascript代码如下:

for (var p = 0; p < tabLists.length; p++) { 
    var anchor = tabLists[p].firstChild; 
    var iconFile;

if(tabLists[p].firstChild.innerHTML == "Search Result")
   {
    iconFile = '../images/icons/search.PNG'; 

   }

else if(tabLists[p].firstChild.innerHTML == "Core Details")
{
    iconFile = '../images/icons/details.png';
 }

anchor.style.backgroundImage = 'url(' + iconFile + ')'; 
anchor.style.backgroundRepeat = 'no-repeat';        
anchor.style.backgroundPosition = '1px 2px';        
anchor.className = 'toplevel-tab';
} 

但是,图像未显示。

我错过了什么?

感谢您阅读!!

1 个答案:

答案 0 :(得分:0)

您正在将iconFile变量应用为背景图片,该图片需要一个网址。但是您正在指定文件路径。您可以通过将引用从“../ images / icons / ...”更改为“/ images / icons / ...”(例如:iconFile = '/images/icons/search.PNG';)轻松地将这些转换为网址。