圖標圖像中的JavaScript代碼

RAD 7.5中，WebSphere 6.1

構建使用Maven的應用程序。

MyApp的 - > SRC --->主--->資源

    ---> webapp

WebApp文件夾還具有JSP文件夾，圖像文件夾，文件夾的JScript，WEB-INF，等等，等等在我的圖片文件夾中有一個圖標，所有的圖標文件夾中一樣在JScript文件夾someJavascript.js search_result.png

我的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'; 
}

但是，圖像未顯示。

我在想什麼？

感謝您的閱讀！

來源

2011-11-28 Nik

首先，請嘗試直接在您的瀏覽器中點擊網址。 http：//server/images/icons/search.PNG等。查看服務器日誌以查看實際請求的文件路徑。 – dbreaux

如果圖像沒有加載，你可以做的絕對最好的事情是找出實際被請求的路徑。有兩件事會讓你失望。

1.）Apache訪問日誌。

2.）Tail for Win32。這個程序是一個實時日誌監視器。我高度建議使用文本顏色選項（設置[菜單] - >關鍵字）以突出示例和基於WRITE的MySQL查詢（DELETE，INSERT和UPDATE）中的HTTP 404錯誤。請注意，關鍵字在您應用它們之後應用，然後觸發它（程序不會返回以突出顯示之前已執行的行）。有時我也注意到日誌略微延遲上升到不到10秒，儘管通常每隔1到3秒更新一次。

這當然假設你正在運行一個Windows副本，它基於UNIX -f命令或某個東西（請參見他們的主頁），所以很有可能你可以找到一個非Windows應用程序來執行此操作你沒有使用基於Windows的操作系統。

當您在訪問日誌（apache/logs/access.log路徑中）發現404錯誤時，將404 REQUEST的FULL路徑與ACTUAL路徑的完整路徑進行比較，然後您將擁有關於你需要解決的問題（例如，太多../）的大量線索。

我也強烈建議使用XHTML基本元素並將其設置爲您網站的基本索引，然後設置var path ='';以匹配它。使用服務器端語言（例如PHP）來確定正確的路徑，並且您可以使用完全相同的軟件副本輕鬆地獲得在您的localhost和example.com（活動域）上無障礙運行的EXACT相同副本。

所有這些都是我如何運行和維護我的個人網站（鏈接在我的個人資料中）。我會盡力澄清你需要的任何東西。

來源

2011-11-28 16:05:49 John

您正在應用iconFile變量作爲背景圖像，它需要一個url。但是你正在指定文件路徑。您可以通過將參考文獻從「../ images/icons/...」更改爲「/ images/icons/...」（例如：iconFile = '/images/icons/search.PNG';），將這些內容輕鬆轉換爲網址。

來源

2011-11-28 06:19:25

對不起..但它用/ images代替../images後仍然不起作用 – Nik

圖標圖像中的JavaScript代碼

回答

相關問題