javascript - 如何在 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。显然，根据离线/在线状态，that是变化的变量。您没有包含足够的代码来让我们确切地知道如何操作，因为我根本没有看到该变量被设置或操作。

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

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

看起来那里的脚本通过在

中生成 JavaScript 来调用图像

<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 放在 script 标签中即可!如果您愿意，可以将其添加到已有脚本的末尾。