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 문자열에 URL을 추가하여 작동시킬 수 없습니다. 스크립트 태그 사이에 추가 자바 스크립트를 넣어야합니다.

당신이 할 수있는 일은 그 변수 $ images_url을 사용하는 것입니다. 분명히 오프라인/온라인 상태에 따라 은이 변하는 변수입니다. 변수가 설정되거나 조작 된 것을 전혀 보지 못했기 때문에 정확한 방법을 알려주는 데 필요한 코드를 포함하지 않았습니다.

툴팁을 표시하려면 Alt 키가 아닌 "title"속성을 변경해야합니다. 그러나 선택기를 사용하여 올바른 이미지를 선택해야합니다. 이는 이미지 ID를 선택하는 한 가지 방법입니다.

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

그것은 제목 태그를 표시하기 위해, 따라서

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

내에서 자바 스크립트를 생성하여 이미지가 호출되는 스크립트 것 같아, 해당 사업부의 속성을 변경해야 .

물론, 자바 스크립트에서 "if/else"문이 필요합니다.

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

그런 식으로 변수 $ images_url이 온라인 이미지로 설정되면 스크립트는 title 태그를 활성화합니다. 스크립트 태그에 자바 스크립트를 넣는 것을 잊지 마십시오! 이미 원한다면 스크립트 끝에 추가 할 수 있습니다.