JavaScript - Anyone Solve This? Ez Stuff Probably -.-;;

I have a form and the Js validation wont work on it. Here is the html




PHP Code:
    <form name="frm" action="index.php" method="POST" onsubmit="return validateForm();">
                            <table width="100%" border="0" cellspacing="2" cellpadding="3"  class="mainForm">
                                <tr>
                                <td class="normalText" align="left" style="padding:0px 0px 0px 33px">
                                    <table border="0" cellspacing="3" cellpadding="2">
                                        <tr>
                                            <td class="normalHeading" colspan="2" style="padding-bottom:6px">
                                    
                                                <div id="error_msg" class="txtErrorMsg" align="center"></div>
                                        <!--        <?php echo "<p id=\"error_msg\">".$message."</p>"?> -->
                                            </td>
                                        </tr>
                                        <tr >
                                            <td class="normalText" width="30%">First Name</td>
                                            <td><input type="text" name="firstName" id="firstName"  class="input1" style="width:195px" maxlength="10"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Last Name</td>
                                            <td><input type="text" name="lastName" id="lastName" class="input1" style="width:195px" maxlength="10"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Mobile</td>
                                            <td><input type="text" name="mobile"  id="mobile" class="input1"  style="width:195px" maxlength="10" onkeypress="return fnIsIntNumber(event,this);"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Email</td>
                                            <td><input type="text" name="email" id="email" class="input1"  style="width:195px" onblur="IsEmail(this.vlaue)"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Comments</td>
                                            <td>
                                                <textarea name="comments" id="comment" cols="22" rows="3" ></textarea>    
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="normalText">&nbsp;</td>
                                            <td valign="middle"><input class="send" type="image" value='submit' src="images/submit.gif" name="submit" /></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        </form>

and here is the JS

