From the code given below, I think it's pretty obvious what problem I'm having, but I'll explain:
Javascript is only returning HTML DOM attribute values when they are assigned by the javascript function, not when they are assigned by CSS. So, if I set the background colour of a div using CSS, then try to call that attribute value, JS doesn't return it, BUT, if I then assign a new value using JS, it can correctly read the attribute value.
What am I doing wrong? Or can javascript not pull HTML DOM attribute values assigned by CSS?[code]...
I'm just starting to try out "Ajax" web programming and I've got a question.
AJAX is fairly straightforward. Javascript creates an XMLHttp object and then uses that to generate a hidden webpage with your results.
What I'd like to know is, how can I retrieve multiple values from an XMLHttp request?For example, if my request generated an SQL query that returned a Name, Address and PhoneNumber, could I get those values directly instead of parsing them out of the ResponseText?
This is my current handler:
function showResult(pge) { var url="getResult.asp?sid=" + Math.random() + "&q=" + pge xmlHttp=GetXmlHttpObject(stateChanged) xmlHttp.open("GET", url , true) xmlHttp.send(null) }
function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { //Complete, so show results. document.getElementById("myResult").innerHTML=xmlHttp.responseText; //How to get mulitple values here? } }
I am trying to turn all the bullet points Li id values so i can store them.. I have written the code below but all this does it return the number of li's, everything i have done to bring out the id of the li, it fails. Code:
My getElementsByTagName ("a"); is not returning anything. (well it's returning "0" not the value I should be getting) I'm asking it to find the number of links on my simple html page. (the reason I'm even doing this is just because I'm trying to learn javascript) but the console in Firefox and the Alert window are just returning "0" when it should tell me I have "4" right?
the files are both located in the same folder, locally
this is my scripts.js file
Code: var linksAmount = document.getElementsByTagName("a"); alert("Amount of Links:",linksAmount.length); console.log("Amount of Links:",linksAmount.length); and this is my html file (it's very small)
im having a problem with returning the value of a custom prompt box function . and stopping anything from happening while the prompt is open... the problem is with the
Code: alert(prompt('please enter your name')) at the end
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type=text/css>
Need some help with my For loop. The issue is that, my loop is only returning the values of the last item in the js file. I want the select box to include all possible names.
I want to open a aspx page as popup at a button click with some text box values being passed toit. Also need to display data in a grid in popup and then when a row is selected send that data back to parent .
We use .mac's to create some of our Web content where we also use some javascripts. We have numerous prompts where we have a button for the user to click on that brings up a new prompt window where they type in a search name like, TIE, to search for all ties available to select from.
After typing the search name, the same window displays a list of selections to choose from. When they select the desired item and click the continue button, the window closes and we return the item number to the calling program.
What I would like to do is bring back more than one variable. For example, instead of just, 1234 in Fld1, I would like to return, 1234 into Fld1 and B into Fld2, where Fld2 will not be displayed but needed elsewhere.
For this made up example, these codes could stand for... 1234=Tie and B=Blue. We may use 1234 for all ties and have a second field to further define it.
The code I have always used in the past will just bring back the 1234, I am asking how to return the B also?
Here is some of the code I currently use:
This displays the button they click to bring up the pop-up search window...
I have the hover event set up. There are 100 elements in my document of the class square. What I want to do is return the ID of the current square that is hovered and edit the style=' ' attribute of the .square with that specific ID.
Basically what I'm trying to do is write a plug in which connects to a sharepoint web service, traverse the results of the xml document that is returned by the web service for certain elements, and then return a collection of xml elements which I can use in another function on the page that is calling the plugin.My code looks like this:Main Page
<script type="text/javascript"> $(document).ready(function() { var listItems = $.sharepoint();
jquery width() and height() functions are consistently returning the wrong values for the viewport size (i.e. $(window).width). Anyone know why..or what I can do to fix it?
I'm using height() and width() to find the dimensions of some inline images in the html. FF and IE work fine, but Opera is returning incorrect values. For example, it returns 92px as the width of an image that is actually 160px wide. How can I fix this?
I have a very simple PHP script that returns JSON like this: {"question":"What day is it?"}
And I'm trying to call it from another page using Ajax. My code looks like this: var url = "/test.php"; $.get(url, function(data){ $.each(data, function(i, value) { alert(value); }, "json" ); });
When I run it I get each character printed out one at a time in a separate alert. And then when I used this line of code: alert(typeof data); It tells me that 'data' is a string. Shouldn't it be a JSON object?
I've been going through the documentation for the deferred objects API, and one thing that's still not clear to me is : what jQuery functions are returning a deferred object?
The documentation seems to say that jQuery.ajax() and the animation functions like jQuery.fadeIn() does (what about jQuery UI effects?), but the pages for those functions say they return a jqXHR object and a plain jQuery object.
Anyway, I'm interested in discussion of the following problem:I have a collection of divs each with their own numerical id that i use for ordering. They look like something like this:
<div class = "note" noteId = "1">... <div class = "note" noteId = "4">... <div class = "note" noteId ="23">...
I need to copy input (checkbox) values from a form inside my iframe to the form in my parent frame using javascript and I'm not sure how to modify my current code to accomplish this! I'm using cold fusion to display the values from a database inside the iframe. Once all the values are loaded into the iframe, I need to be able to select as many as necessary and then submit the form from the parent frame which then runs a report that utilizes those values, but I can't do that because my code is written so that the values load in the iframe form and the action to run the report that requires those values is executed from the form in my parent frame. Here are the code snipits:
Main "Parent" Frame Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <cfparam name="WordFlag" default="0"> <html xmlns="http://www.w3.org/1999/xhtml">
[Code]....
I'm thinking that loading the values into some sort of hidden comma delimited string structure in the parent frame would do the trick, if I'm on the right track, how would I go about doing that?
I need to copy input (checkbox) values from a form inside my iframe to the form in my parent frame using javascript and I'm not sure how to modify my current code to accomplish this! I'm using cold fusion to display the values from a database inside the iframe. Once all the values are loaded into the iframe, I need to be able to select as many as necessary and then submit the form from the parent frame which then runs a report that utilizes those values, but I can't do that because my code is written so that the values load in the iframe form and the action to run the report that requires those values is executed from the form in my parent frame. Here are the code snipits:
Main "Parent" Frame Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <cfparam name="WordFlag" default="0">
[code]...
I'm thinking that loading the values into some sort of hidden comma delimited string structure in the parent frame would do the trick.
I am trying to get an object that is stored as an attribute. In IE7 it works but IE8 appears to return the object as a string value (pretty useless). I tried getting the attribute node and the debugger shows an object as the nodeValue but I cannot access it either. It returns an object in IE7 but in IE8 I get the result of a toString on the object again.
Is there a way to get an object stored in an attribute in IE8?
I already know that you can combine multiple attribute selectors, &&-style, by doing:
$("*[name='someName'][value='someValue']"); However, what I was wondering is, is there any way to combine multiple attribute selectors, ||-style, such that I could select: $("*[name='someName'][value='someValue']").add("*[name='someName'] [value='someOtherValue']");
