|
JavaScript - Help Me Please Javascript/css Code Trouble
Hey guys im new (nebwbie) here lol
but know about some basic coding i got my code from http://www.javascriptkit.com/script/...megamenu.shtml that is my source i followed all the steps and everything step by step but this is what shows up on my page what am i doing wrong? or is there something wrong with the code? i already uploaded this on my site too jkmegamenu.css jkmegamenu.js Similar TutorialsSo frustrating that lately I've been having trouble with the simplest of code, and this is about as simple as it gets. Matched it up with every similiar example I can find both in books and on the net, and it seems to be perfectly valid code, but when I run it, nothing. :S Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function favouriteColour() {
var index = document.getElementById("select1").options[document.getElementById("select1").selectedIndex].value;
document.getElementById = "Your favourite colour is " + index;
}
</script>
</head>
<body>
<select id="select1">
<option></option>
<option id="black" onchange="favouriteColour()">Black</option>
<option id="white" onchange="favouriteColour()">White</option>
<div id="favcolour"></div>
<option>
</select>
</body>
</html>
Thanks in advance. Hi all. I'm having some trouble w/ my radiobutton code and i dont know why. for instance if i select yes for the 1st radio button, and no for the 2nd, instead of doing what it should do for no, it gets rid of w/e it did for yes.. also, if i enter something into the 1st box, and select another radio button, it deletes w/e is in all boxes... Code: <html>
<head><title>So you want to make a website?</title></head>
<body>
<script>
var lvl=0;
var cssbgc=0;
var ischecked=0;
var isgroup1=0;
var isgroup2=0;
function get_funcs(lvl){
if(lvl == "Easy"){
a='<hr>\n';
a+='<h1>Website Controls</h1>\n';
a+='Do you want to add a title to your website?<br>\n';
a+='Yes <input onclick="checkchecks()" type="radio" name="group1" value="Yes"> No<input onclick="checkchecks()" type="radio" name="group1" value="No"><br><br>\n';
a+='<div id="websitep">- Does not want website title</div><br>\n';
a+='Do you want to add a background image to your website?<br>\n';
a+='Yes <input onclick="checkchecks()" type="radio" name="group2" value="Yes1"> No<input onclick="checkchecks()" type="radio" name="group2" value="No1"><br><br>\n';
a+='<div id="websiteq">- Does not want website background</div><br>\n';
a+='Your Website scripts:<br><input name="websitescripts" type="text" size="30"> <a href="javascript:answerq(\'websitescripts\');">Help?</a><br>\n';
a+='<br>Your website content (this will appear inbetween <body></body>)<br>This can be done for you if you wish: <a href="javascript:answerq(\'webcontent\');">Help?</a><br><textarea rows="15" cols="45" id="websitecontent" name="websitecontent"></textarea><br>\n';
a+='<input type="button" value="Submit" name="sub1" id="sub1" onClick="checkconts(lvl)"><br>\n';
a+='<h1>Your Website</h1><hr>\n';
a+='<textarea rows="15" cols="45" id="websitelvl" name="websitelvl"></textarea>\n';
document.getElementById("websitecontrols").innerHTML = a;
}else if(lvl == "Medium"){
a='<hr>\n';
a+='<h1>Website Controls</h1>\n';
a+='<table>\n';
a+='<tr><td>\n';
a+='Your Website background picture (if any):<br><input name="webback" type="file" size="30"> <a href="javascript:answerq(\'webback\');">Help?</a><br>\n';
a+='Your Website scripts:<br><input name="websitescripts" type="text" size="30"> <a href="javascript:answerq(\'websitescripts\');">Help?</a><br>\n';
a+='Do you want a website background color using css?<br><br>Yes<input onclick="check()" type="checkbox" value="Yes" id="group1" name="group1"> No<input onclick="check()" type="checkbox" value="No" id="group1" name="group1"><br>\n<div id="cssbc"></div>\n';
a+='<br>Your website content (this will appear inbetween <body></body>)<br>This can be done for you if you wish: <a href="javascript:answerq(\'webcontent\');">Help?</a><br><textarea rows="15" cols="45" id="websitecontent" name="websitecontent"></textarea><br>\n';
a+='<input type="button" value="Submit" name="sub1" id="sub1" onClick="checkconts(lvl)"><br>\n';
a+='</td></tr>\n';
a+='</table>\n';
a+='<h1>Your Website</h1><hr>\n';
a+='<textarea rows="15" cols="45" id="websitelvl" name="websitelvl"></textarea>\n';
document.getElementById("websitecontrols").innerHTML = a;
}
}
function checkchecks(){
for (i=0; i<document.forms.radioform.group1.length; i++){
if(i == 0 && document.forms.radioform.group1[i].checked == true){
ischecked = 1;
isgroup1 = 1;
isgroup2 = 0;
}else if(i == 1 && document.forms.radioform.group1[i].checked == true){
ischecked = 0;
isgroup1 = 0;
isgroup2 = 0;
}
}
for (i=0; i<document.forms.radioform.group2.length; i++){
if(i == 0 && document.forms.radioform.group2[i].checked == true){
ischecked = 1;
isgroup1 = 0;
isgroup2 = 1;
}else if(i == 1 && document.forms.radioform.group2[i].checked == true){
ischecked = 0;
isgroup1 = 0;
isgroup2 = 0;
}
}
if(isgroup1 == 1){
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='Your Website Title:<br><input name="webtitle" type="text" size="30"> <a href="javascript:answerq(\'webtitle\');">Help?</a><br>\n';
document.getElementById("websitep").innerHTML = a;
}else{
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='- Does not want website title<br>\n';
document.getElementById("websitep").innerHTML = a;
}
if(isgroup2 == 1){
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
b='Your Website background picture (if any):<br><input name="webback" type="file" size="30"> <a href="javascript:answerq(\'webback\');">Help?</a><br>\n';
document.getElementById("websiteq").innerHTML = b;
}else{
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='- Does not want website background image<br>\n';
document.getElementById("websiteq").innerHTML = b;
}
alert('isgroup1:'+isgroup1+'|'+'isgroup2:'+isgroup2+'');
}
function check(){
for (i=0; i<document.forms.radioform.website.length; i++){
if(document.forms.radioform.website[i].checked == true){
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
if(i == 0 && document.forms.radioform.website[1].checked == true){
cssbgc = 0;
document.forms.radioform.website[1].checked = false;
}else if(i == 1 && document.forms.radioform.website[0].checked == true){
cssbgc = 1;
document.forms.radioform.website[0].checked = false;
}
}
}
if(cssbgc == 0){
alert('ok then');
}else if(cssbgc == 1){
document.getElementById("cssbc").innerHTML = "";
}
}
function preview_website(){
if(document.forms.radioform.websitecontent.value != ""){
alert('Previewing your website...');
a='<center><h1>Website Preview<\/h1><\/center>\n<br><br>\n';
a+=document.forms.radioform.websitecontent.value+'\n';
document.write(a);
}
}
function previewconts(){
if(document.forms.radioform.websitecontent.value != "" || document.forms.radioform.webtitle.value != "" || document.forms.radioform.webback.value != "" || document.forms.radioform.weblvl.value != ""){
preview_website(lvl);
}else{
alert('Please enter something into the box before continuing...');
}
}
function checkconts(lvl){
if(document.forms.radioform.websitecontent == null || document.forms.radioform.websitecontent == null || document.forms.radioform.webtitle == null || document.forms.radioform.webback == null || document.forms.radioform.weblvl == null){
alert('Please select an option 1st...');
}else if(document.forms.radioform.websitecontent.value == null || document.forms.radioform.websitecontent.value == null || document.forms.radioform.webtitle.value == null || document.forms.radioform.webback.value == null || document.forms.radioform.weblvl.value == null){
alert('Please enter something into the box before continuing...');
}else{
a=document.forms.radioform.websitelvl.value = website(lvl);
document.getElementById('websitecontent').innerHTML = a;
}
}
function get_option(which){
if(which == "webtitle"){
return document.radioform.webtitle.value;
}else if(which == "webback"){
return document.radioform.webback.value;
}else if(which == "websitecontent"){
return document.radioform.websitecontent.value;
}else if(which == "websitescripts"){
return document.radioform.websitescripts.value;
}
}
function answerq(divname){
if(divname == "webtitle"){
alert('This is where you enter the name of your website that appears in the top left corner of your web browser.');
}else if(divname == "webback"){
alert('This is where you enter a background image link or a select a picture from your hard drive (IE: When selected you will see something like C:/mypics/pic.jpg appear in the box).');
}else if(divname == "webcontent"){
alert('this is where you enter what you want to appear on the page (this can be done for you if you wish).');
}else if(divname == "websitescripts"){
alert('This is where you enter any file locations to your script file(s).');
}
}
function website(lvl){
if(lvl == "Easy"){
a = "<html>\n";
a += "<head><title>"+get_option('webtitle')+"</title></head>\n";
if(document.forms.radioform.webback.value == ""){
a += "<body>\n";
}else{
a += "<body background=\""+get_option('webback')+"\">\n";
}
if(document.forms.radioform.websitecontent.value != ""){
a += get_option('websitecontent')+"\n";
a += "</body>\n";
}else{
a += "</body>\n";
}
a += "</html>\n";
}
return a;
}
function callcontrols(lvl){
if(lvl == "Easy" || lvl == "Medium" || lvl=="Hard" || lvl == "Extreme"){
get_funcs(lvl);
}else{
document.getElementById("websitecontrols").innerHTML = "NO!";
}
}
function getwebsite(lvl){
if(lvl == "Easy" || lvl == "Medium" || lvl == "Hard" || lvl == "Extreme"){
callcontrols(lvl);
}
}
function get_radio_value()
{
for (var i=0; i < document.radioform.website.length; i++)
{
if (document.radioform.website[i].checked)
{
var rad_val = document.radioform.website[i].value;
getwebsite(rad_val);
}
}
lvl = rad_val;
alert(lvl);
}
</script>
<center>
<h1>So you want to build a website?</h1><br>
Easy - HTML Website<br>
Medium - HTML / JavaScript / CSS Website<br>
Hard - HTML / JavaScript / CSS / PHP Website<br>
Extreme - HTML / Encrypted HTML / JavaScript / Encrypted JavaScript / CSS / PHP Website<br><br>
You have four choices: <br>
<form name="radioform">
Step 1:<br>Choose an option<br><br>
Easy<input type="radio" onclick="get_radio_value()" name="website" value="Easy">Medium<input onclick="get_radio_value()" type="radio" name="website" value="Medium">Hard<input onclick="get_radio_value()" type="radio" name="website" value="Hard">Extreme<input onclick="get_radio_value()" type="radio" name="website" value="Extreme"><br><br>
<div id="websitecontrols"></div>
</form>
</center>
</body>
</html>
The functions you are looking at are checkchecks() and checkconts(). here's the functions: checkchecks(): Code: function checkchecks(){
for (i=0; i<document.forms.radioform.group1.length; i++){
if(i == 0 && document.forms.radioform.group1[i].checked == true){
ischecked = 1;
isgroup1 = 1;
isgroup2 = 0;
}else if(i == 1 && document.forms.radioform.group1[i].checked == true){
ischecked = 0;
isgroup1 = 0;
isgroup2 = 0;
}
}
for (i=0; i<document.forms.radioform.group2.length; i++){
if(i == 0 && document.forms.radioform.group2[i].checked == true){
ischecked = 1;
isgroup1 = 0;
isgroup2 = 1;
}else if(i == 1 && document.forms.radioform.group2[i].checked == true){
ischecked = 0;
isgroup1 = 0;
isgroup2 = 0;
}
}
if(isgroup1 == 1){
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='Your Website Title:<br><input name="webtitle" type="text" size="30"> <a href="javascript:answerq(\'webtitle\');">Help?</a><br>\n';
document.getElementById("websitep").innerHTML = a;
}else{
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='- Does not want website title<br>\n';
document.getElementById("websitep").innerHTML = a;
}
if(isgroup2 == 1){
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
b='Your Website background picture (if any):<br><input name="webback" type="file" size="30"> <a href="javascript:answerq(\'webback\');">Help?</a><br>\n';
document.getElementById("websiteq").innerHTML = b;
}else{
alert('Make SURE this option is what you want. If you select another option after entering data, it will erase your data...');
a='- Does not want website background image<br>\n';
document.getElementById("websiteq").innerHTML = b;
}
alert('isgroup1:'+isgroup1+'|'+'isgroup2:'+isgroup2+'');
}
checkconts(): Code: function checkconts(lvl){
if(document.forms.radioform.websitecontent == null || document.forms.radioform.websitecontent == null || document.forms.radioform.webtitle == null || document.forms.radioform.webback == null || document.forms.radioform.weblvl == null){
alert('Please select an option 1st...');
}else if(document.forms.radioform.websitecontent.value == null || document.forms.radioform.websitecontent.value == null || document.forms.radioform.webtitle.value == null || document.forms.radioform.webback.value == null || document.forms.radioform.weblvl.value == null){
alert('Please enter something into the box before continuing...');
}else{
a=document.forms.radioform.websitelvl.value = website(lvl);
document.getElementById('websitecontent').innerHTML = a;
}
}
Hello, i have been trying to make a small one digit calculator, but i am having a lot of trouble with it..This is what i have so far. It will run each function individually, but if i try with all four sign functions, addition will only work....What am i doing wrong here? <!-- saved from url=(0014)about:internet --> <HTML> <HEAD> <TITLE>Page Title</TITLE> <SCRIPT language="JavaScript"> <!-- var n1 = -1; //1st operand of the expression -1 indicates n1 is empty var n2; //2st operand of the expression var startNew = true; var result; var operator; function readNumber(value) { if (n1 < 0) //n1 is empty { n1 = value; } else //n1 is not empty { n2 = value; } } function addition() { result = n1 + n2; //always deal with addition } function subtraction() { result = n1 - n2; //always deal with subtraction } function multiplication() { result = n1 * n2; //always deal with multiplication } function division() { result = n1 / n2; //always deal with division } function calculate_display() { //calculate the answer if (operator == '+') addition(); startNew = window.confirm(n1 + '+' + n2 + '=' + result + '\n' + ' start a new expression? '); if(startNew == true) //if ok is clicked { //clear n1 and n2 n1 = -1; n2 = -1; } { return; } if (operator == '-') subtraction(); startNew = window.confirm(n1 + '-' + n2 + '=' + result + '\n' + ' start a new expression? '); if(startNew == true) //if ok is clicked { //clear n1 and n2 n1 = -1; n2 = -1; } { return; } if (operator == '*') multiplication(); startNew = window.confirm(n1 + '*' + n2 + '=' + result + '\n' + ' start a new expression? '); if(startNew == true) //if ok is clicked { //clear n1 and n2 n1 = -1; n2 = -1; } { return; } if (operator == '-') division(); startNew = window.confirm(n1 + '/' + n2 + '=' + result + '\n' + ' start a new expression? '); if(startNew == true) //if ok is clicked { //clear n1 and n2 n1 = -1; n2 = -1; } { return; } } //--> </SCRIPT> </HEAD> <BODY> <form> <input type = "button" value="0" onclick="readNumber(0);"> <input type = "button" value="1" onclick="readNumber(1);"> <input type = "button" value="2" onclick="readNumber(2);"> <input type = "button" value="3" onclick="readNumber(3);"> <input type = "button" value="4" onclick="readNumber(4);"> <BR> <input type = "button" value="5" onclick="readNumber(5);"> <input type = "button" value="6" onclick="readNumber(6);"> <input type = "button" value="7" onclick="readNumber(7);"> <input type = "button" value="8" onclick="readNumber(8);"> <input type = "button" value="9" onclick="readNumber(9);"> <BR> <input type = "button" value="+" onclick="operator = '+';"> <input type = "button" value="-" onclick="operator = '-';"> <input type = "button" value="*" onclick="operator = '*';"> <input type = "button" value="/" onclick="operator = '/';"> <input type = "button" value="=" onclick="calculate_display();"> </form> I'm a little new to Javascript so I apologise if this is an easily resolved problem. This is my Javascript code: Code: function display(){
if(document.getElementById('one').style.display="none"){
document.getElementById('one').style.display="block";
}
else if(document.getElementById('one').style.display="block"){
document.getElementById('two').style.display="block";
}
else{
document.getElementById('three').style.display="block";
}
}
This is my HTML: Code: <html>
....
<style>
#one,#two,#three {
display:none;
}
</style>
....
<ul>
<li id="one">1</li>
<li id="two">2</li>
<li id="three">3</li>
<li id="click" onclick="display()">+</li>
</ul>
The idea is when I click the list item 'click' the display() function will be called and make list item 'one' appear. If list item 'one' is already visible however, list item 'two' will appear, etc. When I click it, list item one appears fine as it should, but if I click it again list item two does not appear, and I can't work out why. I could really do with some help, thank you in advance! I have been working on this code for a few days now. It is suppose to: 1. Remove the default values placed in the textarea. 2. Enter only numbers in the Phone Number field. 3. Verify that the passwords entered in the password fields are the same. 4. Verify everything is filled out, one of the radio buttons is selected and at least one of the check boxes are checked using a Submit() function as well as clear the fields using a Reset() function. I have the first two figured out and was able to get the password to verify once but can not get it to work again with any code. I am also unable to figure out a code that will call all these funtions together in the end to verify everything is filled out and not have the default words count as the field being filled. The idea of a default text is also kind of strange to me. I figured out how to remove the text entered as the value, but how do you get JavaScript to know that is the default and not an option to be used? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registration</title>
<!--Create a registration form, similar to what you may encounter when registering for an
online Web site.
Include three sections: Personal Information, Security Information, and Preferences.
In the Personal Information section, add name, e-mail address, and telephone fields.
Include default text in the name and e-mail text boxes, but write some code that
removes the default text from each text box when a user clicks it.
Write code for the telephone field that prevents users from entering any values except for numbers.
In the Security Information section, add password and password confirmation fields. Write code that
ensures that the same value was entered into both fields.
Also add a security challenge question selection list and a security answer text box that the Web site will use to help
identify a user in the event that he or she loses his or her password.
The security challenge selection list should contain questions such as What is your mother's maiden name?,
What is the name of your pet?, and What is your favorite color?.
In the Preferences section, add radio buttons that confirm whether a user wants special offers sent to his
or her e-mail address.
Also, include check boxes with special interests the user may be interested in, such as
entertainment, business, and shopping.
Add submit and reset buttons that call submit() and reset() event handler functions when they are clicked.
The submit() event handler function should ensure that the user has entered values into
each text box, and that the values submitted are not the same as the default text.
The submit() event handler function should also ensure that the user selects a security
challenge question, selects a radio button to confirm whether he or she wants special offers
sent to his or her e-mail address, and selects at least one interest check box. Submit
the form to the FormProcessor.html script (there is a copy in your Cases folder for
Chapter 5). Save the document as Registration.html.
-->
<script language="javascript" type="text/javascript">
// This JavaScript removes default values form field
function doClear(theText) {
if (theText.value == theText.defaultValue) {
theText.value = ""
}
}
// This JavaScript allows characters exept numbers
function AcceptLetters(objtextbox)
{
var exp = /[^\D]/g;
objtextbox.value = objtextbox.value.replace(exp,'');
}
// This JavaScript allows numbers only
function AcceptDigits(objtextbox)
{
var exp = /[^\d]/g;
objtextbox.value = objtextbox.value.replace(exp,'');
}
//This JavaScript confirms everything is filled out
function confirmSubmit() {
var submitForm = window.confirm("Are you sure you want to submit the form?");
if (document.registar[0].name.value == "Name"
|| document.registar[0].name.value == ""
|| document.registar[0].e_mail.value == "E-Mail Address"
|| document.registar[0].e_mail.value == ""
|| document.registar[0].phone.value == ""
|| document.registar[0].phone.value == ""
|| document.registar[0].password1.value == ""
|| document.registar[0].password2.value == ""
|| document.registar[0].sq_answer.value == "Question Answer") {
window.alert("You must enter all fields above.");
return false;
}
else
return true;
}
</script>
</head>
<body>
<h1>Registration Page</h1>
<form name="registar " method="post" onsubmit="return confirmSubmit()">
<h3>Personal Information</h3>
Name:<br />
<input type="text" name="name" value="Name" maxlength=10 id="letters" onFocus="doClear(this)" onkeyup="AcceptLetters(this)" />
<br />
E-Mail:<br />
<input type="text" name="email" value="E-mail Address" onFocus="doClear(this)" />
<br />
Phone Number:<br />
<input type="text" name="phoneNumber" maxlength=10 id="txttest" onFocus="doClear(this)" onkeyup="AcceptDigits(this)" />
<br />
<h3>Security Information</h3>
Password:<br />
<input type="password" name="password1" /><br />
Confirm Password:<br />
<input type="password" name="password2" /><br />
<DIV ID="password_result"> </DIV>
Security Question:<br />
<select id="selection"><br />
<option value=0>Please Choose One</option>
<option value=1>What is your favorite food?</option>
<option value=2>What is your Mother's maiden name?</option><br />
<option calue=3>What is your pets name?</option><br />
<option value=4>What is the name of your High School?</option><br />
</select><br />
Answer<br />
<input type="text" name="sq_answer" value="Question Answer" onFocus="doClear(this)" /><br />
<h3>Preferences</h3>
Yes<input type="radio" name="confirmAnswer" value="Yes"/>No<input type="radio" name="answer" value="No" />Would you like any special offers sent to your E-mail address?<br />
<h5>Interests</h5>
<input type="checkbox" name="interest" value="check"/>Entertainment<br />
<input type="checkbox" name="interest" value="check"/>Shopping<br />
<input type="checkbox" name="interest" value="check"/>Business<br />
<input type="checkbox" name="interest" value="check"/>Exercise<br />
<br />
<input type="submit" value="Submit"/>
<input type="reset" value="Reset"/>
</form>
</body>
</html>
I'm trying to make an xhtml form that validates itself through a javascript function. I have the form up but for some reason I can't get it to validate. I'm not even sure if I linked things correctly. Here's what I have: the xhtml file <?xml version = ″1.0″ encoding = ″utf-8″ ?> <!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> <script src="gas24.js" type="text/javascript"></script> <h2> Registration Form </h2> <title> Javascript Form Validation Homework </title> </head> <body> <table border=""> <form name="validation_form" method="post" onsubmit="return validate()"> <tr> <td> <t>Name: <input type="text" name="YourName" size="10" maxlength="10"/> </td> </tr> </br> <tr> <td> E-mail Address: <input type="text" name="YourEmail" size="10" maxlength="24"/> </td> </tr> </br> <tr> <td> Password: <input type="password" name="YourPassword" size="10" maxlength="10"/> </td> </tr> </br> <tr> <td> Re-Type Password: <input type="password" name="passwordConfirmed" size="10" maxlength="10"/> </td> </tr> </br> <tr> <td> Your Gender: <input type="radio" name="MaleBox" Value="Male"> Male <input type="radio" name="FemaleBox" Value="Female"> Female </td> </tr> </br> <tr> <td> Comments: <input type="text" name="Comments" size="100" maxlength="500" value=""/> </td> </tr> <tr> <td> <input type="submit" value="Submit"/> </td> </tr> </form> </table> <p></p> </body> </html> The javascript file: I've tried two things. This: <SCRIPT LANGUAGE="JavaScript"> function validation() { var x=document.forms["validation_form"]["YourName"].value; if (x==null || x=="") { alert("First name must be filled out"); return false; } } And this: function validation() if ( document.validation_form.YourName.value == "" ) { alert( "Please type your name."); valid = false; } if ( document.validation_form.YourPassword.value =! "document.validation_form.Confirm.value" ) { alert ( "Please confirm your password." ); valid = false; } I would greatly appreciate it if somebody could tell me what I'm doing wrong. Hi all, I am new to JS and usually learn by studying code posted online and modify it to have it do what I need. Recently, I used a totaling plugin for an online ordering form which does the below: item1 qty(user input text) * preset price = total price item2 qty(user input text) * preset price = total price item3 qty(user input text) * preset price = total price -------------------------------------------------------- grand total -------------------------------------------------------- The JS code which passes the grandTotal variable is as below: Code: function ($this){
// sum the total of the $("[id^=total_item]") selector
var sum = $this.sum();
$("#grandTotal").text(
// round the results to 2 digits
"₹" + sum.toFixed(2)
);
}
The problem I have is the above grandTotal displays the final value when put into a table like below: Code: <td align="right" id="grandTotal"></td> But I am unable to make it work by passing it into a variable within the form fields. I would like to do something like this: Code: <input type="text" name="grandTotal" id="grandTotal" readonly="readonly" /> Can somebody please help me fix this? Any help will be greatly appreciated. Thank you. Hi, Which is the difference between to use "<!-- //-->" inside the script or not? Quote: <script language=JavaScript> <!-- function stopError() { return true; } window.onerror = stopError; // --> </script> Quote: <script language=JavaScript> function stopError() { return true; } window.onerror = stopError; </script> Any advice is welcome!! stickers I'm trying to get a drop down box to change the image i've managed to get it working for one but can't seem to get it working when both scripts are on. any help would be much appreciated! http://humza-productions.co.uk/test/ this is the code i'm using, it's for the baseball jacket one but the one that's working live on the website is currently working for the hoodie Code: <script type="text/javascript">
window.onload=function()
{
bp='images/', //base url of your images
imgnum=3, //Number of your images. This should match on your comboboxes options.
thumb=document.getElementById('sho1'), //id of your image that will be changing
combobox=document.getElementsByName('os1')[0]; // id of your combobox.
combobox.onchange=function()
{
thumb.src=bp+'shop'+this.value+'.png';
}
}
</script>
Hey guys, Im kind of a newb and i need help with this dice game im trying to build to help me learn javascript. If you open up the code up in your browser and click the roll button, it will clear everything and write var a in the top left corner. What i am trying to do is write the var a into the text box. any suggestions?? [CODE] <html> <head> <script type="text/javascript"> </script> <style type="text/css"> body { background-image: url(http://projectraw.files.wordpress.com/2010/02/background_brick_wall.jpg); } h1 { font-family:"sans-serif",tahoma; background-repeat: no-repeat; color:white; } p { color:white; font-family:"sans-serif",tahoma; font-weight:900; } </style> </head> <body> <center><h1>Ghetto Dice Project</h1></center> <center> <p> Hand coded with care by Tanner Beck </p> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> <p> <center> <table BGCOLOR="#888888" BORDER="3" CELLPADDING="5"> <tr> <input type="text" name="number" size="4" value=a> </tr> </br> <tr> <button onclick=" a=(Math.floor(Math.random()*13)); document.write(a)">ROLL</button> </tr> </table> </br> </center> </p> </body> </html> [CODE] Ok this is supposed to be a slot machine that works when I click the "Slot" button. If all the images match, then it is supposed to say "Congratulations...". If all the images do not match, then it is supposed to say "Sorry, you lose....". For one thing, I want the images to load after I hit the slot button and not when I refresh the page. Also, I've screwed up somewhere and I think I need another function option but I don't know where to put it or what to do. And last, my if, else statement isn't working. I'm pretty much new to Javascript and I don't know if the way I assigned the images to variables is even correct. Someone please help me. It would greatly appreciated. PHP Code: <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Slot Machine</title> <style type = "text/css"> table { width: 45em } th { text-align: left } th { text-align: center } th { text-align: right } div.red { color: red } </style> <script type = "text/javascript"> <!-- var pictures = [ "star", "blueSeven", "berry" ]; var pic1; var pic2; var pic3; pic1 = document.write ( "<img src = \"" + pictures[ Math.floor( Math.random() * 3 ) ] + ".gif\" />" ); pic2 = document.write ( "<img src = \"" + pictures[ Math.floor( Math.random() * 3 ) ] + ".gif\" />" ); pic3 = document.write ( "<img src = \"" + pictures[ Math.floor( Math.random() * 3 ) ] + ".gif\" />" ); function play() { var statusDiv = document.getElementById( "status" ); if ( pic1 = pic2 ) { if ( pic2 = pic3 ) statusDiv.innerHTML = "Congratulations, you win!"; } else statusDiv.innerHTML = "Sorry, you lose. " + "Please try again."; } </script> </head> <body> <form action = ""> <table> <tr><td /><td><input type = "button" value = "Slot" onclick = "play()" /></td></tr> </table> <div id = "status" class = "red"> Click the Slot button to play</div> </form> </body> </html> Hi guys my friend has created a game where there are four boxes each numbered from one to four. When you click on these boxes you either get a tick or a cross. In every turn 3 boxes will have ticks and one will have a cross and the aim is to get as many ticks as possible (each tick gets you a point and when you come across a cross your points are all deleted). Anyway i was wondering if theres a way to guess which box will have a cross beforehand. He claims its random but i wanted to make sure. heres the javascript: var spath; var failbox; var score; var pushnumber; var clickedEl; var clickedElT; var waitEvent = 1; function losegameget() { waitEvent = 1; $(".games3of4 > .box > div").each(function (boxli) { jQuery(this).removeClass("check"); jQuery(this).removeClass("check2"); jQuery(this).removeClass("heart"); jQuery(this).removeClass("heart2") }); jQuery(".savegame").css("visibility", "hidden"); $(".asama").find("span").html("0"); jQuery(clickedEl).removeClass("heart"); jQuery(clickedEl).removeClass("heart2"); $(".losebox").css("display", "block"); $(".box").css("display", "none"); jQuery.get("/game1of3"); jQuery.get("/game1of3?score=1", function (json) { var jsonall; eval("jsonall = " + json + ";"); jQuery("#scoreliste").html(""); for (var i = 0; i < jsonall.length; i++) { jQuery("#scoreliste").append(jQuery('<li><div class="order">' + (i + 1) + "</div> " + jsonall[i]["username"] + " <span>(" + jsonall[i]["score"] + ")</span></li>")) } }); } function gameget() { var dd = $(".asama").find("span").text(); if (dd == "0") { $(".asama").find("span").text(0); } score = eval($(".asama").find("span").text()); $(".asama").find("span").empty().html(score + 1); $(".games3of4 > .box > div").each(function (boxli) { jQuery(this).removeClass("check"); jQuery(this).removeClass("check2"); }); waitEvent = 1; } function wgame() { waitEvent = 0; $(".games3of4 > .box > div").each(function (a) { jQuery(this).removeClass("check"); jQuery(this).removeClass("check2"); }); if (parseInt(jQuery(clickedEl).attr("rel")) == 1 || parseInt(jQuery(clickedEl).attr("rel")) == 2) { jQuery(clickedEl).addClass("check") } if (parseInt(jQuery(clickedEl).attr("rel")) == 3 || parseInt(jQuery(clickedEl).attr("rel")) == 4) { jQuery(clickedEl).addClass("check2") } setTimeout("gameget();", 200); } function losegame() { waitEvent = 0; $(".games3of4 > .box > div").each(function (a) { jQuery(this).removeClass("check"); jQuery(this).removeClass("check2"); jQuery(this).removeClass("heart"); jQuery(this).removeClass("heart2"); }); if (parseInt(jQuery(clickedEl).attr("rel")) == 1 || parseInt(jQuery(clickedEl).attr("rel")) == 2) { jQuery(clickedEl).addClass("heart"); } if (parseInt(jQuery(clickedEl).attr("rel")) == 3 || parseInt(jQuery(clickedEl).attr("rel")) == 4) { jQuery(clickedEl).addClass("heart2"); } setTimeout("losegameget();", 400); } function ifagain() { jQuery(".box").hide(); jQuery(".savegame").hide(); jQuery(".asama").hide(); jQuery("#againcall").show(); jQuery(".yes").click(function () { jQuery.get("/game1of3?start=1", function () { jQuery(".box").show(); jQuery("#againcall").hide(); jQuery(".savegame").css("visibility", "visible"); jQuery(".asama").show(); }) }) } function playSound(a) {} jQuery.jQueryRandom = 0; jQuery.extend(jQuery.expr[":"], { random: function (c, d, b, e) { if (d == 0) { jQuery.jQueryRandom = Math.floor(Math.random() * e.length) } return d == jQuery.jQueryRandom; } }); function countGet() { jQuery.get("/game1of3?count=1", function (a) { jQuery("#defa").html(a + " Defa Oynandı<br />"); }) } $(document).ready(function () { setInterval("countGet();", 20000); jQuery(".savegame").click(function () { if (confirm("Puanınızı kaydetmek istediğinizden emin misiniz ?")) { jQuery.get("/game1of3?save=1", function () { jQuery(".box").hide(); jQuery("#saved").show(); jQuery(".boxaga").show(); jQuery(".savegame").css("visibility", "hidden"); $(".highpoint").find("b").html($(".asama").find("span").text()); $(".asama").find("span").html("0"); }) } }); z = 0; $(".games3of4 > .box > div").each(function (boxli) { $(this).click(function () { if (waitEvent) { clickedEl = this; clickedElT = jQuery(this).attr("rel"); jQuery.get("/game1of3?res=" + jQuery(this).attr("rel"), function (data) { if (data == 'umustbelogin') { window.location.href = '/uye/giris?&redirect_to=/oyun'; } else { var r; r = (data.indexOf("true") != -1); } if (r) { wgame(); } else { losegame(); } }) } }); }); $(".try").click(function () { $(".losebox").css("display", "none"); $(".box").css("display", "block"); jQuery(".savegame").css("visibility", "visible"); }); $(".try2").click(function () { $(".boxaga").css("display", "none"); $(".box").css("display", "block"); jQuery("#saved").hide(); jQuery(".savegame").css("visibility", "visible"); }); $.playgame = function (kcode) { score = eval($(".score").find("span").text()); if (kcode == 49) { pushnumber = 1 } if (kcode == 50) { pushnumber = 2 } if (kcode == 51) { pushnumber = 3 } if (kcode == 52) { pushnumber = 4 } clickedEl = $(".gamecontent li")[pushnumber - 1]; clickedElT = pushnumber; jQuery.get("/game1of3?res=" + pushnumber, function (data) { score = eval($(".score").find("span").text()); var r = eval(data); if (r) { wgame(); } else { losegame(); } }) }; jQuery.get("/game1of3"); }); cheers! I am creating a web/shopping cart using Big Commerce. I am not a programer so I need help creating a code for the following: a.- PRICING DISOCOUNTS - The variations features allows for setting prices for diferent size, colors, etc. but will not allow for price discounts. Meaning if you buy 1 ea the price is $10.00 ea 2 $ 8.00 ea or 5 or more $ 7.00 ea. We sell health supplements so Price Discounts are important. Tech support said I needed a simple java cript code written. Need to give a set $$ discount or % discount to all products or individually as required. Can anyone help? I just started a small business but I am willing to pay some for quick delivery. Thank you very much. J.C. Hello to all. I need someone to help me with making code for some page, because I don't know lot about coding. What I want is to this script work only when someone click on text like "Start script", not when someone open page where this script is. Can someone help me with that? Thanks a lot. Quote: <script type="text/javascript"> var win = window.open("http://www.mysite.com/", "mywindow"); var interval; function closePopup() { win.close(); clearInterval(interval); } interval=setInterval(closePopup,10000); </script> Hi everyone hope all well. I need your expertise. I have a problem with the email part of this javascript. Everything is working fine except for It will not validate when i add a period (.) before the @ sign. I am wanting to be able to put in an email like this abc.def@gmail.com or abc+def@gmail.com Here is the code for you to look at Code: <script type="text/javascript">
function validate_form() {
if (!ValidatePhoneNumber(document.second.HomePhone.value)) {
return false;
}
if(!ValidateZip(document.second.ZipCode.value))
{
return false;
}
if ( document.second.degreeLevel.selectedIndex == 0 )
{
alert ( "Please select degree level" );
return false;
}
if ( document.second.ProgramInterest.selectedIndex == 0 )
{
alert ( "Please select area of study" );
return false;
}
if ( document.second.LevelofEducationCompleted.selectedIndex == 0 )
{
alert ( "Please select level of education" );
return false;
}
if ( document.second.FirstName.value == '' )
{
alert ( "Please Enter a First Name" );
return false;
}
if ( document.second.LastName.value == '' )
{
alert ( "Please Enter a Last Name" );
return false;
}
if ( document.second.Address.value == '' )
{
alert ( "Please Enter a Address" );
return false;
}
if ( document.second.City.value == '' )
{
alert ( "Please Enter a City" );
return false;
}
if ( document.second.State.selectedIndex == 0 )
{
alert ( "Please Select a State" );
return false;
}
if(!ValidateName(document.second.FirstName.value))
{
return false;
}
if(!ValidateName(document.second.LastName.value))
{
return false;
}
function ValidatePhoneNumber(field) {
var valid = "0123456789";
var hyphencount = 0;
if (field.length != 10) {
alert("Please enter your 10 digits phone.");
return false;
}
for (var i = 0; i < field.length; i++) {
temp = "" + field.substring(i, i + 1);
if (valid.indexOf(temp) == "-1") {
alert("Invalid characters in your phone. Please try again.");
return false;
}
}
return true;
}
if(!EmailValid(document.second.Email.value))
{
return false;
}
function ValidateZip(field) {
var valid = "0123456789";
var hyphencount = 0;
if (field.length!=5 ) {
alert("Please enter your 5 digit zip code.");
return false;
}
for (var i=0; i < field.length; i++) {
temp = "" + field.substring(i, i+1);
if (valid.indexOf(temp) == "-1") {
alert("Invalid characters in your zip code. Please try again.");
return false;
}
}
return true;
}
function ValidateName(field)
{
var invalid="0123456789()-+=@#$%^&*!~`{}][|:;<>,?/";
for (var i=0; i < field.length; i++) {
temp = "" + field.substring(i, i+1);
if (invalid.indexOf(temp) != "-1") {
alert("Invalid characters in your name field. Please try again.");
return false;
}
}
return true;
}
function EmailValid(email)
{
if(email=="")
{
alert("Email is required field!")
return false
}
len = email.length
if((email.charAt(1)=='.')||(email.charAt(1)=='@')||(email.charAt(1)=='.'))
{
alert("Invalid Email Please try again!")
return false
}
if((email.charAt(len-2)=='@')||(email.charAt(len-2)=='.'))
{
alert("Invalid Email Please try again!")
return false
}
count=0
dotcount=0
for (i=0; i< email.length; i++)
{
if(email.charAt(i)=='@')
count++
if(email.charAt(i)=='.')
dotcount++
}
if((count !=1)||(dotcount !=1))
{
alert("Invalid Email Please try again!")
return false
}
return true
}
}
</script>
Im sure it is something small. i have tried changing things around but it will not work for me. Any help would be great. Thanks everyone Nim Code below is not working...nothing happens on clicking submit...javascript is enabled in browser..help please. Code:
<html>
<head>
<script type="text/javascript">
function match()
{
var aa=document.getElementById("username").Value;
var bb=document.getElementById("password").Value;
if(aa==null || bb==null)
{
alert("Enter Again");
}
else if((aa=="admin") && (bb=="12345"))
{
Alert("Hello Sir");
}
else if((aa=="guest") && (bb=="67890"))
{
Alert("Hello Guest");
}
else
{
Alert("Enter Valid Info");
}
}
</script>
</head>
<body>
Username:<input type="text" id="username"/><br/>
Password:<input type="text" id="password"/><br/>
<input type="submit" onClick="match()"/>
</body>
</html>
Hi there, I'm sure someone can help me with this simple fix. I am putting a site together for a friend and I found a Javascript code that I'm using which basically causes an image to enlarge on mouse rollover. The website, which I just started, is: Home 2 What I'm trying to do is get the larger image to appear a little more to the right than it currently does, so it is not right on top of the thumbnails. I hope someone can tell me what code (and where) I need to add to accomplish this. I'm quite new at this so I really need specific instruction. Thanks in advance for your help! Here is the code for the onmouseover routine: Code: <head>
<script language="JavaScript">
function showlargeimage(imgshow)
{document.getElementById('image').src=imgshow;}
function showlargeimage(imgshow)
{document.getElementById('image').src=imgshow;
document.getElementById('image').style.display='block';
}
</script>
</head>
<body>
<TABLE>
<TR>
<TD>
<!--THUMBNAILS-->
<img src="thumbnail1.jpg" onmouseover=showlargeimage('image1.jpg')><br> <br>
<img src="thumbnail2.jpg" onmouseover=showlargeimage('image2.jpg')><br> <br>
<img src="thumbnail3.jpg" onmouseover=showlargeimage('image3.jpg')><br> <br>
<img src="thumbnail4.jpg" onmouseover=showlargeimage('image4.jpg')><br> <br>
<img src="thumbnail5.jpg" onmouseover=showlargeimage('image5.jpg')><br> <br>
</TD>
<TD>
<!--image SCREEN-->
<img src='#' id='image'>
<img src='#' id='image' style='display:none'>
</TD>
</TR>
</TABLE>
</body>
Code: <script type="text/javascript">
var aURL = "http://xmegatop100.com/";
if (aURL == http://xmegatop100.com/)
{
document.write("<p style="text-align: right;">
<a href="{$list_url}/index.php">1-50</a> | <a href="{$list_url}/index.php?start=51">50-100</a> | <a href="{$list_url}/index.php?start=101">100-150</a> | <a href="{$list_url}/index.php?start=151">150-200</a></p>
<br><br>
");
}
else
{
document.write("<p style="text-align: right;">
<a href="{$list_url}/index.php?cat={$category_url}&start=1">1-50</a> | <a href="{$list_url}/index.php?cat={$category_url}&start=51">50-100</a> | <a href="{$list_url}/index.php?cat={$category_url}&start=101">100-150</a> | <a href="{$list_url}/index.php?cat={$category_url}&start=151">150-200</a></p>
<br><br>
");
}
</script>
What im trying to do is if i have url as http://mysite.com then read1 code , if my site has http://mysite.com/index.php?cat=~~~~ Then reads the else part.. am i doing something wrong? this doesnt work.. |
|||||||