JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

javascript in mozilla firefox

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply
1 2

•
•
Join Date: Dec 2004
Posts: 27
Reputation: odee is an unknown quantity at this point 
Solved Threads: 0
odee odee is offline Offline
Light Poster

javascript in mozilla firefox

 
-1
  #1
Jan 3rd, 2005
why does the event.clientX and event.clientY is working in IE but not work in firefox?

clientX and clientY shows the coordinate of the cursor relative to the screen
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: javascript in mozilla firefox

 
0
  #2
Jan 3rd, 2005
Because the event object model is different in FireFox. Instead of using the IE Dom, you need to use the W3C Dom.

Let me know if you need more specific help.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2006
Posts: 2
Reputation: ramesh_karanam is an unknown quantity at this point 
Solved Threads: 0
ramesh_karanam ramesh_karanam is offline Offline
Newbie Poster

Re: javascript in mozilla firefox

 
0
  #3
Jan 18th, 2006
So how to know the equivalent values in firefox ....

I'm having a requirement where I need to get the co-ordinates.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: javascript in mozilla firefox

 
0
  #4
Jan 18th, 2006
They are properties of the Event Object. From the www.w3.org:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. // Introduced in DOM Level 2:
  2. interface MouseEvent : UIEvent {
  3.   readonly attribute long             screenX;
  4.   readonly attribute long             screenY;
  5.   readonly attribute long             clientX;
  6.   readonly attribute long             clientY;
  7.   readonly attribute boolean          ctrlKey;
  8.   readonly attribute boolean          shiftKey;
  9.   readonly attribute boolean          altKey;
  10.   readonly attribute boolean          metaKey;
  11.   readonly attribute unsigned short   button;
  12.   readonly attribute EventTarget      relatedTarget;
  13.   void               initMouseEvent(in DOMString typeArg, 
  14.                                     in boolean canBubbleArg, 
  15.                                     in boolean cancelableArg, 
  16.                                     in views::AbstractView viewArg, 
  17.                                     in long detailArg, 
  18.                                     in long screenXArg, 
  19.                                     in long screenYArg, 
  20.                                     in long clientXArg, 
  21.                                     in long clientYArg, 
  22.                                     in boolean ctrlKeyArg, 
  23.                                     in boolean altKeyArg, 
  24.                                     in boolean shiftKeyArg, 
  25.                                     in boolean metaKeyArg, 
  26.                                     in unsigned short buttonArg, 
  27.                                     in EventTarget relatedTargetArg);
  28. };

So "event.clientX' should work, depending on how you are getting the "Event" object.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2006
Posts: 2
Reputation: ramesh_karanam is an unknown quantity at this point 
Solved Threads: 0
ramesh_karanam ramesh_karanam is offline Offline
Newbie Poster

Re: javascript in mozilla firefox

 
0
  #5
Jan 19th, 2006
Thanks for the reply Greer...

But, my requirement is to show a pop-up if on close of the browser window. The below sample script is working well in IE but not in FireFox.

Could you please let me know the solution for Firefox .....

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <html><head><title>Test</title> 
  2. <script language ="Javascript"> 
  3.  
  4. function unLoadFnc(event) 
  5. {
  6.  if(window.event.clientX<-2000 && window.event.clientY<-2000)
  7.  {
  8.   alert("Closing the window .. ");
  9.  }
  10.  else
  11.  {
  12.   alert("Something else..");
  13.  }
  14. }
  15.  
  16. </script> 
  17. </head> 
  18. <body onUnload="unLoadFnc(event)"> 
  19. Sample Html. 
  20. </body> 
  21. </html>

Regards,
Ramesh
Last edited by tgreer; Jan 19th, 2006 at 10:08 am. Reason: Added code tags
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: javascript in mozilla firefox

 
0
  #6
Jan 19th, 2006
There is quite a bit wrong in your code. First, you absolutely don't need to measure any mouse position or x,y coordinates do what you've asked.

This will work to create an alert when the user closes the window:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- note: you're missing a doctype here! -->
  2. <html>
  3. <head>
  4. <title>Test</title> 
  5. <script type="text/javascript"> 
  6.  
  7. function unLoadFnc() 
  8. {
  9.   alert("Closing the window .. ");
  10. }
  11.  </script> 
  12. </head> 
  13. <body onUnload="unLoadFnc();"> 
  14. Sample Html. 
  15. </body> 
  16. </html>
  17.  

There's no need for events, clientX, any of that. Perhaps though, you're not showing me the entire script or explaining the entire project. So, in the case that you DO need the event, you need to test if it's part of the window object (IE) or not.

Here's how I would code it:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- doctype excluded, you need to pick one -->
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.  
  6. <script type="text/javascript">
  7. function unLoadFnc(evt)
  8. {
  9.   var e = (window.event) ? window.event : evt;
  10.   alert(e.clientX);
  11. }
  12. </script>
  13. </head>
  14.  
  15. <body onUnload="unLoadFnc(event);">
  16.  
  17. Sample Html.
  18. </body>
  19. </html>

