如何在JavaScript中为图片添加工具提示（基于条件）？

Question

我已经在PHP文件中找到该行，该行会根据支持行是否可用来更改实际图像，但是它没有工具提示，并且可能会造成混淆。 有人可以帮忙吗？

这是行：

<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")

然后对离线进行同样的操作，但是它破坏了代码。

我仍在学习，所以请原谅我的无知。

Answer 1

您将无法将其添加到URL字符串中并使其正常工作。 您需要在脚本标记之间放置其他JavaScript。

您可以考虑使用变量$ images_url。 显然，这取决于离线/在线状态， 那就是改变变量。 您没有包含足够的代码来让我们确切地知道如何进行操作，因为我根本看不到该变量被设置或操纵。

另一件事-为了显示工具提示，您需要更改“标题”属性，而不是Alt。 但是，您需要使用选择器选择正确的图像。 这是选择图像ID的一种方法。

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

似乎那里的脚本通过在

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

因此，为了显示标题标签，您需要更改该div的属性。

当然，您需要在javascript中使用某种“ if / else”语句。 遵循以下原则

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

这样，如果将变量$ images_url设置为在线图像，则脚本将激活标题标签。 只要记住将javascript放在脚本标签中即可！ 您可以根据需要将其添加到脚本的末尾。