簡體   English   中英

圖像貼圖在油脂猴子腳本中不起作用

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM