ClientX Failing On Firefox?
Jul 23, 2005
I'm trying to create a simple image gallery that has a floating image
that popups up when the user clicks on a thumbnail. So far so good.
Now, when I tried to align the popup image so it's near the cursor,
things get a little screwy: it works fine for Internet Explorer 6
(although always appears near the top for a long page) but completely
fails with Firefox (causing it to ignore the rest of the JavaScript).
Can someone help explain why? The code that's causing the problem
(which is used to calculate the x and y positions) is:
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
nc.style.left = e.pageX * 0.6;
nc.style.top = e.pageY * 0.5;
}
else if (e.clientX || e.clientY)
{
nc.style.left = (e.clientX + document.body.scrollLeft) * 0.6;
nc.style.top = (e.clientY + document.body.scrollTop) * 0.5;
}
View 5 Replies
ADVERTISEMENT
Dec 28, 2010
someone wrote a script for me to simulate an image map on a background header in wordpress. it works great in chrome and ie, but not firefox.
<code>
<script type="text/javascript">
function geturl() {
myMouseX=event.clientX
[Code]....
View 1 Replies
View Related
Jan 6, 2011
I'm doing some code to show an image where a user clicks on an image map. I've got code that tracks the mouse location and uses that to place the image where you click (it also stores the value in some inputs so the co-ords are sent through post).
Works perfectly fine in FF but in IE it stops tracking the mouse's location once you move over the image (so when you click it places the image at the edge).It should be tracking the client mouse at a document level so I find it bizarre it doesn't track it for this one element.
Code:
<script>
if (window.Event) {
document.captureEvents(Event.MOUSEMOVE);
[code].....
View 1 Replies
View Related
Apr 27, 2009
For some odd reason, event.clientX and event.clientY don't work in safari in mac os x leopard. They used to, but it appears it cannot find the object "event".
[URL]
In the file windowsxp.js (don't get confused with windowsxp.jos), the movecursor() function moves the cursor div. It works, but the event.clientX issue seems to be messing the entire function up. Why is this happening? Anything in my page that is messing it up?
(notice: the url I've given will open a "launcher" webapp, and you must click on "windowsxp.jos" to load external files and see the problem) TypeError: Result of expression 'event' [undefined] is not an object.
View 4 Replies
View Related
Jul 20, 2005
I'm trying to automate the submission of a page after a specific
amount of time, but each of the attempts below do not work....
View 2 Replies
View Related
Aug 4, 2009
I have this script that works in IE:[code]it should be the same thing, they're both using HTTP Requests, but the "getJobStock" script just returns no options, but ONLY in IE. In all other browsers PC or MAC it works fine.
View 10 Replies
View Related
Aug 30, 2006
The stuff I've built recently works (in the sense that it does what I'm
expecting it to do without any errors or warnings) in IE and FF but
fails silently in Safari. I don't have a Mac to test on. I write some
stuff and send it to the client who tests and reports back.
I don't do any browser sniffing, I test for a feature for I try to use it...
Are there any known oddities about scripting for Safari that might
possibly help me out.
View 2 Replies
View Related
Jul 21, 2011
I'm using jmediaelement to provide jquery-ui styled controls for video. Works in all browsers, including, with jplayer fallback, Firefox and IE9, and even IE8 when the content is inside a jquery ui dialog. But for some reason on page loads with IE8 the jplayer swf object isn't injected into the page...
This is the markup in the page:
I'm loading jQuery, jquery ui, jmediaelement's mm.full.min.js and jmeEmbedControls.js in the page footer. player.swf is available in the same dir. In a subsequent script, I'm calling embedControls on any video elements in the page:
I have no idea even what to try. I tried adding jme's debug js file, but get nothing useful from it in IE8. Loading in FF it just prints "everything looks ok" in console. When I call jmeEmbedControls() from the console it just adds another set of controls below the original. No jwplayer. No styling.
Weirder yet, when I put the same markup that does not work in the page into a jquery ui dialog(), init the modal dialog, and make the same call to jmeEmbedControls, the video inside the dialog is skinned with jwplayer and plays (css is a little off, but it plays fine).
What am I missing? Why would code in the original page load not be skinned with jwplayer, and code rendered in a jQuery().dialog() then get the correct jwplayer funct? (I know about the local security sandbox issues and have added localhost to my trusted sites. Also, same problem on http live site.)
View 3 Replies
View Related
Apr 19, 2011
I'm making a drop down menu and it works great in all modern browser but it fails in IE7 and IE8. when i try to move the mouse from the main menu item to the opened dropdown, this disappears. What do I need here?
This is the page: [url]
And this is the JS code:
Appears to be an issue of jQuery when detecting hover over subnavi when it has position absolute...
View 2 Replies
View Related
Aug 15, 2010
I am trying to make a fuinction that, when called, will return the string that is retrned in text form from my php code.
This is what i currently have, but it is just failing when it is run, what am i doing wrong?
function shortenUrl(url) {
var response;
varxmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://10.1.1.10/projects/short/?ext&url=" +
[Code].....
ohh, and this is running chrome, so no standards issues :D
View 2 Replies
View Related
Aug 30, 2011
I have an XML file that I'm trying to load into and xml object, however the doctype tag is killing the javascript, and does not parse the XML at all. If I remove the doctype, the javascript can parse, and I can access the XML DOM. So I know the XML is valid. Even with the Doctype, it validates. However Javascript does not like it. I don't have a choice to remove the Doctype tag of the XML.
If I remove the Doctype, this method works to parse the XML DOM:
Code:
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load(filename);
Also, if I use the .open method to retrieve the XML, I cannot access the XML DOM via xmlhttp.responseXML. But I do get a result when I use xmlhttp.responseText, it displays the corresponding XML.
Code:
xmlhttp.open("GET", filename, false);
View 1 Replies
View Related
Oct 20, 2005
I'm trying to use the window.event.clientX value for positioning a
javascript routine, but I'm having trouble. When the javascript
routine comes up, it comes up in a certain position based on
window.event.clientX. However, the user could click on something in
the script display (say, like a menu, or a calendar, or something),
that my "refresh" (reload that same script but with different values).
Thus, the first time, it works perfectly, but thereafter, it sets the
new x,y values to the most recent window.event.clientX and
window.event.clientY positions. I want it ONLY USE the positions which
were first used.
Does this make sense? Ok, here is the code snippets:
// This is the javascript
function RollOver( Text )
{
HelpText = Text ;
HelpX = window.event.clientX;
HelpY = window.event.clientY;
ToShow = setTimeout( "DoRollOver()", 1, "JAVASCRIPT" );}
// This is the HTML
<input type="Text" name="timestamp1" value="">
<img src="myImage.gif" onmousedown="RollOver( getText() );">
The first time the image is clicked, the source comes up in the correct
place. But this new script that came up is now the current "event" so
when someone clicks on something to reload the script with a different
value, it sets the position relative to the lastest script placement,
not the original image.
View 5 Replies
View Related
Jul 23, 2005
I want to access all the <div> tags on my page. below is javascript
which is use to access them
var divs=document.getElementsByTagName("div");
this works on IE but is failing on Pocket PC 2003 browser.
any of guys faced this problem..any work arounds?
View 9 Replies
View Related
Aug 30, 2011
This succeeds in Chrome and Firefox but fails in IE8
$.get('/2/mpeg4.jpg')
.error(function(jqXHR, textStatus, errorThrown) { alert(textStatus); alert(errorThrown);})
.success(function(data, textStatus, jqXHR) { alert(textStatus); alert(jqXHR.responseText);});
[Code].....
View 4 Replies
View Related
May 6, 2009
I have an input box searching a XML file for a string. Anything the user types in, the script searches through the XML file in the "name" and "conference" tags for results. This works just fine in Firefox. However, in Safari, it only returns a result when a single search result is found. I've narrowed it down to this line, and I have no idea what is wrong with it. my use of selectors in this way? Or is it a Webkit bug?
$(xml).find('name:contains("' +searchString+ '"),conference:contains
("' +searchString+ '")').each(function() {
....print results....
});
View 1 Replies
View Related
Aug 30, 2011
I am new to jQuery, but seems prettyy straightforward. URL validation is failing on [URL], even ion the demo site. Not sure why as it is a clean url (generated by wordpress) and takes me to the appropriate content.
View 2 Replies
View Related
Aug 19, 2010
I ran into a problem that I could not fix myself, I am trying to replace a string with another string, the replace lines look like this:
Code:
var word = document.getElementById("word").innerHTML;
document.getElementById("word").innerHTML = wordd.replace(/B/g, '<span class="style106">B</span><span class="style107"> </span>');
It works just perfectly if left alone, but I need to replace every letter inside this string, adding those style and span tags around each and every letter. So if I add another line to this code, like this:
[Code]...
View 2 Replies
View Related
May 3, 2009
I'm having trouble reading a not-so-large local XML file. The following code works fine for under 70 nodes:
// load values from the xml file
$.get('dic.xml', function(dicXml){
$('node', dicXml).each(function(){
var literal = $(this).find('literal').text();
[Code]..
View 2 Replies
View Related
Aug 11, 2010
Unfortunately in Internet Explorer 7* it is failing to fire more than once when applied to a text input. I put together a minimal test case to demonstrate:httpHas anyone else figured out how to fix this already?Is there an alternative that would serve me better?
View 1 Replies
View Related
Dec 3, 2009
I'm coding in Dreamweaver CS3 on a Mac, and am running latest Firefox I am in the DOM chapter of SitePoint's "Simply Javascript", where I'm learning how javascript references elements/nodes from the html (much like CSS) PROBLEM: I am failing to receive browser alerts in the following situation
[Code]...
I'm expecting to get browser alerts saying 'p' and 'this is a test of js...', respectively I get nothing, and nothing on refresh NOTE: when I leave the .properties off target, i do get an alert that reads 'null' Q. is my .js running before the HTML has completely loaded? oorrr am i missing something really basic?
[Code]...
View 9 Replies
View Related
Oct 29, 2004
Code:
<script ... javascript >
document.onmousemove=(hit_test);
function hit_test(evt)
{
if (!evt) evt = window.event;
if (evt) document.getElementById("a").innerHTML = evt.clientX;
}
</script >
which works nicely;
I understand that the 'event' object is a globally accessible object in IE but not in Mozilla; instead in Mozilla the 'event' object is sent, by default, as the first parameter in a call to a function; is this true? ...
View 2 Replies
View Related
Nov 19, 2010
I have a credit card field that is only mandatory if they select a credit card as a payment type.
If they select Gift Certificate, then I set the card to not be mandatory:
$('#creditcard').removeClass('required').removeClass('creditcard');
validationRules.rules.CardNumber.required = false;
however the validation still fails on the creditcard field. If I enter this in to Firefox's console:
$("#OForm").validate().element("#creditcard");
it returns false.
To make matters more confusing, this validation only fails on my form when I am passing a particular parameter in the URL string. I've scoured my code and cannot figure out why that parameter would have any impact whatsoever on this matter.
View 4 Replies
View Related
Apr 18, 2011
Whats wrong with this script. It works in IE, but not in Firefox. I get no error codes it just simply does not display the text in Firefox.
Code:
View 2 Replies
View Related
Oct 1, 2005
I use the code below to show the year on my sites e.g. this page.
However, instead of 2005 it shows 105 in Firefox.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var year=time.getYear();
document.write("" + year + "");
// End -->
</SCRIPT>
Works fine in Internet Explorer.
How can I show the correct year in Firefox as well please?
View 3 Replies
View Related
Mar 26, 2009
First the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function TextScroll(scrollname, div_name, up_name, down_name, top_name){
[Code]...
When I use mouse wheel in Firefox to scroll contents of the DIV, memory usage in Firefox goes through the roof. Code above is a fully working page, if anyone would like to see what's up, just load it up, and start moving your mouse wheel in the area with text. You don't actually have to scroll the text, just moving the wheel back and forth in that DIV will do. Memory usage will start going up quite fast, and after you stop moving the wheel, it will finally come down a bit after a short while. I've highlighted in red the line where mousewheel event is registered for Firefox. I'm not sure if it's really a problem, but since Opera and IE don't have any strange memory usage, and Firefox does, maybe I did something wrong. In everyday use it shouldn't matter [don't expect to have kilometers of content to scroll], but anyway, it is a bit unsettling.
View 2 Replies
View Related
Jan 7, 2006
if ((window)&&(window.netscape)&&(window.netscape.security)) {
// OK, this is Gecko/Firefox or someone mimicing it so well
// that there is no way to catch it on the act.
}
But I need Firefox *1.5 or higher* or another (but sure) way to know
that this browser has native SVG support. Here I'm stock.
It seems there is window.navigator.productSub and on my Firefox 1.5
it's 20051111
But I'm not sure: this "build version" is going up guaranteed or it's
random like CLASSID? Also is the same Firefox release has the same
build for all platforms or not? mozilla.org seems silent.
View 9 Replies
View Related