[英]Image map not working in greasemonkey script
我創建了lublessmonkey腳本,在其中將橫幅添加到網頁。 首先,我從簡單的圖像開始,並且運行良好。 然后,我想添加一個圖像貼圖以創建工具欄的效果。 頁面加載,腳本執行,在螢火蟲中看起來不錯,但沒有引起點擊。 如果我在圖片上添加onclick,則圖片會獲得點擊。 不是該地區。 任何指導表示贊賞
var input=document.createElement("img");
input.src="http://.../banner_gh.png";
var map = document.createElement("map");
map.name = "barMap";
map.id = "barMap";
var trialArea = document.createElement("area");
trialArea.shape = "rect";
trialArea.coords = "675,0,766,50";
trialArea.href = "https://apps..../.../foo";
trialArea.title = "Start Trial";
trialArea.alt = "Start Trial";
trialArea.onclick = startTrial;
map.appendChild(trialArea);
input.useMap = "#barMap";
// inserting the image in the right place in my page
var container = document.getElementById("overview");
container.parentNode.insertBefore(input,container);
function startTrial()
{
document.location.href = "https://apps..../.../foo";
}
使用Firefox 17和Greasemonkey 1.11,謝謝
似乎您只是忘了將地圖插入頁面。 嘗試添加
container.parentNode.insertBefore(map,container);
希望能幫助到你。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.