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?
Code:
I have the following code which is working in Firefox:
function showOptions() {
if(!document.getElementById) return false;
if(!document.getElementsByTagName) return false;
var lnks = document.getElementsByTagName("a");
for(var i=0; i<lnks.length; i++) {
alert(lnks[i].getAttribute("class"));
if(lnks[i].getAttribute("class") == "toggle") {
lnks[i].onclick = function() {
var options = document.getElementById("multiretailers");
options.style.display="block";
}}}}
I understand that IE doesn't like he getAttribute() method and is
returning null for the class name.
What are the work arounds for this?
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".
I'm 2 for 2 on stupid questions this works in FireFox but not in IE it's not returning the value of the style element and I'm getting [object] error??
document.getElementById('test').innerHTML = document.getElementById('id_CompanyName').getAttri bute('style');
<div class="dR4C2">
<p id="id_CompanyName" style="font-size:<%=aspNameFontSize%>px;">
<%=aspCompanyName%>
</p>
</div>
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....
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 want to find out if an element has been hidden by setting display to 'none'.
When it has been hidden, I find "display: 'none'" in the firebug display, as expected. code...
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:
[Code]...
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;
while(!c_obj.nodeType==1)
{
c_obj=c_obj.nextSibling
}
if(c_obj.getAttribute('width'))
{
slide_width=c_obj.getAttribute('width')*1;
}
if(n_spot<=0)
{
n_spot=0;
}
else if(n_spot>slide_width)
{
n_spot=slide_width;
}
curr_slide.style.left=n_spot+'px'
c_obj.value=getSlide(curr_slide)*c_obj.getAttribute('alt');
}
</script>
<style type="text/css">
.slider
{
width:40px;
font-size:10px;
height:11px;
float:left;
}
.slider_house
{
clear:left;
float:left;
border-top:solid 1px #10385A;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
margin-right:3px;
}
.handle
{
height:15px;
width:10px;
border-right:solid 1px #FFFFFF;
cursor:pointer;
position:relative;
left:0px;
border-left:solid 1px #FFFFFF;
background-image:url(images/triangle.gif);
}
table
{
width:100%;
}
table tbody tr td
{
border:solid 1px;
}
</style>
</head>
<body>
<br />
<form method="post">
<input type="text" alt="100" width="200" class="slider" />
<br />
<input type="text" alt="10" width="100" class="slider" />
<br />
<input type="text" alt="5" width="300" class="slider" />
<br />
<input type="text" alt="1" width="250" class="slider" />
<br />
<input type="text" alt="1000" width="50" class="slider" />
<br />
<input type="text" alt="2" width="500" class="slider" />
<br />
</form>
</body>
</html>
i make function like this:
function chrCount(which){
maxChr = document.getElementById(which.name).getAttribute('maxlength');
if (which.value.length > maxChr)
which.value = which.value.substring( 0 , maxChr )
else
document.getElementById('chrLeft').innerHTML = maxChr-which.value.length + " chr(s)Left" ;
}
html code:
<input name="name" type="text" maxlength="8" onKeyDown="chrCount(this)" onKeyUp="chrCount(this)">
<div id="chrLeft" ></div>
above code work in IE6, not in Mozilla, can anybody tell the right code ? running in IE6 and DOM browser only is find.
I'm creating an AJAX page that is built using a PHP Class, ie the php looks a bit like this: PHP Code:
$wp_page->addjs('../var/savepolicies.js')
$wp_parser->page = "userpolicywindow.php";
$wp_parser->addlink("Home","../index.php","");
$wp_parser->addlink("Logout","javascript:logout();","");
$wp_parser->getpageid("501");
[Code]...
within this page that has been created, there is an AJAX tree folder which calls another page to be loaded into a DIV by AJAX again. Code:
[Code]...
I don't know why it doesn't work because the page has been loaded with the JS file, but as soon as the link is added afterwards it doesn't work. I take it this is because it doesn't know where to find the JS, but how can I overcome this?
jquery provides ajaxStart() and ajaxStop() events. Those two events do not seem to be triggered if the ajax requests are made by Microsoft Ajax tool Kit (from ASP.Net code). Is there any way to bridge those two event models? If not currently possible, is there any future initiative or plan out there to make this happen?
View 2 Replies View Relatedi was using $.ajax method to get my ajax page on my main page,which is working great.But now if i have links in that ajax page then i can't open them in that same div,the links are opening in new window,but i want to open in same part,i tried google it and then found, i have to use iframe instead of div.how to do with only use jquery and div.
View 3 Replies View Relatedi have a series of <select> fields. The first one, via ajax(), generates a 2nd one, based on the first ones' data with the .change() method. there is then a 3rd <select> - who's data will depend on choice of the second one although step 1 works, and i can generate the 2nd one, i still can't generate the 3rd one.
when i test the script on its own, both the 2nd and 3rd <select> fields are fine - but not via the ajax, which leads me to believe that the .change() from the 2nd one, isnt triggering the ajax call - its not being picked up (even the 'hello' alert isnt working).
[Code]...
I am using jquery for getting ajax responses from server side functions.
I am in a situation where I need to make two ajax calls one after another and the second one is dependent on the response of the first one.
I have tried to use a code which is similar to this one?
$.ajax({
type: 'GET',
url: 'myURL',
success: function(data)
[Code]....
Is it possible to get two have two ajax calls , one dependent on the other?
Am calling Webservice in one ajax post, In the success funtion am calling another another method in same webservice through another ajax post method. First ajax post is getting called and returning the string from the webservice method but the inner ajax call is not getting called. I have placed the code here.
[Code]...
Am trying to set up a very simple AJAX script for my website. The
javascript i have in an external file which reads as below.
This works perfectly in firefox but IE doesn't display anything at all.
No error messages, just a blank IE window. If you look at the IE source
this html is all there it just won't show it! Code:
I was playing a little bit with a lot of ajax frameworks. I have even
wrote one small by myself. But one thing still drives me crazy: Whenever
I'm doing an ajax call I need to specify handler to handle data coming
from a server script. That means that almost for every action I need two
functions.
Since I'm still new to all of this I'd like to ask how can i achieve
something like this:
function function_name(el) {
var i_need_this = get_what_i_need(el.id);
return _i_need_this;
}
where get_what_i_need function is returning some information using ajax
from a server.
I want to update part of a XML output (generated by Perl CGI). I'm using XSL to transform the XML.
Can I use this approach?
I need to resort the contents of a table, that gives me the results
from a query, when someone clicks on one of the names of that table.
Is there any books i can buy from local shops or any websites that can help you learn the basics up to advanced ajax?
View 8 Replies View RelatedI've noticed a strange behavior with Ajax in internet explorer. In my page I've four links, that call four different pages by using XMLHttpMethod. By entering for the first time in the page and selecting the various links, all work correctly (the 4 pages are called and displayed into the page), but if I click again on a link previously clicked, trying to repeat the call, the responseText won't to appear!
View 2 Replies View RelatedI'm new in javascript and ajax and I need a IDE to write and debug my codes and I want it to be something like phpdesigner or dreamwawer that have snipper and suggest me when I write some of the code.
View 2 Replies View RelatedI would like to have suggestion on which ajax library (open source) is the best to try, in term of:
1) ease of use
2) best support
3) best future (huge community)
In particular, there is a pretty nifty little box effect that seems to be popping up all over the place these days. It would work perfectly for a project I am working on, but I have no idea how to go about doing it.
I found a joomla template over here that has just what I want. I don't use Joomla, I'm a wordpress boy, and I also don't really want to dig in there and rip it out. Could someone look at the template and possibly point me in a direction on finding something similar to that? Possibly something easy? Code:
I'm currently engaged on a dissertation which is
investigating AJAX technologies and I was
wondering if anyone had any references that might
shed light on the subject?
I will of course carry out a literature review but
in the mean-time has anyone any (preferably print
based) sources of data on AJAX?
Can someone recomend me some good AJAX book?
View 4 Replies View RelatedI am trying to call a servlet i created. Basically this servlet will let user create a new account at the server. I have created the function "CreateAccount()" but http_request.readyState always return me 0.
What is wrong with my code?
function CreateAccount()
{
if( window.XMLHttpRequest )
{
http_request = new XMLHttpRequest();
}
else if( window.ActiveXObject )
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
var parameters = "username=" + encodeURI(
document.getElementById("username").value ) +
"&password=" + encodeURI(
document.getElementById("password").value );
http_request.onreadystatechange = RegisterUser();
http_request.open('post', "/servlet/CreateUserAccount", true );
http_request.setRequestHeader("Content-type",
"application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", parameters.length);
http_request.setRequestHeader("Connection", "close");
http_request.send(parameters);
}
}
function RegisterUser()
{
alert( "register user: " + http_request.readyState );
if( http_request.readyState == 4 )
{
if( http_request.status == 200 )
{
alert( http_request.responseText );
}
else
{
}
}
}