JavaScript - How Do I Use Javascript To Check If Text Appears On Web Page?

As of right now I have a code that will work in IE but wont work in FireFox...go figure. Basically what I want to have happen is when you type in an area code it will provide an output in a predetermined area of the page.

For Example:

Input- 512

Output - Austin, TX

The code that I have doesn't work with firefox and I was just wondering if there was a code that would allow that to happen. Thanks!

Hey I was just wondering how I could do this...

I currently have this
Code:

<span id="span_1">Title</span>

What I want to know is if the span is something like 240px in width how can I make it so if the text inside the span tag is to long and puts the text onto a second line how can i make a cut off point in the text to stop the text moving to a new line and adding '...' if the text is to long??

I have NO knowledge of Javascript at all but borrowed and attempted to adapt one I found. It is a Firefox bookmarklet designed to highlight in different colours both certain words or the ending "ing" on a word in a text document that has been saved as html. Basically it is a device for helping novel writers rid their manuscripts of redundant words and overuse of the 'ing" words. In works in part but doesn't pick up all "ing" endings. For someone who know what their doing I imagine it would take more than a few minutes to read and correct. Many thanks to anyone who can help. Here is the Javscript:

javascript:var%20verbsRE=/(\b)(about|actually|almost|already|appear|approximately|basically|close to|even|eventually|exactly|finally|here|just|kind of|nearly|now|practically|really|seem|simply|somehow|somewhat|sort of|suddenly|then|there|truly|utterly|while|as|appear|felt|gaped|gawked|gazed|glanced|hear|heard|knew |looked|noticed|observed|peered|peeped|regarded|saw|scanned|see|seeing|seemed|smelled|stared|studied |surveyed|tasted|viewed|watched)(\b)/gi;var%20ingRE=/(\w)(ing)(\b)/gim;function%20HL(node){if(node.hasChildNodes){var%20hi_cn;for(hi_cn=0;hi_cn<node.childNodes.length; hi_cn++){HL(node.childNodes[hi_cn]);}}if(node.nodeType==3){var%20tempNodeVal=node.nodeValue;if(verbsRE.test(tempNodeVal)){tempNodeVal= tempNodeVal.replace(verbsRE,"$1<span%20style='background-color:yellow;color:black;border:1px%20solid%20black;'>$2</span>$3");tempNodeVal=tempNodeVal.replace(ingRE,"$1<span%20style='background-color:#0ff;color:black;border:1px%20solid%20black;'>$2</span>$3");newNode=document.createElement('span');newNode.innerHTML=tempNodeVal;pn=node.parentNode;pn .replaceChild(newNode,node);}}}HL(window.document.getElementsByTagName('body')[0]);

I got a page that gets created dynamically. sometimes I get images output with NO source like this


Code:

<img src="" id="md_1">
<img src="" id="md_2">

etc. etc.

the image id are created dynamically also and always start with "0" and count up in order.

I need to check everyone of those image links and when they are blank like above change the src to a default image. I have spent 8 hours on this one simple function and cannot seem to get it to work.


I will call the function at the end of the page.

Hello, I have never used javascript before, so this might be a very basic question. I have a script on my blog which places a stumbleupon button on the page.

This is the code that calls the script:

Code:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Today I went to my blog and it was taking a long time to load, it turns out because stumbleupons site is down so the script can't be accessed. A whole lot of other stuff on the page just doesn't load until it times out though, so it takes like 3 minutes for the page to load.

What I want to know is can I test if the script is reachable and only call it if it is, so that if there is a 403 or 404 error it just won't even try to load it and continue loading the rest of the page??

Any help is greatly apprectiated!

Thanks.

Hello,

Really need some help with this code i found online to check to see if a page exists. i am kind of new to Javascript and to have this working would really help me out!

Here is the code :

Code:

<script language="javascript">

var url = "http://www.google.com";

checkUrl(url);

function checkUrl(url) {
var request = false;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest;
} else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHttp");
}

if (request) {
    request.open('GET', url, true);
     if (request.status == 200) {   //FAILING ON THIS LINE ("Unspecified Error")
       alert ("File does exist");
     }
}
alert("File does not exist");
}</script>

It seems to be failing on the .status line and it returns an Unspecified Error in the debugger.

I am using IE9 if that makes any difference. I have also tried amending the IF statement to include the readyState == 4, i dont get the error, but it doesn't work as planned.

Really appreciate any help.

SJG

string check in javascript


do suggest me something .......

if you have any two words like , "me" and "you".

can anyone help me with a javascript spellchecker ......

i have a text-area and i want a javascript code tht can check spellings when i write , like we see in gmail, or similar ...

hi, can anyone help me with spell check code.. i want to implement spell check inside a text-area and i want an inline code, i cannot call .js files .. if anyone can give me a solution for this i'd be very grateful..

i did find a code but im not sure how to use it in my html page

hi all,

am doing a check on my fields, so that they only contain certain characters and numbers. i have this. var validEntry = /^[a-zA-Z0-9@$&"]+/;

but this also captures a space in between words as an error. can somebody please tell me on how to avoid this.

thanks.

Okay this is part of an ajax driven shopping cart. the problem is i need to check for 2 different selections that would be for the same payment method. here is the code as it sits now

Code:

	if ( typeof document.checkout.payment[3] != 'undefined'){
				if (document.checkout.payment[3].checked == true)
				{ 
		
					if (document.checkout.cc_owner.value == "" )
					{errMsg += 'Please complete or verify the information in the Name on the card field in the \'Payment Method\' section.' + "\n";
					}
					else
					{
						if(document.checkout.cc_number.value == "")
						{
							errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
						}
						else
						{
							if(document.checkout.cc_cvv2.value == "")
							{
								errMsg += 'Please complete or verify the information in the CVC/CVV code field in the \'Payment Method\' section.' + "\n";
									
							}
							else
							{
								if(document.checkout.cc_phone.value == "")
								{
									errMsg += 'Please complete or verify the information in the Card company\'s telephone number field in the \'Payment Method\' section.' + "\n";
									
								}
								else
								{
									myCardNo = document.checkout.cc_number.value;
									myCardType = document.checkout.surcharge.value;
									if (!checkCreditCard (myCardNo,myCardType)) 
									{
										errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
									} 									
								}
							}
						}
					}
				}}
			}

the problem is in the first 2 lines i basically need it to do this, but when i do it like how i need it to be it will not work. it looks like i am doing it incorrectly maybe.

firebug gives me an undefined error on the first checked value because it does not exist when i need it to check for the 2 value.

Code:

if ( typeof document.checkout.payment[3] != 'undefined' || typeof document.checkout.payment[2] != 'undefined'){
				if (document.checkout.payment[3].checked == true || document.checkout.payment[2].checked == true)
				{ 
		
					if (document.checkout.cc_owner.value == "" )
					{errMsg += 'Please complete or verify the information in the Name on the card field in the \'Payment Method\' section.' + "\n";
					}
					else
					{
						if(document.checkout.cc_number.value == "")
						{
							errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
						}
						else
						{
							if(document.checkout.cc_cvv2.value == "")
							{
								errMsg += 'Please complete or verify the information in the CVC/CVV code field in the \'Payment Method\' section.' + "\n";
									
							}
							else
							{
								if(document.checkout.cc_phone.value == "")
								{
									errMsg += 'Please complete or verify the information in the Card company\'s telephone number field in the \'Payment Method\' section.' + "\n";
									
								}
								else
								{
									myCardNo = document.checkout.cc_number.value;
									myCardType = document.checkout.surcharge.value;
									if (!checkCreditCard (myCardNo,myCardType)) 
									{
										errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
									} 									
								}
							}
						}
					}
				}}
			}

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

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!!!!!!!!!

Hi all,
I am new to CodingForums.com as well as new to javascript. I am currently trying to create a small calculator for a friend which is to do with calculating a dose. The calculator itself works but I am now fine tweaking the text that appears with the calculated values.

This is my code:
Code:

