I have some JS code that uses XMLHttpRequest to get an XML file then loops through to display each item from the file. This happens relatively quickly but there is about a second delay before the content shows up--I want to display a loading message while that is happening. Everything's working great in Firefox, but all the webkit browsers I've tried (Chrome + Safari), don't display the loading message in any fashion. It's not that the function to display the loading message isn't firing (because if I open it and then take out the code to close it, it does appear after all the XML processing is done).
I've even tried making opening the loading message a prerequisite (with setTimeout even, to make sure it's not just happening too fast), for running the XMLhttprequest, and it still don't show up. My hypothesis is that the browsers seem wait until all the processing is completed (ie: the XML file has been downloaded and converted to HTML) before doing anything. So both the open and close loading message functions are firing, but they're "let loose" at the same time so the net result is no loading message. I'm not exactly at liberty to disclose the code, so I'm hoping there is some known issue with this that someone is aware of, without having to show all my code.
I got this simple test page linked here that is suppose to automatically "click" a box at load time. Works in all browsers, except for Chrome and Safari (webkit browsers). I'm getting the error ... Code: Uncaught TypeError: Object #<HTMLDivElement> has no method 'click' Do a "view source" and you will see all the code there as being ...
I am having difficulty getting the cursor to turn into a magnifier in both Mozilla and Webkit browsers. In the js file, I have this line
Code:
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image which works fine with Firefox, however if I do this, neither of them work.
I have a function called 'loadScript' which is used to load JavaScript files in parallel (for the purpose of not blocking the browser from downloading other components at the same time).
See the following link for more information on the subject:[URL].. This function works fine for IE and Firefox and up until today has always worked for Chrome/Safari. But today I noticed an issue for WebKit rendering engines, which is that sometimes the callback method I pass to the loadScript doesn't always fire, only sometimes when I force refresh the page.
I have been spending my whole life on converting a flash version of a header/menu system to jQuery HTML. It is very nearly done in that it works nearly 100% perfectly in Firefox and IE8. [URL]. Unfortunately, in Chrome and Safari, my menu events of the top menu seem to fire inconsistently, and in the wrong order. It is easy to trigger a problem by simply circling your mouse over the top links. One of the menus will retract when it's already retracted, or the mouseover event for one or more of the links will seemingly detach, making the menu unusable.
The way it is supposed to work is as follows: Person hovers over link, causing menu to slide out and the mouseover event to be detached. This also triggers a 1 second timer that retracts the menuHovering over menu cancels 1 second timer.When the mouse leaves the menu, the menu is retracted and the original mouseover event is attached to the link. It's a bit hackish but it works and I've spent way too much time on this project as is. I have a lot of iphone detection checking to disable/enable some portions of the code if the browser is mobile safari. The site works fine in mobile safari as is.
Now that we're switching to feature detection rather than browser detection, how does/should one detect for a webkit browser?Is there a known feature that we can check for that would Identify Safari and Chrome?We're running into some (rather minor) layout issues with some jquery plug-in rendered content in Chrome and Safari and it'd be really easy to just do a 'if a webkit browser, tweak this' type of logic.
I was having trouble with XSLTProcessor::transformToFragment() returning null on WebKit browsers (Safari and Chrome). Having read comments about issues with the load() method and xsl:import element, I used XMLHttpRequest and a very simple stylesheet and XML document for testing. Even after having eliminated the well-known problems, I was still disappointed to get a null return value from transformToFragment(). Finally, I noticed that one example used:
<xslutput method="html" /> where I had been using: <xslutput method="xml" ... />
When I changed my method to "html", the transformToFragment() worked.
It seems that this code makes webkit browsers and opera anchor back to where the fade happens everytime the fade action occurs. CSS Code: .slider { margin: 0 auto; overflow: hidden } .slide_content { margin: 0 auto; width: 800px; height: 202px; } .slide_content img { border-width: 1px; border-style: solid; border-color: #43474A; } .....
I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here: [URL]. On FF, Chrome and Safari on Mac some of the images appear with incorrect text: The slider is set up like so: <div class="anythingSlider"> <div class="wrapper"> <ul><li> image a text a </li> <li> image b text b </li> etc... </ul> </div> </div> However, inFF, Chrome and Safari on Mac the image a appears with text b, image b appears with text c, etc. I have gone through the code and I can't see what's wrong.
how to display placeholder text in older browsers. I've succeeded in applying the following code (taken from p224 of "DOM Scripting", by Jeremy Keith) to a single input by its ID...
Code:
function elementSupportsAttribute(element, attribute) { if (!document.createElement) return false; var test = document.createElement(element);
[code]...
how these functions should be used and how I can change "resetFields" to use the test function from the first code example, instead of Modernizer?
Suppose I've made my range so that it covers a word, using range.expand('word'). Typically to add the next word, I would write range.moveEnd('word', 1). But this seems not to work in Webkit. Perhaps it should be implemented differently?
I want to add a 'visited' class to a table cell and all of it's siblings if the link in the first td has been visited.
Here is my markup.
I've tried his:
And this:
And the class only gets added/appended to the table cells in FF, not webkit or IE and firebug tells me that the css is fine and would be applied if the class were present.
This appears to be an issue with webkit and not jQuery specifically, but I've noticed this: NewDomRadio = '<input type="radio" checked="checked"id="testme" name=" testme" />'; $('div').prepend(NewEnumDom); will not work in Safari (I'm using 5.0 w/ Snow Leopard).
Chrome appears to have somewhat fixed this, although destroying and recreating the element a few times re-introduces the bug. The source will read "checked=checked" correctly, but the DOM inspector reports checked: false.
There seem to be two workarounds: 1] Removing the name attribute (!!!) 2] Placing the checked attribute at the end.
I am trying to cycle through a set of tables within divs this works fine in firefox, but I cannot understand why it is not working in webkit broswers an example of what I'd like to cycle through:[code]do I need to somehow define that 'roundabound' id is what i'd like to cycle through?
I'm having some experiment with the new html5 features, I got the point where I need to store and retrieve data that I don't know it's key or value. It is appeared that there is no document about I want to do.How can I retrieve the first, the last and all record(s) ?
I have DIV section with a CSS class that defines a gradient. However, when the user clicks a button, I want to dynamically change the two colors of gradient via Javascript. What is the DOM structure to change the colors in this field similar to this command: document.getElementById('content1').style.color = p_color;
For a webpage displaying test results I have written jQuery in order to display the points scored as percentage of the maximum, and animated bars that expand and display different colours depending on the result.FF and Webkit display this without any problem, but IE somehow does not like it. First it displays the values as intended, but after clicking away the error message, I'm left with "NaN"..
I'm having an issue retrieving the height() / outerHeight() property of a div element that has an img as child. This happens only on chrome and safari. Here's an example: [URL]
I used the DOM for mozilla to write some javascript. And naturally it doesn't work with IE and I haven't tried it on Opera type browsers. Is there any website that spells out the DOM's for IE and Opera individually like the mozilla one? Ie: http://developer.mozilla.org/en/docs/DOM:document.createElement
I would like to get the selection of the dom (meaning a highlighted area), then get the range. From the range I cloneContents in order to get a document fragment. Is there equivalent functions for IE and Opera etc? Code: