如何添加一個工具提示（基於條件）在JavaScript中的圖像？

我在一個PHP文件中找到了一行，它根據支持行是否可用來更改實際圖像，但它沒有工具提示，可能會造成混淆。有人可以幫忙嗎？如何添加一個工具提示（基於條件）在JavaScript中的圖像？

這是工作線：

<div id="ciFeSX" style="z-index:100;position:absolute"></div>  
<div id="scFeSX" style="display:inline"></div><div id="sdFeSX" style="display:none"> 
</div> 

<script type="text/javascript"> 
    var seFeSX=document.createElement("script"); 
    seFeSX.type="text/javascript"; 
    var seFeSXs= 
      (location.protocol.indexOf("https")==0?"https":"http")+"://image.mysupport.com/js/support/safe-standard.js?ps_h=FeSX&ps_t="+new Date().getTime()+"&online-image={$images_url}livechat_online.png&offline-image={$images_url}livechat_offline.png&ID={$store_id}"; 

setTimeout("seFeSX.src=seFeSXs; 
document.getElementById('sdFeSX').appendChild(seFeSX)",1) 
</script> 

<noscript> 
<div style="padding:9px;"> 
<a target="_blank" style="color:#fff; font-size:20px;"href="http://www.providesupport.com?messenger=propersupport"></a> 
</div> 
</noscript>

我試圖修改此：

&online-image={$images_url}livechat_online.png

與

&online-image={$images_url}livechat_online.png+image.setAttribute("alt","Live Chat is current ONLINE")

，然後做同樣爲脫機狀態，但破壞了代碼。

我還在學習，所以請原諒我的無知。

來源

2013-09-28 user2826193

將title屬性設置爲你想要顯示的字符串 –

PHP在哪裏？ – brasofilo

您將無法將其添加到URL字符串中並使其正常工作。您需要在腳本標記之間添加額外的JavaScript。

你可以考慮做的是使用變量$ images_url。顯然，根據離線/在線狀態，即是變化的變量。你沒有包含足夠的代碼讓我們知道如何，因爲我沒有看到該變量被設置或操縱。

另一件事 - 爲了顯示toolip，你需要改變「title」屬性，而不是Alt。但是，您需要使用選擇器來選擇正確的圖像。這是一種方法，通過選擇圖像的ID。

document.getElementById('sdFeSX').setAttribute("title","Live Chat is currently ONLINE");

好像是由內

<div id='sdFeSX'></div>

產生一個JavaScript因此，爲了顯示標題標籤有調用圖像的腳本，您需要更改該分區的屬性。

當然，你將需要在JavaScript中的某種「if/else」語句。沿

if($images_url == 'something'){ 
document.getElementById('sdFeSX').setAttribute("title","Live Chat is currently ONLINE"); 
}

這樣東西線，如果變量$ images_url設置爲在線的形象，你的腳本將激活標題標籤。只要記住將JavaScript放在腳本標記中！如果您願意，可以將其添加到腳本的末尾。

來源

2013-09-28 13:02:07 Kev

如何添加一個工具提示（基於條件）在JavaScript中的圖像？

回答

相關問題