Loading Scripts In Parallel Causes Bug In WebKit Browsers?
Jan 11, 2010
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 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 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'm using an array to store map features (name, lat, lon, caption, etc), from which the user can then select an individual feature. The problem is that when thousands of features are stored in the array, looping over the entire array looking for a match is SLOW.
So I'm running a hash in parallel, where every time a feature is pushed onto the array it's name is also added to the hash as an identical key value pair. I then check if the key is defined in the hash, and if it is, I want to use that feature's values from the array. Problem is, I don't know the index number in the array for this feature. Is there a way to look this up without looping over it, by matching values between the array and hash? Code:
I have been directed from .NET section to this section. My original post and question are here. forums.devshed.com/net-development-87/asp-net-how-to-send-data-to-parallel-port-600691.html
Is it possible to send data to parallel port using javascript?
I am working on a very simple code to determine the highest value from an array and also use parallel arrays.
The problem I am having is, when I try to invoke the parallel array namesArray it returns undefined.
I have coded the function so it can be used to find the highest value in more arrays as this is only the beginning of my code. Im not sure if this is what is causing the problems but I have a feeling it is code...
What I have been given is two arrays and I need to multiply the elements in the first with the corresponding value in the second and then save the result into a third array. I have tried every option i can think of to do this, I entered the result values into the third array just to check the rest of my code is right
After some earlier advice I have realised that I was trying to find the highest vale in an array not the index of that value. I have changed my code accordingly but I still have something wrong with it. It still returns undefined.
I need to have the function findHighValueIndex(anArray) as I will be adding more arrays later.
I have 4 arrays that all contain data linked by the index. I have 3 drop down boxes on a web page that give the user 3 ways to search for data. The top one is mandatory the other two are optional. I've managed to create the code to search using the mandatory box but cant figure out how to expand the search.
Here is the function that deals with the search data: function findFlights(){ var yourAirline = readTheAirline(); var result = 'Here are your flights <BR>'; var choose = 'Choose your destination';
for (var index = 0; index < flightTimes.length; index++){ var flight = flightDestinations[index]; var airline = flightOperators[index]; if (yourDestination == flight){ var b = flightTimes[index]; var c = flightDestinations[index]; var d = flightOperators[index]; var e = flightFares[index]; var message = b + ' to ' + c + ' operated by ' + d + '. £' + e + '.';
result = result + message + '<BR>'; }if (yourDestination == choose){ result = 'Please choose a destination city from the destination menu and then click Find flights again.'; }}displayMessage(result);}
I'm trying to build a page that has multiple ajax calls on it. When you do it the old-fashioned way with XmlHttpRequest, you'd create a new xhr object for every call so that they execute simultaneously. If I try to do this in jquery it will only execute a call when the previous one has completed. This makes the page load time completely unacceptable. How to improve the performance?
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;
