[RESOLVED] More Javascript works in IE but not Firefox

[golfnut1971]

I seem to have inherited a website where the designer only tested it in IE.

HTML Code

<a href="javascript://" onMouseup="callback('event')"><em>REQUEST A</em><img src='btnYLphone.gif' alt='Request a callback'><b>CALLBACK</b></a>

Javascript code

//CALLBACK PANEL

	function callback(){
		window.document.getElementById('callbackdiv').style.left = event.clientX + 'px';
		window.document.getElementById('callbackdiv').style.top = parseInt(document.body.scrollTop+event.clientY + 10)+'px';
		window.document.getElementById('callbackdiv').style.display = 'block';
		}

	function closecallback(){
		window.document.getElementById('callbackdiv').style.display = 'none';
		}

This displays the hidden DIV in IE but does not in Firefox.

I forgot to show you the hidden div code:

<div id='callbackdiv'>
<FORM METHOD='POST' ACTION='/cgi-bin/callbackASP.asp' id='callbackform' name='callbackform'>
<a href='javascript://' onMouseup="closecallback('event')" style='font-size:11px;text-align:left'><img src="Templates/arr.gif" alt='submit my call back details' align='left' style='display:inline'><b>CANCEL</b></a>
<label>name:<em>*</em></label>
<input type='text' class='callbackdivFIELD' id='cName' name='cName'>
<input type='hidden' id='ThisPage' name='ThisPage'><input type='hidden' id='timetocallback' name='timetocallback'>
<label>tel:<em>*</em></label>
<input type='text' class='callbackdivFIELD' id='DaytimePhone' name='DaytimePhone'>
<label>time to call:</label>
<select name='timetocall' id='timetocall' class='callbackdivFIELD'><option value='anytime' selected>ANY</option>
<option value='09:00-09:30'>09:00-09:30</option>
<option value='09:30-10:00'>09:30-10:00</option>
<option value='10:00-10:30'>10:00-10:30</option>
<option value='10:30-11:00'>10:30-11:00</option>
<option value='11:00-11:30'>11:00-11:30</option>
<option value='11:30-12:00'>11:30-12:00</option>
<option value='12:00-12:30'>12:00-12:30</option>
<option value='12:30-13:00'>12:30-13:00</option>
<option value='13:00-13:30'>13:00-13:30</option>
<option value='13:30-14:00'>13:30-14:00</option>
<option value='14:00-14:30'>14:00-14:30</option>
<option value='14:30-15:00'>14:30-15:00</option>
<option value='15:00-15:30'>15:00-15:30</option>
<option value='15:30-16:00'>15:30-16:00</option>
<option value='16:00-16:30'>16:00-16:30</option>
<option value='16:30-17:00'>16:30-17:00</option>
</select>
</FORM>
<a href='javascript://' onMouseup="sendcallback()"><img src="/arr.gif" alt='submit my call back details' align='left' style='display:inline'><b>SEND DETAILS</b></a>
</div>

[Fang]

	function callback(){
      	        var event = callback.caller.arguments[0] || window.event ;
		window.document.getElementById('callbackdiv').style.left = event.clientX + 'px';
		window.document.getElementById('callbackdiv').style.top = parseInt(document.body.scrollTop+event.clientY + 10)+'px';
		window.document.getElementById('callbackdiv').style.display = 'block';
		}

[golfnut1971]

Thank you.