I hope you're noting a few things, such as the fact that your page needs a doctype declaration, the proper way to write a script tag, and the semicolon after your event handler assignment.

The goal is to pass in the event object, and in your function, create a variable to hold it, using the tertiary operator.

Note, in FireFox, if you ran this code, the alert would say "undefined". That's because the widget that closes the window (the 'X') isn't within the client, so clientX would be undefined.

You'd actually have to click something in the client area to get a value.

For example, a button:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- doctype excluded, you need to pick one -->
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.  
  6. <script type="text/javascript">
  7. function unLoadFnc(evt)
  8. {
  9.   var e = (window.event) ? window.event : evt;
  10.   alert(e.clientX);
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. Sample Html.
  16. <form>
  17. <input type="button" onclick="unLoadFnc(event);" />
  18. </form>
  19.  
  20. </body>
  21. </html>
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2006
Posts: 6
Reputation: unicorn11 is an unknown quantity at this point 
Solved Threads: 0
unicorn11 unicorn11 is offline Offline
Newbie Poster

Re: javascript in mozilla firefox

 
0
  #7
Apr 10th, 2006
the problem with this page is that the event that you have fired happens even if the page is refreshed. and he does not what that to happen. he wants to call the event only when the browser window is shut

•
•
•
•
Originally Posted by tgreer
There is quite a bit wrong in your code. First, you absolutely don't need to measure any mouse position or x,y coordinates do what you've asked.

This will work to create an alert when the user closes the window:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- note: you're missing a doctype here! -->
  2. <html>
  3. <head>
  4. <title>Test</title> 
  5. <script type="text/javascript"> 
  6.  
  7. function unLoadFnc() 
  8. {
  9.   alert("Closing the window .. ");
  10. }
  11.  </script> 
  12. </head> 
  13. <body onUnload="unLoadFnc();"> 
  14. Sample Html. 
  15. </body> 
  16. </html>
  17.  

There's no need for events, clientX, any of that. Perhaps though, you're not showing me the entire script or explaining the entire project. So, in the case that you DO need the event, you need to test if it's part of the window object (IE) or not.

Here's how I would code it:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- doctype excluded, you need to pick one -->
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.  
  6. <script type="text/javascript">
  7. function unLoadFnc(evt)
  8. {
  9.   var e = (window.event) ? window.event : evt;
  10.   alert(e.clientX);
  11. }
  12. </script>
  13. </head>
  14.  
  15. <body onUnload="unLoadFnc(event);">
  16.  
  17. Sample Html.
  18. </body>
  19. </html>

I hope you're noting a few things, such as the fact that your page needs a doctype declaration, the proper way to write a script tag, and the semicolon after your event handler assignment.

The goal is to pass in the event object, and in your function, create a variable to hold it, using the tertiary operator.

Note, in FireFox, if you ran this code, the alert would say "undefined". That's because the widget that closes the window (the 'X') isn't within the client, so clientX would be undefined.

You'd actually have to click something in the client area to get a value.

For example, a button:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!-- doctype excluded, you need to pick one -->
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.  
  6. <script type="text/javascript">
  7. function unLoadFnc(evt)
  8. {
  9.   var e = (window.event) ? window.event : evt;
  10.   alert(e.clientX);
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. Sample Html.
  16. <form>
  17. <input type="button" onclick="unLoadFnc(event);" />
  18. </form>
  19.  
  20. </body>
  21. </html>
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2005
Posts: 182
Reputation: alpha_foobar is an unknown quantity at this point 
Solved Threads: 3
alpha_foobar's Avatar
alpha_foobar alpha_foobar is offline Offline
Junior Poster

Re: javascript in mozilla firefox

 
0
  #8
Apr 10th, 2006
Tgreer had more than one example.. if you read his comments and code you will learn much about event handling in mozilla.

To copy and paste, try the last example. to get the x and y coordinates, look at where tgreer posted the event object properties.

cheers.
alphafoobar
Senior Java Developer
web2.0 javascript/ajax developer & entrepreneur
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2005
Posts: 182
Reputation: alpha_foobar is an unknown quantity at this point 
Solved Threads: 3
alpha_foobar's Avatar
alpha_foobar alpha_foobar is offline Offline
Junior Poster

Re: javascript in mozilla firefox

 
0
  #9
Apr 10th, 2006
wow, this thread is old...
alphafoobar
Senior Java Developer
web2.0 javascript/ajax developer & entrepreneur
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: javascript in mozilla firefox

 
0
  #10
Apr 10th, 2006
Yeah... I wondered how/why it got bumped. No big deal.
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxcode ajaxexample ajaxhelp animate array automatically beta box bug calendar cart checkbox class codes column createrange() css cursor date debugger decimal design dom download dropdown editor element embed enter error explorer firefox focus frameworks getselection google gwt hint html htmlform ie7 ie8 iframe images index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jsp jump listbox maps masterpage math menu microsoft mimic mp4 object onmouseover onreadystatechange parent paypal php player position post problem programming progressbar prototype redirect regex runtime safari scale scriptlets search select shopping size sql text textarea toggle w3c web website window windowofwords windowsxp wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC