|
JavaScript - Variablename.length Contains 0 When It Should Cantain A Number Greater Then 0
I am trying to create a Table of Contents from a html document that has h1, h2, and h3 tags. In my js code i retrieve the h3 tags for a given h2 tag and store it into a variable called numSubs then in my for loop i set the condition
j < numSubs.length but the problem is that it keeps saying that numSubs.length is 0 so the for loop never gets implemented. Can you tell me why numSubs.length keeps getting set to 0 when it should be 1 or two? Code: var subs = "sub" + (i + 1);
var numSubs = document.getElementsByName(subs);
alert(numSubs.length);
for(j=0; j < numSubs.length; j++)
{
alert();
toc.innerHTML += "<li>" + numSubs.item(j).innerHTML + "</li>";
}
this is the body of the html Code: <h1>Boolean Algebra</h1>
<h2>Fundamental Boolean functions</h2>
<h3 name = "sub1">Boolean Wrapper Class</h3>
<h3 name = "sub1">Boolean Computations</h3>
<h2>Computational Completeness</h2>
<h3 name = "sub2">Calculating Machanics</h3>
<h2>Identities of Boolean algebra</h2>
<h3 name = "sub3">NAND and NOR</h3>
<h2>NAND and NOR</h2>
Similar TutorialsHi Everyone.! I have to create a quite simple javascript but being a newbie I'm having trouble in it. It's a javascript about showing a value greater than the earlier for a variable. Let me show you. Code: var count=2o var countNow=count+1 What should I use here to show 21 Please help me. I have a string of text, and starting from a particular spot (known to be a number), I want to find the length of that number. Here's what I have: Code: ...
var start = [...predetermined...]
var end = 0;
while (!isNaN(sourceCode.charAt(start + end))){
endCurrent++;
}
var myNum = sourceCode.substr(start, end) * 1;
So let's say var sourceCode = "alkdjabjasdsdf-53 dnalsdb..."; , startCurrent will already be at the "5" and I want to be able to extract the "53". What I have works, but it seems cumbersome... Any advice? Hello, another noob question for you: I have a function that requires the ability to count the number of entries in an array. I'm using the following to call my function inside an input tag: Code: onblur="javascript:check(this.name, this.value, 1, 10);" which for example is calling check('field1', 'foobar', 1, 10) Here is the javascript: Code: function check(name, value, min, max){
var errors=new Array();
if(value.length < min || value.length > max){ //checking against min/max length of value
errors[name] = "Text field must not be blank.";
errors["blabla"] = "array value 2"; //added for testing purposes
alert(name+" : "+value); //returns "field1 : foobar"
}
alert(errors.length); // returns "0"
}
And when errors.length is alerted, it outputs 0. I can only figure that there is an issue when using custom named keys in an array, since this works when I use only integers, however, I have the need to use a custom key index as shown. Any ideas? My array is like so... shp[0][0] = 5; shp[0][1] = "A5"; shp[0][2] = "A2"; shp[0][3] = "A1"; shp[0][4] = "A4"; shp[0][5] = "A3"; shp[1][0] = 4; shp[1][1] = "C3"; shp[1][2] = "C4"; shp[1][3] = "C1"; shp[1][4] = "C2"; shp[2][0] = 3; shp[2][1] = "E1"; shp[2][2] = "E3"; shp[2][3] = "E2"; shp[3][0] = 3; shp[3][1] = "G3"; shp[3][2] = "G2"; shp[3][3] = "G1"; shp[4][0] = 2; shp[4][1] = "I2"; shp[4][2] = "I1"; the results I am after is... shp[0][0] = 5; shp[0][1] = "A1"; shp[0][2] = "A2"; shp[0][3] = "A3"; shp[0][4] = "A4"; shp[0][5] = "A5"; shp[1][0] = 4; shp[1][1] = "C1"; shp[1][2] = "C2"; shp[1][3] = "C3"; shp[1][4] = "C4"; shp[2][0] = 3; shp[2][1] = "E1"; shp[2][2] = "E2"; shp[2][3] = "E3"; shp[3][0] = 3; shp[3][1] = "G1"; shp[3][2] = "G2"; shp[3][3] = "G3"; shp[4][0] = 2; shp[4][1] = "I1"; shp[4][2] = "I2"; so it sorts all from the second part of the array to the end in alpha-numerical order. I tried the following but i get errors about Cannot call method 'unshift' of undefined. // var shp; var shpbk; var shpbktemp; // shpbk = shp.slice(); shpbktemp[0] = shpbk[0][0]; shpbk[0] = shpbk[0].shift; shpbk[0] = shpbk[0].sort; shpbk[0] = shpbk[0].unshift(shpbktemp[0]); shpbktemp[1] = shpbk[1][0]; shpbk[1] = shpbk[1].shift; shpbk[1] = shpbk[1].sort; shpbk[1] = shpbk[1].unshift(shpbktemp[1]); shpbktemp[2] = shpbk[2][0]; shpbk[2] = shpbk[2].shift; shpbk[2] = shpbk[2].sort; shpbk[2] = shpbk[2].unshift(shpbktemp[2]); shpbktemp[3] = shpbk[3][0]; shpbk[3] = shpbk[3].shift; shpbk[3] = shpbk[3].sort; shpbk[3] = shpbk[3].unshift(shpbktemp[3]); shpbktemp[4] = shpbk[4][0]; shpbk[4] = shpbk[4].shift; shpbk[4] = shpbk[4].sort; shpbk[4] = shpbk[4].unshift(shpbktemp[4]); i seem to be having problems with the basic javascript >= < operations i have being doing test before placing them on a final page this is the test script , i have done the alerts just for a test run d gets the info from a text box of the page and when i type the number 1 in the page it displays that its less than 100 but when i type in 2 , it alerts me that its HIGH even though its still less than 100 , i dont know what is wrong i have done a script nearly the same as this before and it worked fine so i dont know whats going on now if (d > "100"){ alert("HIGH") return false } else{ alert("LESS") return false } any help please Hi all, Im in the process of creating a auction site for charity, im working on the last page which allows the user to enter a bid i have this javascript function that i have been working on to try and achieve the following. the user enters a bid use javascript to check to make sure its greater then and not equal to the current price simple right? But no its not well as im new to this maybe iv got lost in the code some where heres my code Code: function IsNewBidGreater(windowname)
{
var NewBid;
var CurrentPrice;
CurrentPrice = document.getElementById('MainContent_txtCurrentPrice').value;
NewBid = document.getElementById('MainContent_txtNewBid').value;
parseFloat(NewBid).toFixed(2);
parseFloat(CurrentPrice).toFixed(2);
if (NewBid < CurrentPrice || NewBid == CurrentPrice)
{
NewBid.className = "error";
document.getElementById('MainContent_ErrorLowBid').style.display = 'block';
return false;
} else {
document.getElementById('MainContent_ErrorLowBid').style.display = 'none';
document.getElementById('MainContent_BidConfirm').innerHTML = NewBid;
ConPopUp(windowname)
}
}
where i enter 10.50 and the current price is 9.99 i get the error message saying needs to be greater MainContent_ErrorLowBid is a hidden div on the web page which shows an error message any help would be highly appreciated I have the below form where the user enters the hours and minutes worked on a task. I want to be sure that the total for the form is at least 8 hours. How can I do that? Code: <form method="POST" onSubmit="return validateHours()" name="theForm" > <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p> <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p> <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p> <p>Hours<input type="text" name="hours[]" size="20">Minutes<input type="text" name="minutes[]" size="20"></p> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> How can I truncate all words greater than 30 characters using a class name when the page loads? Been trying to do this for about 5 hours. Trying to conside the following: * Truncate long words and churn anything above the minimum length with an ellipse. * Only truncate words and not the whole sentence or paragraph. * Should truncate text that are inside HTML tags and not truncate the tags themselves. * When you hover over the ellipse, it will show you the complete word. * The long words are already truncated when the page load (SEO friendly). * Block of text are included in a max of 25 <div> elements and a minimum of 1. That's why I'm not using ID. So far I have this lines of code: Code: <script charset="utf-8" language="javascript" type="text/javascript">
function test(gaz) {
var sbText = gaz.innerHTML;
var sbTextArr = sbText.split(' ');
var tempText = "";
for (var s=0; s<sbTextArr.length; s++) {
if (sbTextArr[s].length > 30) { sbTextArr[s] = "marco"; }
gaz.innerHTML = "";
tempText = tempText + " " + sbTextArr[s];
gaz.innerHTML = tempText;
}
}</script>
<div class="myClass" onmouseover="test(this);"><p>This is a <strong>looooooooooooooo</strong><em>ooooooooooooooooooooooooooooooong</em> word.</p></div>
<div class="myClass" onmouseover="test(this);">A text without long word.</div>
<div class="anotherClass"><p>Another set</p><p>But should not affect if there's a loooooooooooooooooong word.</p></div>
I got this from the web and modified it but not working as I intended it to be. Useful for posts in forums, blog comments, and guestbooks I have a function below where every time a question is submitted, it will add a new row in the table with a textbox which allows numbers entry only. My question is that I don't know how to code these features in this function: 1: I want the text box to be between 0 and 100, so if text box contains a number which is above 100, it will automatically change the number to the maximum number which is 100. Does any one know how to code this in my function below in javascript: Code: function insertQuestion(form)
{
var row = document.createElement("tr");
var cell, input;
cell = document.createElement("td");
cell.className = "weight";
input = document.createElement("input");
input.name = "weight_" + qnum;
input.onkeypress = "return isNumberKey(event)";
cell.appendChild(input);
row.appendChild(cell);
}
I am trying to figure out how to make a random number I can plug into a script count down from that number at certain times of the day until it reaches 0. I would like it to reset itself at midnight every day. I'm trying to make it work with a script I found on here that resets itself at midnight every day. So instead of it counting down too fast, it would count down to the next number after a randomly generated number of minutes until it reaches 0. But it wouldn't necessarily have to end at 0 at midnight. It could go from 845 to 323 at the end of the day at a slower pace. Is that possible?
When I used toFixed() method on a number, I thought that this method round a number to a specified approximation, but I got a surprising result, the number became string! 15.23689 .toFixed ( 2 ) ==> "15.24" So does it convert the number into string? For some reason i'm getting the error of "length is null". Which is from this . Code: function display_form(id) {
//Create some variables
var html = "";
var container = "form_container";
var menu = load_menu(id, false);
//Get id
for ( var i = 0; i < menu.length; i++ ) {
alert(i);
}
http = getHTTPObject();
http.onreadystatechange = function() {
if ( http.readyState == 4 && http.status == 200 ) {
document.getElementById(container).innerHTML = http.responseText;
} else {
document.getElemenyById(container).innerHTML = "Loading...";
}
}
http.open( "GET", "includes/forms.php?form=" + id );
http.send();
//Watch input fields
//login_listener();
}/*
Here is the function: Code: function load_menu(menu, return_d) {
//Availible menus
var data = [];
data [ 'login' ] = [ 'Login', 'Register', 'Recovery' ];
data [ 'settings' ] = [ 'Profile', 'Account', 'something' ];
if (return_d == false) {
return data[ menu ];
} else {
//Menu container ID's
var cons = Array('menuitem1','menuitem2','menuitem3');
for ( var i = 0; i < cons.length; i++ ) {
document.getElementById(cons[i]).innerHTML += data[ menu ] [ i ];
}
}
}
Extra info: id = login menu = login Hello. I wonder is there any javascript to calculate IP length For example I have Start ADDR: VLAN_ADDR which is: 10.52.28.0 Stop ADDR: VLAN_LAST which is 10.52.29.254 As I know:result is 512 or another example: Start ADDR: VLAN_ADDR which is: 10.52.64.11 Stop ADDR: VLAN_LAST which is 10.52.64.15 As I know:result is 5 How to count it in javascript code ? Results are "numbers" Best regards Leos. Overview: Order entry project. I am using an iFrame to pull external forms that I can not change. Once our employee enters in the information and submits I would like to redirect the existing window to a new page. I've tried many variations of: Code: <script type='text/javascript'>
function iHistory() {
var hist=history.length;
if (hist>1)
{
parent.window.location = "orderentry.php";
}
}
</script>
Since I have no control of the external form I have been using OnLoad() in the iFrame tag to call iHistory(). The script works great unless the browser history is >1 If possible, I would like to also setup like a 5 or 10 second delay so the employee can see the framed confirmation page before redirect. So the function needs to check current history.length, when that changes delay 5-10 seconds and redirect parent window to orderentry.php Ok I have a textarea field that is validated by Js, this textarea can and will contain the newline character Code: \n so I validate in JS Code: if(textareaname.value.length < 200) this hten goes through to my php where i also check before I place in to the Database using MYSQL Code: if( strlen($_POST['textareaname']) < 200 ) but my php is giving me a different string length from my javascript. It looks as if Javascript is counting a newline as 1 character and php is treating it as 2. I have checked my slashes, I have used various REgex to check these data amounts. I have also Googled around and there doesnt seem much around. Any ideas? Any suggestions as to how I can make php and javascript treat a newline as the same amount of characters? Thanks in advance. I want to use the new keyword to instantiate an object. The catch is I want to pass in variable length arguments. Given: Code: function Foo () {
this.args = Array.prototype.join.call (arguments);
}
var args = ["arg0", "arg1", "arg2"];
The following don't work (though I understand why): Code: new Foo.apply (null, args); new (Foo.apply (null, args)); (new Foo).apply (null, args); Any ideas on how to do what I want without modifying Foo's source code? function checkValidFormInput() { if (document.getElementsByName('customerName').value != '') { document.getElementById('customerNameImg').innerHTML = '<img alt="Valid" src="images/greenTick.png">'; } else { document.getElementById('customerNameImg').innerHTML = '<img alt="Invalid" src="images/redX.png">'; } if (document.getElementsByName('customerEmail').length > 0) { document.getElementById('customerEmailImg').innerHTML = '<img alt="Valid" src="images/greenTick.png">'; } else { document.getElementById('customerEmailImg').innerHTML = '<img alt="Invalid" src="images/redX.png">'; } } I'm trying to figure out how to add a length paramater to this function. Not quite sure how to do it. here's what I tried: Code:
var phone = document.getElementById('phone');
if(isNumericdashes(phone, "Please enter a valid phone number")){
return true;
}
function isNumericdashes(elem, helperMsg){
var numericExpression = /^[0-9\(\)-]+$/;
if(elem.value.match(numericExpression) &&(elem.length > 9)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
Hi, I'm a JS beginner and I find looping through arrays with for/in is very easy. Yet I find lots of code examples where array length is used instead of for/in and I'm thinking to myself, why do it this (somewhat) hard(er) way? Maybe I'm missing something... Thanks for your help. |
|||||||