www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] More Javascript works in IE but not Firefox

  1. #1
    Join Date
    Sep 2008
    Posts
    6

    resolved [RESOLVED] More Javascript works in IE but not Firefox

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

    HTML Code
    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
    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:
    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>
    Last edited by golfnut1971; 09-17-2008 at 10:16 AM.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    	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';
    		}
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Sep 2008
    Posts
    6
    Thank you.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles