JQuery :: Namespaces In XML Ok With Firefox But Not IE Or Safari?
Mar 30, 2010
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.
Ok, So check out [URL].. The index jquery works fine on all three browsers (last I checked) Now go to [URL]..php or any other secondary page. The jquery has gone loopy and is not working! It seems my CSS partially works, my jquery does not work at all... totally lost on why my jquery is not activating.
Why does my below code not work in Safari and firefox? The below code does not call my page method.but it works on IE. Is there any thing need to enable Ajax mehod call.
I can't get jQuery working at all with IE7. I'm using the jQuery Cycle plugin, but I believe this problem is with jQuery (and the fact that I'm am a newbie). I'm trying to use an banner rotator, which works on Firefox, Safari and IE8. On IE7, it is not even activating... it just shows each div one after another.
I have a jQuery based gallery [URL] that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely.
I am newbie& have following script: (Ajax Request) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]"> <html xmlns="[URL]"> <head> <script type="text/Javascript" src="jquery.min.js"></script> <script type="text/javascript"> function get(){ .....
This code works w/o any problem in IE and Safari but does not work in firefox.
FireBug States: invnew is not defined get( ) new-at...da.html (line 8) onclick( ) 1 (line 2) event =click clientX=44, clientY=435 $.post("data.php", {ChandaType: in...ChandaType2: invnew.paydate.value },
I am not a guru jquery coder and still have to learn alot, recently while learning jquery AJAX I have bumped into a weired issue, I have a apge right and in this page I have a dropdown list for people to select an RSS channel that they wish to know more about, the dropdownlist ahs an onChange event which when triggered it will get the value of the selected item in teh dropdownlist and post it to the other 'mini' pages that load on the same page via AJAX by using the GET method - ie: im passing the parameters like a normal querystring would. The problem is that when I assign the dropdown value to a variable called dropdown in the following line of code "var dropdown =document.getElementById('ddlChannelSelect');" it works in IE but not in the other browsers, I have debbugged this in FireBug and it seems that the variable dropdownlist is not actually getting the value of the actual dropdownlist nad it says 'null' or sometimes 'undefined'. Am I doing something wrong ? why is it that it is working in IE but not in other browsers ? can you pls give me a solution with some examples ?
1) When clicking on a list in an accordion, it should change the quicktime movie playing in a main window area. It works in firefox but not in safari. The variable imgTitle holds the expected output (e.g. '../images/Intro-1.mov'). It changes the src attribute of the embed tag. This change works in Firefox where the new movie plays on click. However, when clicking the list item in safari, nothing happens.
2) There is a problem in firefox as well in that the movie overlays everything else on page, even though it should be behind the text. Positioning would be tedious given that there's many nested elements and I would have to set relative positioning to the entire page.
$(".image_thumb ul li ul li").click(function(){ var imgTitle = $(this).find('a').attr("href"); var imgDesc = $(this).find('.block').html();[code].....
The white my notes section on the bottom left is a div area that is loaded with an Jquery Ajax call just like 2 other areas on the page. This works fine in IE, Safari (PC), Chrome but not in Firefox. It just shows blank white.
Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.
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.
I have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries locnevent.preventDefault;[code].......
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows //// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I've been working with Javasrcipt on Firefox (a mozilla off-shoot but very similar to Safari on Mac) but can't seem to find any kind of debugging window. The script either works or nothing happens.
Specifically, I am trying to compare dates. I had a simple function that I know works in IE doesn't work correctly on Firefox. I found a much more elaborate script on another site that should work around browser issues and got the same result.
When a user visits index.html on my site, they input their email address. The form redirects them to "confirmed.html", the form also writes a cookie with their email address.When the user gets to confirmed.html, I use an "if/else" statement. If there is a cookie (email address), I append ("#"+user_email) to the window location. I do this so that when the user shares with "addthis" tool, I will know who is sharing. Unfortunately addthis only shares the current page, so I want new users to the site to be redirected to index.html My code works in firefox, but not safari. In safari it just seems to redirect to index nomatter what. The user never even sees confirmed.html.
var user_email = unescape(document.cookie); if (document.cookie) {
when you click the link from the iframe it doesn't work at all in firefox...says the function is not defined.This is working like a charm in Safari ---I have tried defining the function in a dozen different places -- INCLUDING the index.php header and the content item there on the page.Also in the google.blogger header --- NONE work in safari as consistently as what I have got here.I basically hacked a google.blogger widget and wanted to use a submit-form instead of the get-url variables to load the page of the website wth the blogger iframed into the site.
I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.
I am trying to use AJAX to do a simple thing of displaying the results in the same page. Clicking on the <a href tag should display the results in the same page. This is working correctly in IE but the onclick() function is not working in firefox and safari.
I am integrating PHP with javascript and css to create an image gallery for an art site. When a user clicks a thumbnail, the painting shows above the thumbnails, and data about the painting, along with an artist statement (in the form of an image) shows up on the right side. Everything works as it should with firefox and safari, but the statement image is not showing up in explorer. I right click the broken image and it shows the correct url, but the image is not/won't be displayed. What am I missing?
