Using jquery 1.5 and part of my XML is this
<gd:when endTime='2011-03-03T16:00:00.000-06:00' startTime='2011-03-03T11:00:00.000-06:00'/>
If I use:
$(xml).find('gd\:when').each(function(){
alert($(this).attr('startTime'));
});
[Code]....
It works in Safari but in Firefox I get the error:
uncaught exception: Syntax error, unrecognized expression: [nodeName=gd:when]
I'm using jQuery 1.4.2 and attempting to parse an RSS XML file via AJAX. In Firefox, using "media\:thumbnail" works fine to get an element with a namespace. This fails in IE 8, Safari for Windows and Safari for Mac and iPhone. Getting other elements without a namespace works fine in all browsers. Here is a code snippet:
// Define the RSS feeds to load for thumbnail images
var rssFeeds = new Array("photo/Favorites_2008/photos.rss",
"photo/Favorites_2009/photos.rss");
// Load images from MRSS feeds
function loadImages() {
// Loop through all RSS feed URLs
$.each(rssFeeds, function(key, value) {
// Make an AJAX call to get the RSS feed
$.ajax({url: value,
dataType: "xml",
async: false,
error: function(reqObject, textStatus, errorThrown) {
console.log("AJAX Error: " + textStatus + " - " + errorThrown);
}, success: function(xml, textStatus) {
// The RSS is Yahoo MRSS - get the thumbnails
// xmlns:media="[URL]"
console.log("AJAX Request Success");
// This find expression works in Firefox, but not IE or Safari
$(xml).find('media\:thumbnail').each(function () {
// $(xml).find("title").each(function () {
// Add the thumbnail URL to the image array
favImages.push($(this).attr("url"));
// console.log("Added Image: " + $(this).attr("url"));
});}});});
The RSS feed is here: [URL]
The tag in question:
<media:thumbnail url="[URL]" />
The docs say to use a double backslash, but it doesn't work in all browsers.
I am trying to devise a scheme where if a user clicks divA and then clicks divB, divB will be able to use a var that was defined in the divA clicked function.
<div id="divA" onClick="selectAttacker()">your unit</div>
<div id="divB" onClick="doCombat()">enemy unit</div>
the user first selects an attacker and then does selects the enemy for the attacker to fire on...
how do I make it so that in the doCombat() function I am able to reference that divA was the unit responsible for causing damage to divB???
Why this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser
My code runs great in every browser but IE6 IE7 and IE8. it breaks and causes all scripts to fail. i setup Visual Web Developer in my VM like a blog post told me, and when i load the page i get Microsoft JScript runtime error: Object doesn't support this property or method that seem to break on this line
[Code]...
I need to shed some light on browsercompatibilityon my website.here's the breakdown:
-website runs smoothly on Firefox and Opera
-website runs slugishly on Safari and Chrome
now I understand that my code is not squashed down and formated for browsersuccess, but Im so perplexed why some browsers run itawesomelywhile the others run it as if it was os9.Also, I havent had a chance to cross check this site on other systems and computers so I would like to hearperformanceresults from real people
I posted this problem in the old mailing list, but I thought Id try here with a larger set of eyes.
My issue seems to concern webkit browsers. I am sending information from a form with a jQuery click function. I am loading the response from one form that is a DIV called rightContent to the same DIV and passing the
[Code]...
I have a simple code to display div's depending on which option is selected from a dropdown.Everything works fine (even in IE), but I get the little yellow triangle on the buttom-left of the page in IE: "error on page"... I really can't see where the problem is, the script isn't that long [code]
View 3 Replies View RelatedWorks in firefox, but doesn't display in opera, chrome, etc.[URL]..
View 1 Replies View RelatedWe have one website [URL] it will open in only IE not in any other browsers. When it will open in other browsers it will shows source code. I have to make changes in it so that it will open in all the browsers.
View 18 Replies View RelatedI have this ajax function that executes till some output is done, but it doesn't work in some browsers like ie 6 or 7, if it is bad constructed:
View 4 Replies View RelatedI've been searching for a script that creates a desktop shortcut for a URL. The script must work for all versions of Windows and Mac. I haven't found anything useful in my research yet. I know it sounds pretty basic but I am not sure where the limitations are when jQuery and the clients' browser interact with the OS.
Does anybody know if there has been any groundbreaking on this subject with jQuery?
Here's my code for Html.
What I want to do is to have the div "test" to disappear with a fading effect and removed when the "CLOSE" link is clicked or when the user has viewed it for 8 seconds. I tried everything but my site just seems to hide and remove the div "test" instead of fading away. Is there a solution to this problem?
My code is shown below.
I'm having an odd issue that i can't recreate in jsbin.i have an anchor tag:
<a class="navigateToCategory" href="#523">Instruments</a>
and the code below:
$('.navigateToCategory').bind('click',function(e){
e.preventDefault();
alert($(this).attr('href'));
});
IE will give me [URL] while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a jsbin of it workinghttp://jsbin.com/unowe3/13 why .attr('href') would be different in IE vs Other browsers on my page but not jsbin? i'm using the same doctype and version of jquery, and identical code. i can't think of any code that i could have written that would affect how .attr('href') works. Edit: i did build a "hacky" solution for it by using $.browser.msie and an if statement, but it doesn't make any sense to me why it would be different in my situation vs any other.(not to mention, if it for some reason starts working properly, the "hacky" solution will cause it to not work)
I'm trying to use the Cluetip plugin to display data on mouseover ofthe tr tag. The data displayed is stored in the title attribute. Itworks great in FireFox, but in IE7 the browsers default title displaysalong with the Cluetip. Am I missing an option that would allowCluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({
cluetipClass: 'jtip',
clickThrough: true, /* Set to true for allowing click to go through
[code]....
Today I've tried to create simple hover effect on a <div>: if the cursor is over the box, the background-image css property of the div is modified. On the HTML side, a <div> with an id:
<div id="round">Blah blah
</div>
drop shadow not displaying right in certain browsers?
View 2 Replies View RelatedJQuery and have a problem with an expandable menu I have created for a new Wordpress theme.
With my expandable menu I am simply (slide)toggling the children <ul> by clicking the parent <li>. This should work fine but jQuery is overiding the default event for the anchors in the children resulting in me having a nice expandable menu that animates well but with its links disabled.
As far as I can tell this should work as I am targeting one level of anchor beneath the parent and not any other more deeply nested children.
The problem only applies to the followning browsers - Firefox 3.5, Safari 4, Chrome and ie 8.
It works fine in ie 6 and 7, Firefox 3 and Opera 9.
The jQuery is as follows:
The html structure is as follows:
I left the anchor details (href, title and so on) out just to make the html code a little easier to scan.
I am new to jQuery and would be glad if someone help me out with this. I want to insert content from external html files based on links clicked. I am using the following code
[Code]...
It works great with all the browsers except for chrome. In Chrome, the ajax-loader image displays.Then it disappears which means that the setTimeOut function has been implemented. But then it displays nothing. So I don't know whether the browser has even entered the 'go' function or not.
I have bashed up a very simple accordion mock type script (I do not want to use accordion, I don't like the effect). The problem is it's buggy in IE as you'll see if you try it - Link
View 1 Replies View RelatedI 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.
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.
Please do not take this the wrong way, but rather as a genuine question I have. I do not want to be negative, but the answer to our bug reporthttp[URL]... One of the main reasons we turned to a javascript framework (we used to use prototype before we - migrated to jQuery), is that we wouldn't need to worry about browsers and versions our users use.[URL].. I now notice that I can not rely on jQuery framework for making functions work cross-browser.
In my opinion, if there is an issue with this, shouldn't jQuery intercept and wrap the call to something that does work in Webkit? Again - this is not meant to be negative, but as an end-developer, I think I should be able to rely on same behaviour of all methods provided in the jQuery library, regardless of what browser/version is being used. (or perhaps at least document it in the api docs?)
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.
View 4 Replies View RelatedI am using Tablesorter to work with a simple table, but have comeacross an interesting difference in how it works between browsers.One of my columns looks like this:
Row 1
img src="http://dssweb/apdashboard/images/Green.png"
class="client_status" title="1. UAT testing Sept 09"
[code]....
How do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
View 1 Replies View Related