如何在javascript中为图像添加工具提示(基于条件)?

时间:2013-09-28 12:01:22

标签: javascript php image wordpress alt

我发现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")

然后为离线做同样的事情,但它打破了代码。

我还在学习,所以请原谅我的无知。

1 个答案:

答案 0 :(得分:0)

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

您可以考虑使用该变量$ images_url。显然,根据离线/在线状态, 是变化的变量。你还没有包含足够的代码让我们确切地知道如何,因为我根本没有看到变量被设置或操纵。

另一件事 - 为了显示工具包,您需要更改“标题”属性,而不是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放在脚本标签中!如果您愿意,可以将其添加到已经存在的脚本的末尾。