|
JavaScript - Beginner Having Trouble With This Simple Example
Can some please help me. I'm really new at this and is having trouble with this simple example
Code: <html>
<head>
<script type="text/javascript">
//Below i was trying to set up a var pam that includes some text
//and the value of form field name pamcheck and then display that result of pam on the screen
//using a check box with a value of 'pale ale malt' hoping that when the ckeck box is checked
//and then user clicks submit the result would be displayed on the screen as
// 'Your selected malt is Pale ale malt'
function pamff1() {
pam = ("<p>Your selected malt is <p>" + pamcheck);
document.write(pam);
}
</script>
</head>
<body>
<form onsubmit="pamff1();">
<input type="checkbox" name="pamcheck" value="Pale ale malt" >
<input type="submit" value="Submit">
</form>
</body>
</html>
Similar TutorialsI have a simple project that is getting me stuck. The current submission is included. The question is: Write a class named Acc2 containing: An instance variable named sum of type integer, initialized to 0. A method named getSum that returns the value of sum . This is my current sumbission: public class Acc2 { private int sum = 0; public int getSum (){method sum;} } The system says that the only thing wrong with it is the bold word method. I have tryed many things in place of it however I am unable to move on. I am trying to create a simple shoot em up on java and it is due by tomorrow 5/2. I need help making the gun I have created, shoot up to 10 bullets using the space bar. Also, I need some kind of either bullet countdown bar or something to show the shooter the number of bullets that he has left to shoot out of 10. So far I have created the Ufo's that bounce around the screen randomly and the gun that moves along the bottom using the arrow keys. When a Ufo huts the gun the game ends and goes to a blank screen. Here is what I have so far: Code: //Shoot.java
import acm.graphics.*;
import acm.program.*;
import java.awt.event.*;
import java.awt.*;
import acm.util.*;
public class Shoot extends GraphicsProgram
{
public static final int APPLICATION_WIDTH = 800;
public static final int APPLICATION_HEIGHT = 500;
final int AW=APPLICATION_WIDTH;
final int AH=APPLICATION_HEIGHT;
final int WAIT=5;
final int MV_AMT=5;
final int JUMP_AMT=100;
final int U_SIZE=30;
int xMove,yMove;
UFO u1,u2,u3;
public void init()
{
u1=new UFO();
u2=new UFO();
u3=new UFO();
RandomGenerator rg= new RandomGenerator();
int rand1= rg.nextInt(0,AW-50);
int rand2= rg.nextInt(0,AW-75);
int rand3= rg.nextInt(0,AW-100);
add(u1,rand1,0);
add(u2,rand2,0);
add(u3,rand3,0);
xMove=yMove=0;
addKeyListeners();
}//init
public void keyPressed(KeyEvent e)
{
int key = e.getKeyCode( );
if (key == KeyEvent.VK_RIGHT)
{ xMove = MV_AMT ; }
else if (key == KeyEvent.VK_LEFT)
{ xMove = -MV_AMT ; }
} //keyPressed
public void run()
{
RandomGenerator rg =new RandomGenerator();
GRectangle u1Box, u2Box, u3Box, g1Box;
int xMove1=1,xMove2=1,xMove3=1;
int yMove1=1,yMove2=0,yMove3=1/4;
boolean u1Done=false, u2Done=false, u3Done=false;
GUN g1=new GUN();
add(g1,300,480);
xMove=yMove=0;
addKeyListeners();
waitForClick();
while(true)
{
u1.move(xMove1,yMove1);
u2.move(xMove2,yMove2);
u3.move(xMove3,yMove3);
u1Box=u1.getBounds();
u2Box=u2.getBounds();
u3Box=u3.getBounds();
g1Box=g1.getBounds();
pause(WAIT);
g1.move(xMove,yMove);
xMove=yMove=0;
//intersections
if(u1Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
if(u2Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
if(u3Box.intersects(g1Box)==true)
{g1.setVisible(false);
u1.setVisible(false);
u2.setVisible(false);
u3.setVisible(false);
break;
}
//at top of window
if (u1.getY( ) == 0)
{ yMove1 = -yMove1 ; }
if (u2.getY( ) == 0)
{ yMove2 = -yMove2 ; }
if (u3.getY( ) == 0)
{ yMove3 = -yMove3 ; }
//at left or right side
if ((u1.getX( ) <= 0) || (u1.getX( ) + U_SIZE >= AW))
{ xMove1 = -xMove1 ; }
if ((u2.getX( ) <= 0) || (u2.getX( ) + U_SIZE >= AW))
{ xMove2 = -xMove2 ; }
if ((u3.getX( ) <= 0) || (u3.getX( ) + U_SIZE >= AW))
{ xMove3 = -xMove3 ; }
//at bottom of window
if (u1.getY( ) == 450)
{ yMove1 = -yMove1 ; }
if (u2.getY( ) == 450)
{ yMove2 = -yMove2 ; }
if (u3.getY( ) == 450)
{ yMove3 = -yMove3 ; }
}
}
}
Thank you so much Courtney Hi, thanks for taking the time to read this. I believe it is a very simple problem however I cannot get it to work, when I run it I enter info into the prompt and it seems to get stuck in a loop. Basically A prompt asks for user to enter a code (has to be either R or r or C or c) though when I enter one of those in it won't work. Code: <html>
<head>
<title>Water Usage</title>
<script type="text/javascript">
// Setting our variables based on user input
var code;
var kl_c;
var kl_r;
var kl_c_cost;
var kl_r_cost;
code = prompt("Please Enter Code");
while ((code != "R") || (code != "C") || (code != "r") || (code != "c") || (code ==""))
{
alert("Please Enter C for Commercial or R for Residential");
window.location.reload(true);
}
if ((code == "C") || (code == "c"))
{
kl_c = prompt("Please Enter The Kilolitres Of Water Consumed");
kl_c_cost = (kl_c * 0.2)
alert("The Total amount of water used for this Residential property is " + kl_c + " Kilolitres and the total cost is $" + kl_c_cost);
}
else if ((code == "R") || (code == "r"))
{
kl_r = prompt("Please Enter The Kilolitres Of Water Consumed");
kl_r_cost = (kl_r * 0.6)
alert("The Total amount of water used for this Residential property is " + kl_r + " Kilolitres and the total cost is $" + kl_r_cost);
}
</script>
</head>
<body>
</body>
</html>
So 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. Hello.. I'm in a Web Development basics class at my College. We are about two weeks in as we've blew through HTML and CSS. Anyway.. to the question. So for this class I need to make a website with terms and their definitions. The definitions have to be in Javascript and make them show up with an alert. The problem is, I can't figure out how to have unique functions that I can somewhat link with the button. Quote: <html> <head> <script type="text/javascript"> function show_alert() { alert('term definition ONE ') } </script> </head> <body> <input type="button" value="term definition ONE " onclick="show_alert()" /> <input type="button" value="term definition TWO " onclick="show_alert()" /> </body> </html> Making a new button would just link to the script that's in the <head> giving the same definition. It's almost like I need to give each function a variable that matches up with each button, since I have multiple terms.. I hope you get what I'm trying to say. 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. I'm trying to create a type of virtual pagination that's simple, semantic, and SEO friendly. The concept is like this website: www.doner.com In the bottom right hand corner, if you select a city, different contact information appears. My theory is to assign a class name to the hyperlink, then have a DIV with a matching ID. For example... Code: <a href="#" class="michigan">Michigan</a> <a href="#" class="ohio">Ohio</a> <a href="#" class="illinois">Illinois</a> <div id="michigan"> Michigan container </div> <div id="ohio"> Ohio container </div> <div id="illinois"> Illinois container </div> The JavaScript I have written so far is... Code: var anchor = document.getElementsByTagName('a').className; // grab all hyperlinks and their classes
var div = document.getElementsByTagName('div').getElementByID; // grab all divs and their IDs
if (anchor = div) { // check to see if a hyperlink's class has a matching div ID
div.style.display = "none";
if (anchor.onclick) { // if the hyperlink is clicked...
div.style.display = "visible"; // make matching div ID visible
}
}
Nothing works yet, and I don't know where to continue. The DIVs aren't even hidden upon loading. Can anyone help me? I am very new to JavaScript and I am currently following the Eloquent JavaScript book online. On one of the exercises, we are told to make a function that returns the range of the inputs in an array. I tried this code below but it doesn't seem to work. The problem seems to be in the "If" function because if I change the condition to (start < end) it seems to work. Can someone please explain to me why this is? function range (start, end) { var j = []; if (start > end) { for (i = start; i <= end; i++) { j.push(i); } } else { for (i = start; i >= end; i--) { j.push(i); } } return j; } console.log(range(10, 2)); console.log(range(2, 10)); Reply With Quote 01-26-2015, 08:49 PM #2 Labrar View Profile View Forum Posts New Coder Join Date Jun 2008 Posts 65 Thanks 0 Thanked 12 Times in 12 Posts Why you do not use something like this var range = function(start, end, step) { var range = []; var typeofStart = typeof start; var typeofEnd = typeof end; if (step === 0) { throw TypeError("Step cannot be zero."); } if (typeofStart == "undefined" || typeofEnd == "undefined") { throw TypeError("Must pass start and end arguments."); } else if (typeofStart != typeofEnd) { throw TypeError("Start and end arguments must be of same type."); } typeof step == "undefined" && (step = 1); if (end < start) { step = -step; } if (typeofStart == "number") { while (step > 0 ? end >= start : end <= start) { range.push(start); start += step; } } else if (typeofStart == "string") { if (start.length != 1 || end.length != 1) { throw TypeError("Only strings with one character are supported."); } start = start.charCodeAt(0); end = end.charCodeAt(0); while (step > 0 ? end >= start : end <= start) { range.push(String.fromCharCode(start)); start += step; } } else { throw TypeError("Only string and number types are supported"); } return range; } Thats pretty similar to php range Reply With Quote 01-26-2015, 09:25 PM #3 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts Ignore Labrar's ridiculously complicated answer to a very simple problem. Instead look CAREFULLY at this code: Code: if (start > end) {
for (i = start; i <= end; i++) {
Let's use your first example, where you call range(10, 2) So start is 10. And end is 2. So you get to if ( start > end ) and JavaScript executes that as if ( 10 > 2 ) Indeed, 10 *IS* greater than 2, yes? SO you the go execute the NEXT line: for (i = start; i <= end; i++) Which, of course, JavaScript then executes as for (i = 10; i <= 2; i++) But then 10 is *IMMEDIATELY* <= 2. So the for loop NEVER RUNS. All you need to do to fix your code is change Code: if (start > end) {
into Code: if (start < end) {
PRESTO! ********** The tiniest bit of debugging using your JavaScript debugger would have found this. But also just learning to THINK like the computer would help. Actually run the code in your head, using your example numbers, and you'd see where you went wrong. hello! i have a problem: i want to change the height of my side bar as long as the text in the center of page long, it means when I have for ex 3 news in a page the side bar which have a background color must be increase to fit the long of text(3 news). i think it will do by javascript but i'm not sure! i my question isn't clear please tell me to explane more i really need it, Hi there, im wondering if you can help me i need help in finding javascript resources to build my skills and knowledge of Jscript because im a beginner. Please help I will start off by saying yes this is homework but I only want help. I'm trying to make the content show up in the read only boxes but I can't figure out where I'm going wrong. My test page can be found at http://sidewalk-cafe.com/test/maddox-hw2a.html. It's small. Any help would be appreciated. Code: function orderForm() {
var formDaysStaying = document.getElementById("daysStaying").value;
var formSeason = document.getElementById("season").value;
var formPropertyType = document.getElementById("propertyType").value;
document.getElementById("FEE").value = "$" + today.toFixed(2);
document.getElementById("totalCost").value = "$" + today.toFixed(2);
document.getElementById("today").value = "$" + today.toFixed(2);
document.getElementById("due").value = "$" + due.toFixed(2);
}
function formTotalCost(form) {
const FEE = 55;
var totalCost = (formPropertyType * formSeason) * formDaysStaying;
var today = totalCost * .10;
var due = (totalCost + FEE) - today;
if (document.getElementById("daysStaying").value == "" ||
isNaN(document.getElementById("daysStaying").value))
alert("Please provide the number of days you will be staying.");
// Submit the order to the server
form.submit();
}
Hey guys, I am working on building a new site and was wondering if I could get some clarity on something with JS, as I am el noobo. I have the basic layout he http://www.temp3.hangnailproductions.com/ Now this is just a mock up and I plan to validate the code, make it more semantic and clean up my CSS quite a bit, but right now I just want to get an idea of what I have to do and something has caught my eye. When the page loads, it takes quite a few seconds for the javascript I have attached to populate a few areas on the screen. At the top of the page there is a random testimonial and the current date. Both are populated from this script: http://www.temp3.hangnailproductions.com/js/master.js I don't know if these areas take a few seconds because my code is horribly wrong, too large, or if this is just normal. Does the array that holds the testimonials hold too much information? I would really appreciate some help. Also, the section that says "This should be a small blurb about the link above." is going to be a snippet of text that changes when a user mouseovers a main link at the top. I think this will also be JS and included in the same "master.js" file - thoughts? Thanks very much. (And I know it is ironic that I am asking for help on a site that sells web design, but Javascript is not something I plan to push, and if need be I would hire someone to help with any in-depth JS. I thought this would just be a simple little project...) Hey guys, Thanks for taking the time to read my post. I am not new to programming or scripting, but I am completely new to javascript and web-based code. Hopefully you guys could help me understand what is going on and maybe help me figure out what I am trying to do. What I am trying to do: -There is an element that has a value <td class="flashField" onmouseover="clearAnswer()"> <div id="flashAnswer" onmouseover="clearAnswer()">answer string here</div> </td> -There is a text box that needs to have the answer above given to it <td class="flashField"> <input type="text" tabindex="1" onkeypress="clearAnswer()" name="q" maxlength="256" size="50"> </td> -There is a next button that needs to be executed <td align="right"> <input type="image" tabindex="2" alt="Next" src="http://website.com/images/next.gif"> </td> So what I am trying to do is create a script through Greasemonkey that will automatically do these things. I am starting small and trying to just get the value of flashAnswer to appear as an alert on the screen by using this code: var answer = document.getElementById('flashAnswer'); alert(answer); But the problem is it posts some weird value ([object XrayWrapper [object HTMLDivElement]]) that most definitely is not "answer string here" and is a bit above me at this point. Any ideas? Any help would be great guys! Thanks! -ellosiph Hi there! Here's my problems: The problem 1 is about making triangle with "*", but i must not use <center> so the triangle must be on the left side.. Here's my code: var x = parseInt(prompt("Your value","")); var A= ""; var B=[" "]; for (i=0; i<x; i++) B[i+1]=B[i]+" "; for (i=0; i<x; i++) { A = A+"*"; document.write("<br>" + B[x-i] + A) } How can i make this code more basic? The problem 2 is about taking random different elements from Array. Here's code: var items = Array(0,1,2,3,4,5,6,7,8,9), a; document.write("Secilen elemanlar: "); for (i=0; i<5; i++) { a= Math.floor(Math.random()*items.length); document.write(items[a]); items.splice(a,1); } In that problem how can i do the same thing without splice. And the problem 3 is about number triangle like this 1 232 34543 I couldn't write any code,and cane you give some advices like "what methods i must use"? Reply With Quote 02-04-2015, 07:34 PM #2 felgall View Profile View Forum Posts Visit Homepage Master Coder Join Date Sep 2005 Location Sydney, Australia Posts 6,745 Thanks 0 Thanked 666 Times in 655 Posts splice is about the only command there that you should consider using. Yuo are misusing parseInt() where you should be using Number() and the prompt() and document.write() should never be used at all - they became obsolete many years ago. is this code right its supposed to be a code that prompts the user for a number less than 100 and outputs only odd numbers less than or equal to the number entered by the user.for example if a user eneters the number 10 you should display 1,3,5,7,9 to the browser window?...im not sure if i have done it right..i gave it a go though! var input = prompt("Enter a number less than 100:", "10"); if( input <= 100){ nbsp; for (var i = 1, i <= input, i++2){ nbsp; document.write(i", "); nbsp; } }else{ nbsp; alert(input + " is not less than 100!"); } Hi every one I'm a beginner to java so I have a home work assignment and I'm suppose to create a soda machine thing. What I'm trying to do is make the price of soda * quantity of soda which will equal to the price with tax but I cant figure it out @_@. I know what I'm doing wrong with the "Total" button and the "value" and "quantity" and I've been looking over the internet and playing with it like crazy. So if anyone can help me figure this out that would be great. The code and a pic is on the bottom i hope i gave you guys enough info. This is what im trying to do. I'm trying to get this simple (not to me) ascii animation going and firebug is giving me an error saying "document.getElementById("frameArea") is null. I've got an element named frameArea and I wonder if it's buried too deep. I don't really understand this code which I admit is a big part of my problem. I have seen what it is supposed to do, which is play a simple animation. Will someone please help me decipher what this code is saying? Code:
<html>
<head>
<title>Animation</title>
<script type="text/javaScript">
function playAnimation()
{
frameStr = document.getElementById("frameArea").value;
if(frameStr.indexOf("\r\n") != -1)
{
frameSeq = frameStr.split("=====\r\n");
}
else
{
frameSeq = frameStr.split("=====\n");
}
currentFrame = 0;
showNextFrame();
}
function showNextFrame()
{
document.getElementById("displayArea").value = frameSeq[currentFrame];
currentFrame = (currentFrame+1)% frameSeq.length;
timer = setTimeout("showNextFrame();", 250);
}
</script>
</head>
<body>
<div style="text-align:left">
<h1>My Animation</h1>
<hr />
<form name="animationForm">
<table>
<tr><td align="center"><b>Enter frames below separated by "====="</b>
<td>
<td align="center">
<tr><td><textarea name="frameArea" rows=12 cols=35 wrap="virtual"></textarea> </td>
<td align="center">
<br />
<input type="button" value="Play --->" onclick="playAnimation()">
</td>
<td><textarea name="displayArea" rows=12 cols=35 wrap="virtual"></textarea> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
Hey guys, I've come here looking for a little help. Probably for a very easy problem to you guys lol. I have a script (this is just a snippet of it): Code: $("#wgo_onlineusers_list").find(":contains('Username')").closest("li").addClass("isOMM");
It basically finds the Username value using the online user list and adds them to a separate special "currently online" list at a different spot on the homepage of the forum. My problem is that if I have a simple username, for example "Big", it adds all usernames with "Big" in it. I know all I need to do is change it so that it catches only the exact username, but I'm having trouble finding a selector (if there is one) that can do this or if it'll be a little more work to fix. Is there any simple fix that is right in front of my eyes for this or do I need to rewrite the function completely? I'm sort of just getting into JS/jQuery and this forum looks like it will be incredibly helpful for me in the future cus of it's activity. Reply With Quote 01-30-2015, 05:17 AM #2 Old Pedant View Profile View Forum Posts Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts You really need to ask this in the jQuery forum. But I'm with you: I don't see anything in the jQuery docs that supports "equals" instead of "contains" for text values. I just started to learn javascript. can someone please tell me why my script below does not work? Is it not how it should be done? <html> <head> <title> Javascript Navigation </title> <script type="text/javascript"> if(yahoo.onclick()==true) { window.location = 'http://www.yahoo.com'; } </script> </head> <body> <form> <input type="button" name="yahoo" value="Click Here to go Yahoo.com"/> </form> </body> </html> |
|||||||