|
JavaScript - Hoping Someone Can Find My Error
I am trying to do a title case project and can't figure out where I went wrong.
Any help would be appreciated. <!DOCTYPE html> <html lang="en"> <head> <title>Title Case</title> <meta charset="utf-8"> <script type="text/javascript"> function titleCase() { var word = document.forms[0].string.value.split(" "); var cword = ""; for (var i = 0; i < word.length; i++) { cword = cword + word[i].substr(0, 1).toUpperCase() + word[i].substr(1).toLowerCase() + ((i < word.length - 1) ? " " : ""); } return cword; } </script> </head> <body> <h1>Title Case</h1> <form action="" method="get"> <p><input type="text" name="string" /> <input type="button" value="Convert to Title Case" onclick="titleCase()" /></p> </form> </body> </html> Similar TutorialsHello I work for a small company and alot of the people we deal with are old and not good with computers. I'm trying to make a dropdown combo-box that will help them find what they need. I've gotten the boxes working, but I need the results to then go into a search box. Any help would be greatly appreciated. <html> <!-- Created on: 3/24/2011 --> <head> <script type="text/javascript"> var categories = []; categories["startList"] = ["Activa","Bell Horn","Diabetic Crew","Futuro","Jobst","Sensifoot","TruSock"] categories["Activa"] = ["Male","Female"] categories["Bell Horn"] = ["Male","Female"] categories["Diabetic Crew"] = ["Male","Female"] categories["Futuro"] = ["Male","Female"] categories["Jobst"] = ["Male","Female"] categories["Sensifoot"] = ["Male","Female"] categories["TruSock"] = ["Male","Female"] categories["Male"] = ["Ankle High","Crew","Knee High"]; categories["Female"] = ["Ankle High","Crew","Knee High"]; categories["Ankle High"] = ["8-15 mmHg","15-20 mmHg","20-30 mmHg","30-40 mmHg"]; categories["Crew"] = ["8-15 mmHg","15-20 mmHg","20-30 mmHg", "30-40 mmHg"]; categories["Knee High"] = ["8-15 mmHg", "15-20 mmHg", "20-30 mmHg", "30-40 mmHg"]; categories["8-15 mmHg"] = ["Casual","Dress"]; categories["15-20 mmHg"] = ["Casual","Dress"]; categories["20-30 mmHg"] = ["Casual","Dress"]; categories["30-40 mmHg"] = ["Casual","Dress"]; var nLists = 5; // number of select lists in the set function fillSelect(currCat,currList){ var step = Number(currList.name.replace(/\D/g,"")); for (i=step; i<nLists+1; i++) { document.forms['tripleplay']['List'+i].length = 1; document.forms['tripleplay']['List'+i].selectedIndex = 0; } var nCat = categories[currCat]; for (each in nCat) { var nOption = document.createElement('option'); var nData = document.createTextNode(nCat[each]); nOption.setAttribute('value',nCat[each]); nOption.appendChild(nData); currList.appendChild(nOption); } } function getValue(L4, L3, L2, L1, L5) { alert("Your selection was:- \n" + L2 + "\n" + L1 + "\n" + L3 + "\n" + L4 + "\n" + L5); } function init() { fillSelect('startList',document.forms['tripleplay']['List1']) } navigator.appName == "Microsoft Internet Explorer" ? attachEvent('onload', init, false) : addEventListener('load', init, false); </script> </head> <body> <table border="0" summary=""> <tr> <td><BR> <b>Brand: </b><BR> <b>Gender: </b><BR> <b>Cut: </b><BR> <b>Compression: </b><BR> <b>Style: </b> </td> <td><BR> <BR> <form name="tripleplay" action=""> </b><select name='List1' onchange="fillSelect(this.value,this.form['List2'])"> <option selected>Make a selection</option> </select> <BR> </b><select name='List2' onchange="fillSelect(this.value,this.form['List3'])"> <option selected>Make a selection</option> </select> <BR> <select name='List3' onchange="fillSelect(this.value,this.form['List4'])"> <option selected>Make a selection</option> </select> <BR> <select name='List4' onchange="fillSelect(this.value,this.form['List5'])"> <option selected>Make a selection</option> </select> <BR> <select name='List5' onchange="getValue(this.value, this.form['List1'].value, this.form['List1'].value)"> <option selected >Make a selection</option> </select> </form> </td> </tr> </table> <input type="text" name="testField" maxlength="50" size="30" value="This is where I want the result to go."> </body> </html> Here is my assignment http://www.sci.brooklyn.cuny.edu/~ci...omework3B.html Here is my html file, magic.html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <SCRIPT SRC="Project3B.js"> </SCRIPT> </head> <form name="sqaure"> <table border="1"> <tr><td><input type="text" id="a00" size="4"/></td> <td><input type="text" id="a01" size="4"/></td> <td><input type="text" id="a02" size="4"/></td></tr> <tr><td><input type="text" id="a10" size="4"/></td> <td><input type="text" id="a11" size="4"/></td> <td><input type="text" id="a12" size="4"/></td></tr> <tr><td><input type="text" id="a20" size="4"/></td> <td><input type="text" id="a21" size="4"/></td> <td><input type="text" id="a22" size="4"/></td></tr> </table> <button onclick="compute(sqaure);">check</button> </form> </div> </body> </html> Here is my .js file also properly named: Code: <!-- hide script from old browsers
function compute ( f )
{
var isDifferent=true;
var addsToSame=true;
if( (distinct ( create_square (f) ) ) == false)
{
isDifferent=false
}
if( (same_sum( create_square (f) ) ) == false)
{
addToSame=fa;se;
}
}
function create_square ( f )
{
Array = new Array(2);
Array [0] = new Array(2);
Array [0][0] = a00.value;
Array [0][1] = a01.value;
Array [0][2] = a02.value;
Array [1] = new Array(2);
Array [1][0] = a10.value;
Array [1][1] = a11.value;
Array [1][2] = a12.value;
Array [2] = new Array(2);
Array [2][0] = a20.value;
Array [2][1] = a21.value;
Array [2][2] = a22.value;
return Array;
}
function distinct(a)
{
var isDistinct=true;
var h=0;
var i=0;
var j=0;
for (h=0;h<3;h++)
{
for (i=0;i<3;i++)
{
for(j=0;j<3;j++)
{
if(isDistinct==true)
{
if(a[h][j]==array[i][j])
{
isDistinct=false;
}
}
}
}
}
if(isDistinct=false)
{
alert ("Not all numbers are distinct")
return isDistinct;
}
}
function same_sum(a)
{
var sum = 0;
var i = 0;
var TorF = true;
for (i=0;i<3;i++)
{
if (TorF == True)
{
if( var sum != 0)
{
if( sum != row_sum(a, i) )
{
TorF = false
}
}
else
{
sum = row_sum( a, i)
}
}
}
for (=0;i<3;i++)
{
if (TorF == True)
{
if(sum != col_sum(a, i) )
{
TorF = false
}
}
}
if(TorF == False)
{
alert ("Not all rows/columns add to same number")
return TorF;
}
}
function row_sum(a, r)
{
var total=a[r][0]+a[r][1]+a[r][2];
return total
}
function col_sum(array, i)
{
var total=a[0][c]+a[1][c]+a[2][c];
return total
}
// end hiding script from old browsers -->
Sorry if it looks really odd...i am not entirely sure on javascript, I sorta....partially writing the code based on my experience with C++, and I have heard that would punish me ofcourse...but...the program seemed easy enough. Anyway help would be appreciated...if someone could recommend me a program or something I could use for debugging for javascript that would also help. PS....the title is supposed to be "I did a lot of code kinda so I am hoping someone is willing to help me lol"...its late >.> Hello, can you tell me why this code gives me undefined error? You can see the code in action he open this link http://www.w3schools.com/cn/html/try...=tryhtml_basic and paste this code on the left side of the webpage, then press 'edit and click me' heres the full code: Code: <html><head><title>eink</title></head>
<body onload="aaa()">
<script type="text/javascript">
function aaa() {
var word2 = document.getElementById('word'),
letters = word2.innerHTML.split(''),
spanified;
for (var k = 0, j = letters.length; k < j; k++) {
spanified += '<span class="style101">' + letters[k] + '</span>';
}
word2.innerHTML = spanified;
}
</script>
<style type="text/css">
.style101
{
background-color: #FF0000;
}
</style>
<h1 id="word">HOUSE</h1>
</body>
</html>
Here is a picture, of how it looks: hello i have a form which when the user hits "submit," the info in the textboxes is entered to a database. the only textbox which is not entered to the DB is an "age" textbox, which i need to verify to see if user is 18yrs or older. if user is not 18 years or older, they get an alert telling them they arent 18+. if they are, then the form submits this is my code so far, and i dont get any alerts when i enter an age younger than 18: Code: <head>
<script language="text/javascript">
var age;
document.getElementById("userage").value = age;
if (age >=18)
document.location="feedbacksaveanddisplay.php";
else {
alert('Sorry, we can not let you in!')
document.location="content.html";
}
</script>
</head>
<form method = "post" action = "FeedbackSaveAndDisplay.php">
<input type = "hidden" name = "user" value = "test"/>
<input type = "hidden" name = "pwd" value = "test"/>
<p>Enter your name, feedback, score</p>
<table>
<tr>
<td>Name</td>
<td>
<input type = "text" name = "name" style="width:150px; height:20px;" />
</td>
</tr>
<tr>
<td>Feedback</td>
<td>
<input type = "text" name = "feedback" style="width:150px; height:20px;" />
</td>
</tr>
<tr>
<td>Score</td>
<td>
<input type = "text" name = "score" style="width:150px; height:20px;" />
</td>
</tr>
<tr>
<td>Product</td>
<td>
<input type = "text" name = "product" style="width:150px; height:20px;" />
</td>
</tr>
<tr>
<td>Age</td>
<td>
<input type = "text" name = "age" style="width:150px; height:20px;" />
</td>
</tr>
<tr>
<td colspan = "2">
<input type = "submit"
value = "Submit" />
</td>
</tr>
</table>
</form>
any tips/advice on how to fix my code? the problem i think is in the javascript... will greatly appreciate any help thanks!! This is a function designed to return an array of all elements in "body" with a particular tag name and class name. It works fine up until the if (needles.length == 0); { line, according to my debugging. It seems to fail there though and I can't figure out why. It's probably just some noob error that I've missed but I can't for the life of me find it Thanks in advance for any help, it's greatly appreciated! Code: function getElementsByClassName(tagname, classname) {
var haystack = document.getElementById('body').getElementsByTagName(tagname);
var needles = [];
var i;
for (i in haystack) {
if (haystack[i].hasClassName(classname)) {
needles.push(haystack[i]);
continue;
}
}
if (needles.length == 0); {
needles = 0;
}
return needles;
}
Hi, I've been trying to code a javascript fonction that uses Window.find and I'm having problems doing exactly what I want. I don't know much of java and I understand that it's not everyone who's willing to do all the work for me so I'm looking for a very kind person here I want it to find a specific string that won't change (so no use to prompt for it) in another existing page that would be loaded in a frame. When the string is found, a sound is played like an alarm. The entire thing should reload every like 5 minutes. That's the easy part. I'm having trouble with the "If found in the frame, play a sound part". I don't think it's pretty hard to do, but hey, I can't do it. As I said earlier, I understand I ask for someone to do the whole thing for me but I'm willing to pay by paypal for the service. Let's say... I don't know, ten bucks should do it. I think I've been clear with what I need but if not, please feel free to ask for more specifications. Thanks for your time. Hi All, I have the date in 2009-10-24 format.can anyone tell how can I get the day of any particular date entered by user. Thanks in advance... Hello. Please excuse my ignorance but I am not too clued up on javascript. Im hoping someone may be able to help me out here. I have managed to locate a script which will find text on a page, but I have a couple of requests. Firstly the script will only search up. I would like the search box to be at the top of a page but the only way to get it to work correctly is placing it at the bottom of the page. Secondly would some kind soul advise me how to place the script in an external file and then link to it. Thanks in advance. function textSize(updown) { var size = Number(readCookie('user-font-size')); if (size == 0) { size = 12; // No Cookie, Set A Default Size Of 12px } size = size + Number(updown); // Adjust The Current Size if (size > 20) { size = 20; } // Stop At 13 if (size < 12) { size = 12; } // Stop At 10 writeCookie('user-font-size', size, 12); // Update The Cookie document.body.style.fontSize = size + 'px'; // Set The Users Text Size } function writeCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = '; expires=' + date.toGMTString(); } else { expires = ''; } document.cookie = name + '=' + value + expires; } function readCookie(name) { name += '='; var cs = document.cookie.split(';'); for (var i = 0; i < cs.length; i++) { var c = cs[i]; while (c.charAt(0) == ' ') { c = c.substring(1, c.length); } if (c.indexOf(name) == 0) { //-----------// return c.substring(name.length, c.length); // Gotcha // } //-----------// } //------------// return null; // Failed // } //------------ <img id="plustext" class="zoom-in" alt="Increase text size" src="Zoom-In-icon.png" onclick="textSize (2);" style="cursorointer" /> <img id="minustext" class="zoom-out" alt="Decrease text size" src="Zoom-Out-icon.png" onclick="textSize (-2);" style="cursorointer" /> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel fringilla arcu. Cras ullamcorper nunc ac sapien gravida ultrices. Curabitur mollis consectetur elit non tempus. Duis blandit luctus feugiat. Nullam eget tellus at quam dapibus tempus in scelerisque ligula. Phasellus turpis ante, tincidunt at aliquam vel, luctus vitae leo. Suspendisse dignissim vehicula est, ac dapibus justo pellentesque eu. </p> cheers hope thats enough code Ant. hi I need to find the average number in javascript. I have been working on it for a while but i am getting no where yes i am new to javascript and to be honest it is doing my blonde headed brain in. can someone please take a look at it and advise me on what i am doing wrong. it is the only bit of javascript that i have to do in the course but it carries a high mark of which i can not afford to lose Any way the question is : "Write code to calculate the average height and write it out in the browser window" Code: <HEAD>
<TITLE>
average
</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
//Experimental results of Table 1 stored in arrays.
var Height = [15,16,17,18,19];
var Number = [2,1,6,4,2];
//Part (ii).
//Write code to declare and initialise new array to represent the third row of the table.
var avg = new Array(5)
var avg = ["60","80","187","180","114"] ;
avg[0] = "60";
avg[1] = "80";
avg[2] = "187";
avg[3] = "180";
avg[4] = "114";
//Part (iv).
//Write code to calculate the average height and write it out in the browser window.
avg = 0;
for (var count = 1; count <= 5; count = count + 1)
Array.average = function(){
var avg = 0;
for(var a = 0; a < this.length; a++){
avg += this[a];
}
return avg / this.length;
};
document.write('average height is ' +avg + '<br>');
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
sorry for my ignorance thanks in advance kelly XXXXX Hello, Below is the javascript I'm debugging (or trying to) but just can't see where the error is: The code should send a message "GOOODDD!!!" when the input box is empty (nothing typed in) and should send a message (BAAADD!!!) when a string of theee a's are typed in ("aaa"). The problem is that no matter what I type in the script ALWAYS sends me a "GOOODD!!" message. I guess it is a simple glitch but I just can't figure it out. I'd appreciate any help Thank You. Code: <script language="javascript" type="text/javascript">
<!--
function textCheck(that)
{
var mytext=document.getElementById("BLABLA")
if (mytext == "aaa")
alert("BAAAAADDDDD!!!!" + mytext.value);
else
alert(" GOOOODDDD!!!!" + mytext.value);
}
-->
</script>
</head>
<body>
<form id="form1" method="get" onsubmit="textCheck(this)" />
<input name="BLABLA"
size="3"
type="text"/> Input Data
<br/><br/>
<input name="Submit1" type="submit" value="submit" />
</body>
</html>
Hello, please tell me where can I find script visible on page www.frendzel.pl (Big picture changing every few second to another from the list on the left)
This is the script itself - no error messages are generated. Code: <script language="javascript" type="text/javascript">
function getXMLHTTPRequest() {
try {
req = new XMLHTTPRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxm12.XMLHTTP");
} catch(err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(err3) {
req = false;
}
}
}
return req;
}
var http = getXMLHTTPRequest();
function getCattle(animal_id){
var myurl = 'find_cattle.php';
var CattleValue=animal_id;
var modurl= myurl+"?d="+CattleValue;
**************the alert returns the correct value from my selection and after than nothing, I never get my alert from the response portion
alert("Looking For "+modurl);
*******
http.open("GET", modurl, true);
http.onreadystatechange=useHttpResponse;
http.send(null);
}
function useHttpResponse(){
************It never gets to this response
alert("Made It To Response");
if (http.readyState == 4) {
if(http.status == 200) {
var ListValue = http.responseXML.getElementsByTagName("animal_id")[0];
document.getElementsById('cattle_data').innerHTML = animal_id.childNodes[0].nodeValue;
}
}
}
</script>
thank you I have a problem finding Form in javascript. document.getElementById('MyForm'); return "HTMLUnknownElement". But if I add a dummy form previous for the one I actually want to find, then: document.getElementById('DummyForm'); returns "HTMLUnknownElement", and then document.getElementById('MyForm'); Returns "HTMLFormElement", that is what need. But this unknown element, the dummy form creates a lot of other problems with my site so this solution is no good for me. Why cant I find my Form? Thanks. Hi Guys & Girls, I am looking for help with a technical issue, which my programmer can't find the answer to. My website has a demonstration facility which allows a client to enter their website which then in turn creates a video transparency overlaying their own website. The problem is some sites with Flash, overlay my transparency video so that you cant see my demo video. Any ideas please. Thanks Maximillion I need some help finding a "find on page" script that will display the results in the middle of the page for IE. I have tried several different ones to no avail. The ones that work in all the browsers display the result in IE at the very bottom of the page. I am not very familiar with programing in Java and I am unable to modify any for my needs. The one I found that did work in IE didn't work in any other browsers. Please help, Thx
Error: Code: Error ``TypeError: window.event is undefined'' [x-] in file ``file:///C:/Users/Martyn%20Ball/Desktop/test.php#'', line 6, character 0. Code: Code: <html>
<head>
<title>Testing Javascript</title>
<script type="text/javascript">
function test() {
alert(window.event.clientX);
}
function doSomething(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
}
</script>
</head>
<body>
X Position: <div id="x"></div>
Y Position: <div id="y"></div>
<br />
<a href="#" onMouseOver="test()">Test Link</a><br />
<a href="#" onClick="doSomething('y')">Type of Event</a>
</body>
</html>
(Taken from external website so I can understand how it works). Hi all. Is it possible to command a find in page search from another html? I have a 'main page' and 'directory page' The directory page has find in page command on it, so if users can open the directory link from the main page and then search that page using the find in page search box. To speed this up, is there any way I can have a text box on my main page that when I enter text and submit that it carries across the text entry to the find in page box on the directory page and starts this search for me? I need to complete this using javascript so if this is possible I would great appreciate any help. Thanks Hi All, Just a quick question! Is it possible to have a text box input searching for the entered text on another webpage in the same way Find In Page would do? I have a webpage that I want users to input an item, and that this will open the targeted webpage and bring you to (and highlight) the matched item(s) like find in page does. Is this possible or is the easiest way to just make users open the link to the target page and just complete the find in page search there? Thanks Glen I was trying to sum every number in the array and I wrote this function: Code: function sumArray(array) {
var total = 0, i;
for (i = 0; i <= array.length - 1; i++) {
if(typeof array[i] == "number") {
array[i] += total;
}
}
return total;
}
I don't know why but it always returns "0". In other words, the initial value of "total" (if it was 5, it returns 5 etc...). I really can not see what is wrong here, any suggestions? |
|||||||