點擊5個熱點顯示一條消息

我基本上有一個圖像，其上有5個熱點鏈接。我想要一種能夠在點擊所有五個按鈕後顯示出「完成」按鈕的方式。我看過Stack，但沒有發現任何這樣做。有沒有一個簡單的條件方法來做到這一點？上次我這樣做是閃光燈，這是很容易的，但所有的編碼知識現在是多餘的，我必須重新開始:(點擊5個熱點顯示一條消息

<img src="/park.jpg" width="760" height="500" usemap="#Map" border="0" /> 
    <map name="Map" id="Map"> 
    <area shape="rect" coords="40,39,147,95" href="#" /> 
    <area shape="rect" coords="383,66,534,129" href="#" /> 
    <area shape="rect" coords="71,209,218,276" href="#" /> 
    <area shape="rect" coords="460,224,626,282" href="#" /> 
    <area shape="rect" coords="136,326,511,431" href="#" /> 
    </map>

來源

2017-05-03 John Cooper

你需要javascript/jquery這個。這裏是jQuery的一個小例子。

的Jquery：

function allclicked() { 
    var allclick = true; 

    for (var i=0; i<5; i++){ 
     if(!$("area:eq("+i+")").hasClass("wasclicked")){ 
      allclick = false; 
     } 
    } 
    if (allclick){ 
     if ($("#a-wild-div-appeares").length < 1) 
      $("body").append("<div id='a-wild-div-appeares'>Content of the div</div>"); 
    } 
}; 


    $("area").on("click", function(){ 
     $(this).addClass('wasclicked'); 
     allclicked(); 
    });

來源

2017-05-03 13:57:24 Lycidias

這是偉大的感謝 –

歡迎你，祝你好運！ :-) – Lycidias

有沒有什麼辦法可以讓div標籤出現而不是提示框？我改...... 「警報（‘被點擊的所有區域’）;」 to .. 'if（allclick）{（「

show

」）.show（）;' ，因爲我想獲得一個div來顯示，但我不能得到這個工作 –

您可以使用JavaScript這一點 - 對每個區域的，你可以調用設置一個變量，以表明該地區已被點擊（可能發送一個區域「ID」來區分不同的區域）的功能。這可以通過href attribte在區域內進行，使用javascript:前綴調用已知函數名（有可能值）。

在事件處理程序，你也將測試的所有領域，看看他們是否已被點擊（即已經被點擊了他們的相關變量）如果是這樣 - 顯示成功按鈕。

來源

2017-05-03 13:39:28 DigiFriend

點擊5個熱點顯示一條消息

回答

相關問題