I am trying to get a url attribute from an xml node:
<item>
<media url="http://blablabla.com" />
</item>
I can do this in IE with the following code:
var newDom = xmlhttp.responseXML;
var x = newDom.getElementsByTagName("item");
var urlNode = x[0].getElementsByTagName('media');
var myUrl = urlNode[0].getAttribute('url');
If I try this code in FireFox it gives me the following error:
urlNode[0] has no properties referring to this line : myUrl =
urlNode[0].getAttribute('url');
I'm loading xml files in order to populate some <selectoptions from an xml file. i only need to fill these dropdowns on page load, so am using XML DOM to fill them. Here's basically what the source XML file looks like, abridged to only one record:
Now, the following function loads the information ( i have reasons for only using the microsoft activeXObject as opposed to adding Netscape functionality): Code:
I'm not too good with programming, but I'm trying to get my feet wet with some nice little AJAX tools. I have some things currently working, but I'm trying to re-write the code so I can reuse these modules for a number of functions....As of now, I have a function that returns XHR requests [ ajaxRequest(){} ]. I am calling this function inside an XML Parser called [ ajaxParser(){} ]. Once that's created, I have the following code:
Code:
xmlDoc = new ajaxRequest() xmlDoc.onreadystatechange = function(){ if (xmlDoc.readyState == 4){ if (xmlDoc.status == 200){[code]....
At this point, I want the function to return an object that holds all the XML Node names, lengths, textContent, etc. I would like to be able to call this in any other function I write and begin traversing the nodes there. Something like root = new ajaxParser(file.xml);I tried "return parentMenuList;" except the length return is undefined. What I see in the DOM inspector is an object called root (with no other properties to it).
I'm still pretty new to javascript and dom, but have been coding with other languages for a while.When I try to compare a string to a .nodeValue it always fails, even if they are same. From what I've read typecasting is automatic in javascript or is this incorrect? For instance
var myGreet = "Hello"; var myFrag = myXML.lastChild.firstChild.firstChild.childNodes[0].nodeValue; returns Hello if(myGreet == myFrag){ always returns false alert(myFrag); }
I'm trying to get the value of an object's property. getAttribute returns "null" even though I'm sure the property is set. I can easily set the property, and in my actual script I do so dynamically. I just want to read the property and can't.
To help explain my problem, I've attached an example .html file as a .txt file.
The critical part of the code is this section that is based on "textbook" examples of how to get an attribute:
<script type="text/javascript"> function showcolor() { var myobject = document.getElementById("lab"); var myproperty = myobject.getAttribute("color");
alert(myproperty); } </script>
This is called via a button on the bottom of the page. The DIV object with the ID "lab" exists and has a color attribute defined in CSS, but I cannot read it, nor any other attribute, with a script. The alert displays "null".
It seems to be a problem with the getAttribute('style') portion of the code because if I change the request to getAttribute('id') it executes properly....
During development of Bing Maps, I've come across a problem when reading in an XML file and plotting a ploygon. The code works fine on IE, but FireFox is giving me the following error message: Error: xNodes[i].getAttribute is not a function
The function in its entirety is copied below and the problem line is marked in red. Hoping that someone may have come across this problem?
I found that appending XML string as XML node will fail in IE, so I wrote a small plugin to solve the problem, here is my post: http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/29/jquery-xmlext-plugin.aspx.
I am trying to get my script working in FF, IE and Opera but the getAttribute isn't working for me. The domain name isn't getting picked up I have tried this:
I'm working on a slider script and it would be just lovely to be able to specify the slider's width in a width attribute on the input that represents it. In the code below, getAttribute("width") is returning 0 in IE, but seems to work fine in firefox. . . .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script type="text/javascript"> var curr_slide=""; var ie = (document.all && !window.opera)?1:0; if (!ie) document.captureEvents(Event.MOUSEMOVE) var tempX = 0 var tempY = 0 var slide_width=200; window.onload=function() { buildSlider(); } function buildSlider() { var sliders=getElementsByClassName(document,'input','slider'); var len=sliders.length; for(var i=0;i<len;i++) { var div=document.createElement('div'); div.className='slider_house' alert(sliders[i].getAttribute('width')); if(sliders[i].getAttribute('width')) { slide_width=sliders[i].getAttribute('width')*1; } div.style.width=(slide_width+10)*1+'px' var handle=document.createElement('div'); handle.className='handle' handle.style.left=Ɔpx' handle.onmousedown=function() { curr_slide=this; document.onmousemove=function(e) { getMouseXY(e); } document.onmouseup=function() { document.onmousemove=""; } } div.appendChild(handle); sliders[i].parentNode.insertBefore(div,sliders[i]); } } function getSlide(obj) { var s=obj.parentNode; var lft1=s.offsetLeft; var lft2=obj.offsetLeft; var num=(lft2-lft1)-1; if(ie) { num=num-10; } return num; } function getElementsByClassName(oElm, strTagName, strClassName){ var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName); var arrReturnElements = new Array(); strClassName = strClassName.replace(/-/g, "-"); var oRegExp = new RegExp("(^|s)" + strClassName + "(s|$)"); var oElement; for(var i=0; i<arrElements.length; i++){ oElement = arrElements[i]; if(oRegExp.test(oElement.className)){ arrReturnElements.push(oElement); } } return (arrReturnElements) } function getMouseXY(e) { if (ie) { tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop } else { tempX = e.pageX tempY = e.pageY } if(tempX < 0) { tempX = 0 } if(tempY < 0) { tempY = 0 } n_spot=tempX-curr_slide.parentNode.offsetLeft; var c_obj=curr_slide.parentNode.nextSibling;
I am trying to load html stream directly into webbrowser in delphi. The html contains java script. It loads xml and xsl files and display the xml content in the web browser. I got an error, says access denied for the command xmlDoc.load(fname); If I save the html into a file, test.html, and double click it, it is fine, no problem. The code is actually copied from [URL].
<!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.
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.
I have a BETA site that I'm testing. It looks good/works fine in IE, but Firefox has some troublesome breakages that I can't figure out how to fix without breaking IE. The one I'm most concerned about is that I have a video player that was working a couple of weeks ago, and several revisions to the page later (not the video iframe), it's not. Works great in IE, but in Firefox, the controls in the video player are either sticky or do not work altogether. The video is called through an iframe (needs to be done that way by request) and the embed is as such:
I have some menu items which i use javascript to change the image on mouse over. This works fine in IE, and used to work fine in Firefox.
However I added an few extra menu items near the bottom and something has gone a bit wrong. The last 4 menu items dont change image in firefox or netscape... but they work fine in IE. Code:
I'm trying to find a simple step-by-step on how to read a simple XML file like this one, which will work in IE 6 and Firefox 0.x.
<?xml version="1.0" encoding="ISO-8859-1"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Christopher Santee</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CATALOG>
The problem is every example, I find that it will work in IE but not Firefox or visa versa, could someone please point me to a how to that will work with both browsers. I just spent two weeks reading the Microsoft Press Book "XML Step by Step", only to find out that the technology only works with IE.
When I set the background colour of an element using tdRef.style.backgroundColor and then read it back, Firefox always gives rgb(r, g, b) regardless of whether I've used rgb(...) or #rrggbb to set it.
If I use tdRef.bgColor to set/read the value, I always get #rrggbb regardless of whether I've used rgb(...) or #rrggbb.
IE, on the other hand, when using style.backgroundColor reports back in whatever format was used (either rgb(...) or #rrggbb), but, like Firefox, always gives #rrggbb for the bgColor method.
My question is which method is most consistent across various browsers? I want to use style.backgroundColor (since some browsers don't support bgColor, I guess it's a legacy from the ver 4 browser days). If I decide to use rgb(...), is it consistently supported by other browsers or do some report in #rrggbb regardless? Code:
I have the script below, which is supposed to populate a text box on a form which opened this popup window - it should then call a function 'PostThisPage' on the opener document, and then close the current window/popup.
This works ok in IE - can anyone please help me by pointing out what it needs to become cross-browser compatible? It doesn't work in Firefox 1.0.
