JavaScript - Check Length Of Text In Html Span Tag?

Is there a way to call javascript functions based on the text between a span element?

In other words if I have <span id="mySpan">Bronze</span> then it will call a javascript function but if I have <span id="mySpan">Silver</span> then it will call a different function?

Thanks!

Why fail? --> <span onclick="document.bgColor = 'grey';">Grey</span>
<span onclick="document.bgColor = 'grey';">Grey</span>
does not change the page grey on this page:

u s e r s (dot) r c n (dot) c o m / r o b e r t (dot) a c k e r t / g r e y . h t m

any ideas why? I think something is blocking it.

Hi guys. I'm trying to write a macro, but I'm lost. So say if I have an array of keywords to check for on a web page,

Code:

var keywords=new Array();

keywords[0]="You are a cat";
keywords[1]="Are you a robot";
keywords[2]="Have a good summer";

How would I make a function that checks the currently opened web page for one of the specific keywords. And if that keyword is found, then execute some action - and if not, then execute some other action?

Thanks

Here is my scenario, i have a html that allows the user to retrieve .pdf file from the server.

If the users are trying to open the html again, mean the user open a new tab/window to the same html url, the window will prompt the user that the html is already opened.

The user will need to close the old html tab/window first before open a new one.

Is it possible to stop the users to open the new same html file before he/she closes the old one ? Is there any link that teach the tutorial about this ?

I am wondering do i need to use cookies in the browser to store the url in order to compare to the new tab/window url ?

Thanks for helping. I appreciate this a lot.

how to change placeholder text colour in javascript?

Code:

<script>
// this is inside a html form
form['height'].placeholder+="enter password";
</script>

how do I change the text above from grey to a different colour?

Also, how do I check for isnotanumber in a form submission?

Code:

if(isNaN(form['weight'].value)) {
			console.log('use a number');

it still outputs that console.log error!!!!!!!!!

I am just starting out using Javascript and created a simple knowledge check to give a learner feedback on a question. It will allow the learner to quickly check if they have mastered a topic. The problem that I am having is that if I put two of these knowledge checks on the same webpage than it just posts the same answer when the submit button is clicked. What I have been doing is just pasting the code below twice on the page and changing the question and answer out. When I click "Check Answer" it is the same answer for both questions. Here is my code:
Code:

<fieldset>
<legend><strong>Question 1</strong></legend>
<SCRIPT LANGUAGE="JavaScript">
function readText (form) {
    TestVar =form.inputbox.value;
    alert ("You typed: " + TestVar);
}
function writeText (form) {
    form.inputbox.value = "The wavelength of the blue light scatters better than the rest, predominates over the other colors in the light spectrum, and makes the sky appear blue to us."
}
</SCRIPT>
<form name="myform" action="" method="GET">
    <label for="question">Why is the Sky Blue?</label><br><br>
    <input name="inputbox" value="" type="text" style="width: 287px; height: 112px">
    <p>
    <input id="question" value="Check Answer" onclick="writeText(this.form)" type="button">
    </p>
</form>
</fieldset>

Any help would be much appreciated in terms of direction.

Thank you.

I'm making a table that is dynamically populated from XML data. One of the columns refers to an XML tag that is NOT required (hence the tag does not exist in every XML entry). How do I write a statement (if, else, or any other?) that says - check for the tag, if the tag exists, write the tag's data, if the tag does NOT exist, write "n/a".

Here's the code:

[CODE]
<script type="text/javascript">
if (window.XMLHttpRequest)
{
xhttp=new window.XMLHttpRequest();
}
else // Internet Explorer 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}




xhttp.open("GET","http://www.mysite.com/file.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;


document.write("<table border='0' style='font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; border:#333333 1px solid; text-align:center' cellpadding='5' cellspacing='0'>");
document.write("<tr><td style='border-bottom:#333333 1px solid'><strong>Type</strong></td><td style='border-bottom:#333333 1px solid'><strong>Name</strong></td><td style='border-bottom:#333333 1px solid'><strong>Details</strong></td><td style='border-bottom:#333333 1px solid'><strong>Code<br>(if applicable)</strong></td><td style='border-bottom:#333333 1px solid'><strong>Start Date</strong></td><td style='border-bottom:#333333 1px solid'><strong>End Date</strong></td></tr>");



var x=xmlDoc.getElementsByTagName("link");
for (i=0;i<x.length;i++)
{
document.write("<tr><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("code")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("startdate")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("enddate")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
[CODE]

Thanks,
M8AL

I'm making a table that is dynamically populated from XML data. One of the columns refers to an XML tag that is NOT required (hence the tag does not exist in every XML entry). How do I write a statement (if, else, or any other?) that says - check for the tag, if the tag exists, write the tag's data, if the tag does NOT exist, write "n/a".

Here's the code:

Thanks!

[CODE]
<script type="text/javascript">
if (window.XMLHttpRequest)
{
xhttp=new window.XMLHttpRequest();
}
else // Internet Explorer 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}




xhttp.open("GET","http://www.mysite.com/file.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;


document.write("<table border='0' style='font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; border:#333333 1px solid; text-align:center' cellpadding='5' cellspacing='0'>");
document.write("<tr><td style='border-bottom:#333333 1px solid'><strong>Type</strong></td><td style='border-bottom:#333333 1px solid'><strong>Name</strong></td><td style='border-bottom:#333333 1px solid'><strong>Details</strong></td><td style='border-bottom:#333333 1px solid'><strong>Code<br>(if applicable)</strong></td><td style='border-bottom:#333333 1px solid'><strong>Start Date</strong></td><td style='border-bottom:#333333 1px solid'><strong>End Date</strong></td></tr>");



var x=xmlDoc.getElementsByTagName("link");
for (i=0;i<x.length;i++)
{
document.write("<tr><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("type")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("code")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("startdate")[0].childNodes[0].nodeValue);
document.write("</td><td style='border-bottom:#333333 1px solid'>");
document.write(x[i].getElementsByTagName("enddate")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
[CODE]

Thanks,
M8AL

On this webpage
http://www.corkdiscos.com/testimonials.html

i have a like button.
when a user clicks like a comment box appears.
when i unlike the button the comment box disappears

this is ok but when a user has already liked the facebook page and comes to my webpage
the comment box does not show.

so im looking for a piece of javascript to check if a user has like the button on my page and if so to show the comment box.

please check my source code of the website http://www.corkdiscos.com/testimonials.html to see what i have so far.

any help would be greatly appreciated

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

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

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.

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">';
}

}

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.