<script type="text/javascript">
    function calculate() {
        var IBW = 1;
        var IBW2 = 1;
        var dose2 = 1;
        var CrCl = 1;
        var hgtft = document.getElementById("height_feet").value - 0;
        var hgtinches = document.getElementById("height_inches").value - 0;
        var weight = document.getElementById("weight").value - 0;
        var sex = document.getElementById("sex").value;
        var age = document.getElementById("age").value - 0;
        var creatinine = document.getElementById("creatinine").value - 0;

        if (age < 16) {
            alert("This tool is only for use in adult patients i.e. 16 years or older");
            return; //process no further
        }
        if (sex == "M") {
            if (hgtft < 5) {
                IBW = 50;
               
                IBW2 = 50;
            }
            else {
                IBW = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
               
                IBW2 = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
            }
            if (IBW > weight) {
                IBW = weight
            }
            CrCl = ((140 - age) * IBW * 1.23) / creatinine;
        }
        else {
            if (hgtft < 5) {
                IBW = 45;
                IBW2 = 45;
            }
            else {
                IBW = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
               
                IBW2 = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
            }
            if (IBW > weight) {
                IBW = weight
            }
            CrCl = ((140 - age) * IBW * 1.04) / creatinine;
        }



        var dose = Math.round((5 * IBW) / 40.0) * 40.0
        var IBW = Math.round(IBW, 1)
        var IBW2 = Math.round(IBW2,1)
        var CrCl = Math.round(CrCl, 0)

        if (CrCl < 40) {
            dose2 = "As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent";
            }
            else {
            dose2 = dose "mg - Note: This dose has been calculated using a weight of " IBW "kg and rounded to the nearest 40mg to aid administration";
        }

        document.getElementById('IBW2').innerHTML = IBW2 + "kg";
        document.getElementById('CrCl').innerHTML = CrCl + "mL/min";
        document.getElementById('dose2').innerHTML = dose2;
    }
</script>

    <br />
    <br />
    <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table>
<tr>
	<td>Height</td><td class="style17"><input id='height_feet' value=""/> feet</td><td><input id='height_inches' value=""/> inches</td>
</tr>
<tr>
<td>Weight</td><td class="style17"><input id='weight' value=""/> kg</td>
</tr>
<tr>
<td>Age</td><td class="style17"><input id='age'value=""/> years</td>
</tr>
<tr>
<td>Creatinine</td><td class="style17"><input id='creatinine'/> mmol/L</td>
</tr>
 
<tr>
<td>Sex</td><td class="style1"><select id='sex'> <option value="M">Male</option><option value="F">Female</option></select></td>
</tr>
</table><br />
<input type="button" onclick="calculate()" value="Calculate!"/><input id="Reset" 
        type="reset" value="Reset" />
<br />
<br />
<br />
<br />

<table>
<tr><td class="style16">Ideal Body Weight:&nbsp; </td><td id='IBW2' /></td></tr>
<tr><td class="style16">Calculated GFR: </td><td id='CrCl' /></td></tr>
<tr><td class="style16">Calculated Gentamicin Dose: </td><td id='dose2' /></td></tr>
    </table>

What I am trying to do is have the dose displayed as:

xxdose mg - Note: This dose has been calculated using a weight of IBWkg and rounded to the nearest 40mg to aid administration

but if the CrCl is less than 40 then the dose message should be: As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent

can anyone help me with this please?

I have the following page www.crownvalleywinery.com/kiosk/default.html and I would like to add a button or checkbox to check/uncheck all. Note we are already using some javascript for custom checkboxes so it needs to integrate with that. Any help is appreciated.

Here is the current javascript...

Code:

/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only thing you need to change in this file is the following
variables: checkboxHeight, radioHeight and selectWidth.

Replace the first two numbers with the height of the checkbox and
radio button. The actual height of both the checkbox and radio
images should be 4 times the height of these two variables. The
selectWidth value should be the width of your select list image.

You may need to adjust your images a bit if there is a slight
vertical movement during the different stages of the button
activation.

Visit http://ryanfait.com/ for more information.

*/

var checkboxHeight = "47";
var radioHeight = "25";
var selectWidth = "190";

/* No need to change anything after this */

document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');

var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;

				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
				span[a].onmousedown = Custom.pushed;
				span[a].onmouseup = Custom.check;
				document.onmouseup = Custom.clear;
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.choose;
			}
		}
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
	
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
			}
		}
	}
}
window.onload = Custom.init;