Javascript external file

Question

I am trying to get this calendar I found on the net to work with my webpage. The strange thing is that after modifying its external "calendar.js" file, nothing takes effect. I even tested it out by moving the folder holding the calendar files to another location and the program still worked.

Below is my javascript link to the js file:

<script language="javascript" src="/Hardship/Calendar/calendar.js"></script>

My php code below:

echo '<td align="middle"><input type="text" name="date2" id="date2" style=\'font-weight: bold;\' disabled value="" class=\'inputBoxStyle\' disabled  ><img src=\'/Hardship/Calendar/cal.gif\' align=\'absmiddle\' onmouseover="fnInitCalendar(this, \'date2\',\'close=true,top=-300,left=-150\')"></td>';​

Can someone please explain why it still works after moving the source file to another location? Note: I did do f5 refresh and restart IE browser as well but that didn't make any difference.

Also, why my changes to the calendar.js file didn't take effect at all?

Answer 1

I renamed the js file and it works now. The ctrl-f5 did help too. Thank you all.