|
JavaScript - Queryselectorall() Nodelist Usage
Code:
function themeOne() {
var thm = document.querySelectorAll("div.articles");
for( i = 0; i < thm.lenght; i++)
document.thm[i].style.border = "5px solid red";
}
So all I'm trying to do here is to change the styles of the div's that have a class attribute with the value "articles". The function call works and a NodeList is created and placed in the variable thm . But before the first pass of the for loop, firebug is telling me that thm is undefined. You can see in the picture below that thm was infact defined and the NodeList was properly created and placed in the variable. Can someone tell me why thm is being returned undefined? querySlectorProblem by FutureWebDev, on Flickr Similar TutorialsHi I am in the middle of building some API's for my site and have built a cernal for all API's to read but i dont want the user to add two script tags to their sites code so I was wondering how I could do this. These are not my real files but will give you the full view of what it is I am trying to do. - cernal.js Code: var error = function(o) {
if(o !== '') {
alert(o);
}
};
- pub109283746374.js Code: // include the cernal.js file here somehow
// Do a small function that uses the error cernal function
function ShowNotice() {
if(API_KEY !== '' && API_KEY !== undefined) {
alert('Success');
} else {
error('Sorry but you have an invalid API key.');
}
}
- http://www.userswebsite.com/demoFile.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>WHOISearch API Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.mysite.com/API/pub109283746374.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
ShowNotice(); // Alerts 'Sorry but you have an invalid API key.'
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
API_KEY = 'pub109283746374';
ShowNotice(); // Alerts 'Success'
//]]>
</script>
</body>
</html>
If anyone can help me it will help me so much with finishing these API's, please reply if you know how I can do this, Thank You. DJCMBear I am using firefox 8. Is there a way is seeing the details of its memory usage please? Many thanks for any help, S I'm interested to see how many of our users have JavaScript enabled. My idea is to set a cookie using JS and read it back on a subsequent page load via PHP, log this in a database or flatfile and get an idea of how many users are using JS, and correlate that with their browser version. Of course we have AWStats that we can refer to, but it doesn't give an idea of what percentage of users have JS enabled. Comments? Ideas? Has anyone done this successfully and what was the result? Hello everybody, I have a little problem concerning variable visiblity and usage within inner functions. This is the javascript code: Code: function StateSuggestions() {
states = [];
var txtFile = new XMLHttpRequest();
txtFile.open("GET", "http://localhost:8182/www/search/GEMET.txt", true);
txtFile.onreadystatechange = function(states) {
if (txtFile.readyState === 4) { // Makes sure the document is ready to parse.
if (txtFile.status === 200) { // Makes sure it's found the file.
lines = txtFile.responseText.split("\n"); // Will separate each line into an array
states.push("testInFunction")
}
}
}
states.push("testOutofIt");
txtFile.send(null);
}
The method "states.push("testoutOfIt")" works (adds an element to the array) but "states.push("testInFunction")" doesnt have an affect on the variable states although I gave the variable "states" as transfer parameter to the function. Can anybody maybe help me? Greetings, TsEMaNN Hello, I'm trying to write my class with member properties and functions like below. What I want to learn is that is there any problem to use prototype object in the class that we want to use with it? I asked because I generally see that prototype object definition and member functions and properties created outside of the class unlike my class that I wrote like below. Is there any problem writing my class like below? Thanks. Code: function Point()
{
Point.prototype.x = this._x;
Point.prototype.y = this._y;
function _setX(x)
{
this.x = x;
}
Point.prototype.setX = _setX;
function _setY(y)
{
this.y = y;
}
Point.prototype.setY = _setY;
function _show()
{
alert(this.x + this.y);
}
Point.prototype.Show = _show;
}
function callMyClass()
{
var p = new Point();
p.setX(3);
p.setY(5);
p.Show();
}
Hi, I have a simple page and a javascript that measure the time the user has spent on a page and I want that variable to pass as a link to another page (php). I'm stuck (rookie) with how to actually pass that on in the link. Here's my code: Code: <?php session_start();?>
<html>
<head>
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Cody Shaffer :: http://codytheking313.byethost11.com */
var time=1;
function timeHere() {
time = time + 1;
finalTime = time / 10;
}
</script>
</head>
<body>
<div id="container">
<form id="form1" method="post" action="">
<label>Fill this Data
<input type="text" name="1" id="1" />
</label>
<p>
<label>
<input type="submit" name="2" id="2" value="Submit" />
</label>
</p>
</form>
<a href="go/index.html">ads</a>
</div>
</body>
</html>
Thanks for the help Hello, I am trying to parse a string using regular expressions. This string can potentially have any number of non-alphanumeric characters acting as delimiters. These delimiters can also be grouped together. Here are some examples of the data: 00923:5342:123 --> I want to extract 00923, 5342 and 123 into an array 08765::764375 --> parse this as 08765 and 764375 into an array 3246//672354//23458 --> parse as 3246, 672354 and 23458 23564-73654 --> etc I'm using the following code: Code: var ids = str.match(/\w*/g); But it just returns the first token from each line and ignores the rest. So with the above data I'm only getting back 00923, 08765, 3246 and 23564 into the first element of the "ids" array. I've also tried an "inverse" approach using the split method like so: Code: var ids = str.split(/\W*/g); and I just get the same result - the first token from each line is only returned. My test code looks like this ('str' contains a string read in from a file): Code: var ids = str.match(/\w*/g);
//var ids = str.split(/\W*/g);
task.logmsg("the length of the array is " + ids.length);
for (i = 0; i < ids.length; i++) {
task.logmsg("ids=[" + i + "]=" + ids[i]);
}
I can confirm that ids.length is returning 1 (??) The 'task' object comes from a separate library and the 'logmsg' method just writes to the console. My reptilian brain is struggling with reg exps. This shouldn't be difficult to do, but I just can't get it to work. If anyone out there can lend some assistance, it would be greatly appreciated. Thanks, JD |
|||||||