PHP Code:
var $j = jQuery.noConflict();
    function isValidEmail(str) {
       return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
    }
    function validateForm(){
            var firstName;
            var lastName;
            var email;
            var mobile;
            var comment;
            var error;
            
            firstName = $j('#firstName').val();
            lastName = $j('#lastName').val();
            email = $j('#email').val();
            mobile = $j('#mobile').val();
            comment = $j('#comment').val();
            if(firstName=='' || firstName.length < 3){
                error = 'Please Enter Your First Name';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            if(lastName=='' || lastName.length < 3){
                error = 'Please Enter Your Second Name';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            if(email=='' || !isValidEmail(email)){
                error = 'Please Enter Your Correct Email';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            //mob
            //$jmob_pattern = '^\d{10}$j';
            if(mobile.length != 10 || isNaN(mobile)){
                error = 'Please Enter Your Correct Mobile Number';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            
            
            if(comment.length < 10){
                error = 'Please Enter A Comment More Than 10 Characters';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            return true;
    } 


Can anybody tell me what the problem is

Hey all ,
the attached file contains the source code of a MCQ exam , i need a JS code that solves that MCQ exam . I really need it and as soon as possible . thank you so much for your time


Best Regards,
MIG()ZZZZ

The following code is needed for the prettyphoto javascript popup. It works fine in Firefox and Safari, but not in any version of IE. Can anyone suggest why?

<script>
jQuery.noConflict();
$(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

So how do i get to backgroundColor value to change it?

a.backgroudColor('black');

or how ?

Code:

var a = makeDiv(p.age , {
    backgroundColor: 'gray',
    color: 'white',         
    padding: '2px 6px',    
    fontSize: '15pt',       
  });

Hi all,
I'm quite new to Javascript, and I'm stuck with a problem here.
I have a website, I won't go in to detail, but it generates some javascript code for the user. Well, that's the idea. The user puts this javascript on his or her website. Now everytime the page with that javascript is loaded, a page on my server is called, and is supposed to display something on the place of the javascript of that website.

I however have not the slightest clue how to do this. The script on my server has to get some values from a database (I'll be doing this with php). Therefore are some variables needed, like ID's. Those are put in the javascript at the website of that person. (I know they could just change it, but that'd only disadvantage them)

And example of the code the person with the website would get is this: (This was also generated on user basis somewhere, which does about the same thing)
Code:

<script language="javascript" type="text/javascript" charset="utf-8">
var border = '#000000';
id = 1337;
</script>
<script language="JavaScript" type="text/javascript" src="http://somesite.com/scriptname.php">
</script>

If you don't understand what I'm trying to do here, please ask, because I might not've explained it clear enough.

Thanks, lordstyx.

[edit]
Someone said to look in the direction of XMLHttpRequest. I don't really know what that is, but I'll try and find a bit more info about it.

Hello,

Problem 1: I have a function and it sets a value to a certain number according to the input. However, I don't want the function to print out the value to the screen, but instead temporarily save it for me to use throughout the whole script. I am a newbie and please help me. For example, I make this code:

function add1(x) {
var x = x + 1
return x;
}

and I call the function:

add1(0);
document.write("value = " + x + "<BR>");

Whenever I do this, document.write doesn't print out value = 1, it doesn't even print anything except for the headers, etc. Is there anyway to set the var x to be a value valid throughout the whole script instead of just the function itself? I really need help on this, thanks.

Problem 2: I want to get a code working. Basically, I use a ram to "ram the gate". I set the damage done each turn, and the Gate's Health too. So for example, my ram's damage is 10 and the gate's health is 200. It would take 20 times to totally breach the gates(i.e., for gate health to become 0). When I use the following code, the total damage is the same throughout the whole looping until the gatehealth reaches 0 which makes it boring, is there anyway to modify or improve the script such that when I loop, the MiscDamage would be different for all the turns? thanks! Once again I apologize for asking such a noob-ish and very strange.... question.

Quote:
<script language="JavaScript" type="text/javascript">
<!-- // Begin

function RamGates(Ram, Attack, Gate) {
//introducing variables to be used
var BaseDamage = 0;
var FullDamage = 0;
var MiscDamage = 0;
var TotalDamage = 0;
var GateHealth = 0;

switch (Ram) {
//ignore this part just comparing ram types
case "Explosive":
BaseDamage="10";
break;
case "Wooden":
BaseDamage="20";
break;
case "Steel":
BaseDamage="30";
break;
case "", "?":
default:
BaseDamage="Failed to recognize Ram";
}

switch (Attack) {
//ignore this just comparing attack values
case 0:
FullDamage = BaseDamage;
break;
case 1:
FullDamage = (BaseDamage*2)-8;
break;
case 2:
FullDamage = (BaseDamage*2)-6;
break;
case 3:
FullDamage = (BaseDamage*2)-4;
break;
case 4:
FullDamage = (BaseDamage*2)-2;
break;
case 5:
FullDamage = BaseDamage*2;
break;
case "", "?":
default:
FullDamage="Failed to recognize Attack";
}

switch (Ram) {
//this part is what i need help on, i need the loop function to keep using this to generate different "lucky damages" each time to make it interesting, i.e., first ram = 11 second ram = 16 third ram = 14 and so on.....
case "Explosive":
MiscDamage = Math.floor(Math.random()*21+10);
break;
case "Wooden":
MiscDamage = Math.floor(Math.random()*6+0);
break;
case "Steel":
MiscDamage = Math.floor(Math.random()*11+5);
break;
case "", "?":
default:
MiscDamage="Failed to recognize Ram";
}

switch (Gate) {
//ignore this part just comparing gate types to generate gate health
case "Wooden":
GateHealth = 50;
break;
case "Brick":
GateHealth = 75;
break;
case "Small Stone":
GateHealth = 90;
break;
case "Large Stone":
GateHealth = 120;
break;
case "Granite":
GateHealth = 140;
break;
case "Iron":
GateHealth = 175;
break;
case "R Iron":
GateHealth = 190;
break;
case "Thick Iron":
GateHealth = 210;
break;
case "Steel":
GateHealth = 230;
break;
case "R Steel":
GateHealth = 250;
break;
case "Thick Steel":
GateHealth = 275;
break;
case "Steel Iron Mix":
GateHealth = 280;
break;
case "Thick Steel Iron Mix":
GateHealth = 300;
break;
case "Strong Ruby Steel Mix":
GateHealth = 400;
break;
case "Strong Sapphire Steel Mix":
GateHealth = 450;
break;
case "R Thick Large Diamond Steel Mix":
GateHealth = 500;
break;
case "", "?":
default:
GateHealth = "Failed to recognize Gate";
}

TotalDamage = FullDamage + MiscDamage;

with (document) {
write ("Soldiers, " + "RAM THE GATES!" + "<BR>");
}

while (GateHealth >= 0)
//loops until gate health is lower than 0
{
//need help! how to make it such that the loop will rerun the switching of ram for generating random misc(lucky) damages
document.write ("Lucky Damage done = " + MiscDamage + "<BR>");
document.write ("Total Damage done = " + TotalDamage + "<BR>");
var GateHealth = GateHealth - TotalDamage
document.write("Current GateHealth = " + GateHealth + "<BR>");
}
}

RamGates("Explosive", 5, "R Thick Large Diamond Steel Mix");
//function calling

// End -->
</script>

... like if you input text, you can't select it by sweeping it with the mouse, or shift-left arrow. Which I thought were out of the box features.

You can see it in the bottom right corner of the map here. I don't think the autocomplete has anything to do with it (I disconnected that and nothing changed) but maybe because it gets made by innerhtml?

any suggestions welcome.

Hello
I'd really appreciate some help please, no other forum seems to have an answer for this.

Example :

I have a file called values.asp and in that file are 100 different variables all assigned a specific number.

I also have a results.asp file or a simple html page.

The target is to read a specific variable in the values.asp file and then display it in another asp file or standard HTML file using Javascript's document.write(variablename); method.

So in other words, i wish to fetch a specific variables value from values.asp and show it in another asp file or a simple html file using javascript.

Your help will be very much appreciated.
Thanks!
Ron

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>
	Jackhammer
</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
/* <![CDATA[ */ 

	var jackhammers = new Array(11); 
	var curJackhammer = 0; 
	var direction;
	var begin; 
	
	jackhammers[0] = "jackhammer0.gif"; 
	jackhammers[1] = "jackhammer1.gif"; 
	jackhammers[2] = "jackhammer2.gif"; 
	jackhammers[3] = "jackhammer3.gif"; 
	jackhammers[4] = "jackhammer4.gif"; 
	jackhammers[5] = "jackhammer5.gif"; 
	jackhammers[6] = "jackhammer6.gif"; 
	jackhammers[7] = "jackhammer7.gif"; 
	jackhammers[8] = "jackhammer8.gif"; 
	jackhammers[9] = "jackhammer9.gif"; 
	jackhammers[10] = "jackhammer10.gif"; 
	
	function bounce()
	{
		if(curJackhammer == 10) 
			curJackhammer = 0; 
		else
			++curJackhammer; 
		
		/* 
		    Firefox does not register an error with the line of code below, but other browsers do . . . 
		    It looks like it is a typo left over from the slightly more advanced technique in 10-4 where 
		    jackhammers.src is defined.  Also, were you to comment out the final line in this function you would 
		    see the animation does not work.  In browsers other than Firefox which apparently just ignores 
		    this code and no animation occurs, the image element is assigned the source value of "undefined"
		    and of course no image is named "undefined".  
		*/
		 
		document.getElementsByTagName('img')[0].src = jackhammers[curJackhammer].src; 
		
		if(curJackhammer == 0)
			direction = "up"; 
		else if(curJackhammer == 10)
			direction = "down"; 
		document.getElementsByTagName('img')[0].src = jackhammers[curJackhammer]; 
	} 
	
	function startBouncing() 
	{
		if(begin) 
			clearInterval(begin); 
		begin = setInterval("bounce()",90); 
	} 

/* ]]> */ 
</script>

</head>
<body>

	<h1>
		Jackhammer Man
	</h1>
	
	<p>
		<img src="jackhammer0.gif" height="113" width="100" alt="Image of a man with a jackhammer." />
	</p>
	
	<form action="" enctype="text/plain">
		<p>
			<input type="button" value="Start Bouncing" onclick="startBouncing();" />
			<input type="button" value="Stop Bouncing" onclick="clearInterval(begin);" />
		</p>
	</form>
	
</body>
</html>

My teacher insists that the above code is valid (straight out of our book). He says this because (I'm guessing) it runs okay in Firefox and other browsers. It also throws a ton of error messages in Chrome and makes no logical sense. We define the values of the jackhammer array as literal strings, and then the book instructs us to change the source of the image element on the page to jackhammers[i].src. It then has us change the source of the image element again, correctly at the end of the function. It also has us create a useless variable: "direction" (and I say useless because we never use it, it is just fluff I guess).

On a side note, would some of you guys like to check out this animation I created here and let me know what you think.

Thanks guys.

I am not super familiar with code - I can easily take code and with a little direction get the desired end result so anyone who can help me with this it will be VERY appreciated. I don't even know what terms to search in order to create a page that I am looking for....

So here goes:

I want to model our distributor page after a R E D K E N.com Distributor Locator Page.

Here is what happens....

There is a drop down menu of the 50 states, and when you select the state the table of information below changes.

screen shots below






I am sure this is fairly easy to resolve, however I don't know where to begin.

Thank You in advance for your time.

Kristi

I'm getting 'XMLSerializer is undefined' when I used the below code snippet in Java script.
var xmlDoc=xmlhttp.responseXML;
var Xml2String=xmlhttp.responseXML.xml;
if (xmlDoc.xml) {
Xml2String=xmlDoc.xml;
}else{
Xml2String= new XMLSerializer().serializeToString(xmlDoc);
}

Please help me to solve this problem?

Thanks in advance.
airwindjai.

Just wondering if it's possible to prevent a page displaying until the content is fully loaded.

I have a form with a load of check boxes that reloads itself on each user click and it would be nice to smooth things out a little, e.g. hold a screenshot of the page until the reload is complete and then instantly show that one.

Stupid question?

Cheers,
Nick

the title kind of sums it up... if I have an array of equations (I'm guessing they should be strings but they don't have to be) and a user-defined variable can that variable be used for the "x" in the equations? I already did the easy part ...

Code:

<!DOCTYPE html>
 <html>
 <head>
 </head>
 <body>
 <input onkeyup="solve(this.value)" /><br>
 <input id="box0" /><br>
 <input id="box1" /><br>
 <input id="box2" /><br>
 <script type="text/javascript">

var equations=["(x*9/5)+32","x+273.15","x-50*(8/13)"]
 
function solve(val){
for (var i = 0; i < equations.length; i++) {
document.getElementById("box"+i).value= //ummm...

	}
} 

</script>
 </body>
 </html>

hey guys. got acouple questions for my website. im more of a html guy.. and i usually find my scripts online. i reeaaallly appreciate all answers!

i have a box:
<img id="imgSearch" src="" alt="Websites" />
<input type="button" value="Toggle Search" id="btnSearch" />
^being the button to toggle between websites.

basically i'd like this button to toggle between different websites when clicked.



secondly:
changing span tag colors

html code:
Traffic Light: <span id="trafficLight"></span>

<input type="button" value="Prevent Accident" id="btnTraffic" />

i'd like to change the color of this span id by pressing the button. so in this case it would change red, yellow green

and last:
changing the font in a bold tag bold by pressing a button

html code: (note, the font weight in normal in css for bold)
<b>i want this bold when you hit the button!</b>
<input type="button" value="Set Bold" id="btnBold" />

I was working on a tutorial for some ajax uploading stuff and I ran across a new function syntax I don't recognize. I am not a Javascript pro, but I am not a newbie either. here is the code I am working on:

Code:

		function handleFileSelect(e){
			var files = e.target.files;
			var output = [];
			for(var i=0,f;f=files[i];i++){
				if(f.type.match('image.*')){
					var reader = new FileReader();
					
					reader.onload = (function(theFile){
						return function(e){
							var span = document.createElement('span');
							span.innerHTML = ['<img class="thumb" src="',e.target.result,'" title="',theFile.nbame,'" />'].join('');
							document.getElementById('list').insertBefore(span,null);
						};
					})(f);
					
					reader.readAsDataURL(f);
				}
			}
			document.getElementById('list').innerHTML = '<ul>'+output.join('')+'</ul>';
		}
		document.getElementById('files').addEventListener('change',handleFileSelect,false);

To be a little more clear, the code in question is that is the very middle. The syntax I don't understand is:

Code:

class.event = (function(arguments){
     //stuff you put in a function...
})(more Arguments?);

I tried to customize a simple one to learn for myself and I wrote this:

Code:

var a = 'A';
var b = 'B';

test = (function(t){
     alert(t);
     alert(b);
})(b);

test(a);

The browser would alert 'B' and that's it. The console would tell me that 'test is not a function.' OK, so I am confused.

The topmost code works. What I am wondering is what the syntax is called for creating a function (or event listener?) that way, and how it works. Although if I new what it was called I could just google how it works.