Question

HTML view source code is:

<IMG style="DISPLAY: inline" src="https://admit.belgacom.be/WCE/ESW/img/load.gif" />

but When i login and reach this location, path is showing different as: (ESW is missing)

<IMG style="DISPLAY: inline" src="https://admit.belgacom.be/WCE/img/load.gif" />

Due to change of path, ie without ESW image is not getting loaded.

Note: I have javascript code in JSP where it replaces the new image due to IE settimeout issue as:

document.getElementById('imageId').src = \"../../img/load.gif\");

CODE:

<div id="toHide" class="pb-text-align-center">
    <img style="display: inline" id='imageId' src="img/load.gif" />
    <form wicket:id="safeForm" class="clearfix">
        <input type="hidden" wicket:id="submitted" value="false" />
    </form>
</div>  

<SCRIPT type="text/javascript"> 
    function setSubmit(){
    document.getElementById("safeForm4c").submit();  
    document.getElementById('imageId').src = "../../img/load.gif"; }
    if (document.getElementById("safeForm4c").submitted.value == "false") {
        document.getElementById("safeForm4c").submitted.value = "true";
        setTimeout('setSubmit()', 100); 
    }else{ document.getElementById("toHide").style.display="none";}
</SCRIPT>

Answer 1

I solved by assigning dynamic image path instead of ../../img/load.gif as:

//document.getElementById(‘imageId’).src
= \”../../img/load.gif\”);

document.getElementById(‘imageId’).src
= document.getElementById(‘imageId’).src;

<SCRIPT type="text/javascript"> 
        function setSubmit(){
        document.getElementById("safeForm4c").submit();  
        document.getElementById('imageId').src = document.getElementById('imageId').src; }
        if (document.getElementById("safeForm4c").submitted.value == "false") {
            document.getElementById("safeForm4c").submitted.value = "true";
            setTimeout('setSubmit()', 100); 
        }else{ document.getElementById("toHide").style.display="none";}
    </SCRIPT>