|
JavaScript - Unsure Of How To Start A Program. Help Much Appreciated!
Similar TutorialsA few weeks ago, I posted a request for a basic script that I could use to load bible references into the browser depending on the current date (1 reading/week) as part of my Duke of Edinburgh award scheme project - I'm 15 and have started helping out with the local church website as part of my community service for the award. I know the basics of html, and a very little bit of Javascript/C++ When I posted the request, I was very quickly provided with a script that I am very grateful for, from Philip M (I think). We have just decided to attempt to implement the script into the website, and I am struggling a little bit with using Iframes in Javascript. Is there any possibility that somebody could give me a hand? (The test week is currently 49). The code works perfectly aside from the iframe loading. Code: <html>
<head>
<script type = "text/javascript">
function showWeekText() {
var texts = new Array(54); // array index starts at 0 which is unused
texts[1] = "Iframe for Week 1";
texts[2] = "Iframe for Week 2";
texts[3] = "Iframe for Week 3";
texts[4] = "Iframe for Week 4";
texts[5] = "Iframe for Week 5";
//6-48 removed for ease of viewing
texts[49] = <iframe src ="http://mobile.biblegateway.com/passage /index.php?search=matthew%203:1-6&version=NIV" width="90%" height="4 <p>Your browser does not support iframes.</p> </iframe>";
// Iframe i wish to use for week 49 (Iframe works in an empty html page, but unsure how to use in javascript script)
<iframe src ="http://mobile.biblegateway.com/passage/index.php?search=matthew%203:1-6&version=NIV" width="90%" height="4 <p>Your browser does not support iframes.</p> </iframe>";
texts[50] = "Iframe for Week 50";
//texts[51]-[53] removed for easier viewing
Date.prototype.getWeek = function() {
var onejan = new Date(this.getFullYear(),0,1); // month 0 is January
return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
}
var today = new Date();
var weekno = today.getWeek();
var weektext = texts[weekno];
document.getElementById("myweek").innerHTML = weektext;
}
</script>
</head>
<body onload = "showWeekText()">
<div id = "myweek"></div>
</body>
</html>
Every time I try to use the notEmpty function with an onClick event, the validation stops working. I also need to implement a pop-up that gives me this information - alert("Your name is"+firstname +lastname", your G.P.A. is "+gpa "your phone number is "+phone); anytime I try to use it as a function with onClick, it interrupts the validation as well. Please help! I'm completely lost. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
Date: 11/12/2014
Filename: validator.html
Supporting files: None
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Validator</title>
<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var firstname = document.getElementById('firstname');
var lastname = document.getElementById('lastname');
var gpa = document.getElementById('gpa');
var phone = document.getElementById('phone');
// Check each input in the order that it appears in the form!
if(isAlphabet(firstname, "Please enter only letters for your first name")){
if(isAlphabet(lastname, "Please enter only letters for your last name")){
if(gpaValidator(gpa, "Please enter a valid G.P.A.")){
if(phoneValidator(phone, "Please put a valid phone number")){
return true;
}
}
}
}
return false;
}
// Functions that check values in input fields!
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function gpaValidator(elem, helperMsg){
var alphaExp = /^([0-3](\.\d\d?)?|4(.00?)?)$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function phoneValidator(elem, helperMsg){
var alphaExp = /\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
</head>
<body>
<form onsubmit='return formValidator()'>
<fieldset>
<legend>Personal information:</legend><br />
First Name: <input type='text' id='firstname' /><br />
Last Name: <input type='text' id='lastname' /><br />
G.P.A.: <input type='text' id='gpa' /><br />
Phone Number: <input type='text' id='phone' /><br />
<input type='submit' value='Submit' />
</form>
</body>
</html>
Here is the code I am working with, been at it for 3 days now. I am at a loss....cant see why it shouldnt work. window.onload = defineMarquee; var timeID; var marqueeTxt = new Array(); var marqueeOff = true; function defineMarquee(){ var topValue = 0; var allElems = document.getElementsByTagName("*"); for (var i=0; i < allElems.length; i++){ if (allElems[i].className =="marqueTxt") marqueeTxt.push(allElems[i]); } for (i = 0; i < marqueeTxt.length; i++) { if (marqueeTxt[i].getComputedStyle) { topValue = marqueeTxt[i].getPropertyValue("top"); } else if (marqueeTxt[i].currentStyle) { topValue = marqueeTxt[i].currentStyle("top"); } } document.getElementById("startMarquee").onclick = startMarquee; document.getElementById("stopMarquee").onclick = stopMarquee; } function startMarquee(){ if (marqueeOff == true) { timeID = setInterval("moveMarquee()", 50); marqueeOff = false; } } function stopMarquee(){ clearInterval(timeID); marqueeOff = true; } function moveMarquee(){ var topPos = 0; for (i=0; i < marqueeTxt.length; i++){ if (marqueeTxt[i].getComputedStyle) { topPos = parseInt(marqueeTxt[i].getPropertyValue("top")); } else if (marqueeTxt[i].currentStyle) { topPos = parseInt(marqueeTxt[i].currentStyle("top")); } if (topPos < -110) { topPos = 700; } else { topPos -= 1; } marqueeTxt[i].style.top = topPos + "px"; } } Hi all, I have just stated university a few weeks ago and have never programmed before.I am really stuck on this assigment .In the programm you have to enter you date of birth throught prompt (22).then your year of birth (yyyy),then your month (nov). I am really stuck and have been for days in requards how to put the information gained through prompt function into a date object().So i can get the users day of birth .Heres the code i have written .the varibles num5+num9+num1 is the users input but i just dont know how to assign it to the date object I have tryed heaps of ways but carnt get any thing to work .Please Help. head> <script> var tit1=('<title> Get your Stats </title>'); var tit2=('<h1> IT\'s about time...</h1><br /> ') var num1 =(''); num1=prompt('Enter The Year You Were Born','19XX'); var currentTime = new Date() var year = currentTime.getFullYear() var ansVar = year-num1; //User input year calculation var ageEx = (ansVar/62.7)*100; // Life% calculation var num2=ansVar var num3= ansVar*365.2424; // Days calcuation var month =('janfebmaraprmayjunjulaugsepoctnovdec'); var num5 =(''); num5=prompt('Enter The Month You Where Born','jan'); num5=(num5.substring(0,3)); var lowCas=(num5.toLowerCase());//users input conmverted to lower case/ var num9=prompt ('Enter you date of birth','29'); var d = new Date (num5+num9+num1)//<<<<this random date entered here will give the day. alert (d); //STUCK HERE HOW DO I CONVERT num5+num9+num1 to a day????????:: document.write(tit1); //output document.write(tit2); document.write(('You have lived ')+ageEx.toFixed(0)+('% of your life.<br />')); document.write(('You are ')+ansVar+(' years old.<br />')); document.write (('You are ')+num3.toFixed(0)+(' days old.')); </script> </head> </html> Any advise would be appreciated thanks Shayne darcy. I have to design a javascript program to capture five different numbers (monetary values), and save it in memory. Then another one that converts that value to, let's say, Euros, and display interest and commisions (which are values I'll have to add later, but the actual coding for the calculation is what's confusing to me. Let's just say, take 10% out of the initial value for interest, and 15% for commission). I would appreciate any help
Hey. Right, so I've just paid a guy to design and code just the layout files, not the content, panels, etc. I've coded a panel which will allow my staff to post news articles which will be displayed on the main website. Adding, Editing, Deleting news and all the rest works 100% fine however it appears that the designer has coded the news displayer into a .JS (javascript) file. The news displayer looks like this: ^ This is what it looks like when you hover over one of the 3 news items shown on the right. The image (blue box) changes depending on which news item you hover over This is what it looks like when you then hover over the image for that article: The HTML: Code: <div class="left"> <div id="headline_image_box"> <a href="#"> <img name="imagename" src="_images/_headlines/1.png" alt="Description" /> <span class="desc" id="description"> <script type="text/javascript">writetext(firsttext)</script> </span> </a> </div> </div> <div class="middle"> <a href="#"> <div class="headline" onMouseover="document.imagename.src=image1.src, writeDesc(desc1)" onMouseout="document.imagename.src=image1.src"> <strong>So far so good for Wiggins</strong><br /> Team Sky's Bradley Wiggins says he's going from strength to strength at the Vuelta a Espana. </div> </a> <a href="#"> <div class="headline" onMouseover="document.imagename.src=image2.src, writeDesc(desc2)" onMouseout="document.imagename.src=image2.src"> <strong>Spurs locked in Cahill talks</strong><br /> Bolton Wanderers and Tottenham Hotspur are locked in talks regarding a deal for Gary Cahill. </div> </a> <a href="#"> <div class="headline" onMouseover="document.imagename.src=image3.src, writeDesc(desc3)" onMouseout="document.imagename.src=image3.src"> <strong>Santon set for medical</strong><br /> Italy international Davide Santon has arrived in England to finalise a move to Newcastle United. </div> </a> </div> The Javascript File: Code: if (document.images) {
image1 = new Image
image2 = new Image
image3 = new Image
image1.src = "_images/_headlines/1.png"
image2.src = "_images/_headlines/2.png"
image3.src = "_images/_headlines/3.png"
}
var desc1='<strong>13th AUG</strong>Description 1'
var desc2='<strong>12th AUG</strong>Description 2'
var desc3='<strong>11th AUG</strong>Description 3'
function writeDesc(what){
document.getElementById('description').innerHTML=''+what+'';
}
Database Structu Code: CREATE TABLE IF NOT EXISTS `news` ( `id` int(2) NOT NULL AUTO_INCREMENT, `title` varchar(100) NOT NULL, `author` varchar(100) NOT NULL, `category` varchar(100) NOT NULL, `article` varchar(50000) NOT NULL, `image` varchar(500) NOT NULL, `j` varchar(5) NOT NULL, `M` varchar(5) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; j = Date with letters on end. Eg. 4TH M = 3 character form of month. ALL details submit into database fine, that is not my issue. My issue is that I want to get the latest three articles from the database and echo the values from the database into the javascript however this stuffs up the script completely. I'm not very experienced with using Javascript & PHP together but I noticed something was wrong when I echoed it into the script. Anyone with any ideas/suggestions it'd be very helpful and appreciated! I'd prefer not to have to change to a completely new script, so if you have a way to integrate the MySQL information into the Javascript it'd be great! Hi All, I have two scripts which I want to try and integrate. I am using a nice gallery script to show thumbnails which are appended to a an image wrapper which on click of the thumbnail shows the larger image in the image wrapper, I am trying to implement cloud zoom which is a plugin which uses image srcs to then point to an anchor href to show another larger zoom image either in the same place.. which is what I am trying to do or in another div beside. I have had to set me img srcs up in a certain way to easily enter some product details. and I need to try an manipulate the code to make it work to suit my file layout. I am using a var= images [ with a series of file locations and info such as below { src: 'romanticabride/thumbs/tn_Shauna.jpg', srcBig: 'romanticabride/images/Shauna.jpg', title: 'Shauna', longDescription: '<b><H1>Shauna</H1></b><br><b>Romantica Of Devon <br><br><h2>Sizes Available:</h2><br> 6 - 32.<b><br><b><br><b><b><b><H2>Colours Available:</h2><b><br>Various<br>Please Enquire Below<br><br><br><br><a href="mailto:tracy@cherishbridal.co.uk?subject=Web Enquiry Regarding Romantica Shauna Bridal Gown"class="enquiry rose glow" >Click To Enquire About This Item </a>' }, what I need is for cloud zoom to work when the main image wrapper is hovered over which means it will need to add a class or when the whichever srcBig: is hovered over it gets wrapped by href to make the script work . one of my pages is http://www.cherishbridal.co.uk/romaticabride.html the cloud zoom script is at http://www.professorcloud.com/mainsite/cloud-zoom.htm.. I am happy to share a jsfiddle with someone or explain further or post some code. Thank you in advance I'm a student and i missed first Javascript. Could someone please just put me into the right way to make it work, I can't honestly find an answer anywhere. E.g. I have following declaration in the head section of html: <script language="javascript" type="text/javascript" src="java1.js" </script> My aim is to initialize a string variable firstname in java.js to be displayed on a page. I declare it in java.js as: var firstname="Tom"; I put document.write statement to the head of html section as: <script language="javascript" type="text/javascript" src="java1.js"> document.write; </script> ....but it doesn't work. Could someone just point me into the right direction, I tried w3c and others but unsuccessfully, it looks like everyone just seamlessly go straight to the coding. I need a count down clock that will count down 18 minutes and reset itself at the end. also i need a counter that increases by +1 every 18 minutes starting at 0. thankyou This is my code from prelim to finals. The missing part here is when the input is less than or equal to 65 and greater than 100, the prompt will say INVALID ENTRY. However, after it says Invalid Entry, it must ask you to enter again an Entry until you input a valid entry. It must be terminated after you input from prelim to finals either 0,20,30,40 or after you input a valid entry and after the program calculated it. My program does not terminate after I input valid entries. It just continue to ask grade again and again even it already calculated the grades. I don't know how will I put those code inside the program. I'm getting really confused. Code: <html>
<head>
<title>Web Programming Laboratory Exam</title>
</head>
<body>
<script language="JavaScript">
do
{
{
var pg=prompt('Enter Prelim Grade','0');
if(pg==0)
{
alert('No Grade');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==20)
{
alert('Not Attending');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==30)
{
alert('Dropped');
document.write('<br>Prelim Grade is '+pg);
}
else if(pg==40)
{
alert('Incomplete');
document.write('<br>Prelim Grade is '+pg);
}
else
document.write('Prelim Grade is '+pg);
var mg=prompt('Enter Midterm Grade','0');
}
{
if(mg==0)
{
alert('No Grade');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==20)
{
alert('Not Attending');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==30)
{
alert('Dropped');
document.write('<br>Midterm Grade is '+mg);
}
else if(mg==40)
{
alert('Incomplete');
document.write('<br>Midterm Grade is '+mg);
}
else
document.write('</br>Midterm Grade is '+mg);
var fg=prompt('Enter Final Grade','0');
}
{
if(fg==0)
{
alert('No Grade');
document.write('<br>Final Grade is '+fg);
}
else if(fg==20)
{
alert('Not Attending');
document.write('<br>Final Grade is '+fg);
}
else if(fg==30)
{
alert('Dropped');
document.write('<br>Final Grade is '+fg);
}
else if(fg==40)
{
alert('Incomplete');
document.write('<br>Final Grade is '+fg);
}
else
{
document.write('</br>Final Grade is '+fg);
sg=((pg*.3)+(mg*.3)+(fg*.4));
document.write('<br>Your Semestral Grade is '+sg);
}
}
if (sg>=74.5)
{
document.write('<br>Remarks: Passed');
document.write('</br>This Program is developed by -k3nN');
}
else
if (sg<74.5)
{
document.write('<br>Remarks:Failed');
document.write('</br>This Program is developed by -k3nN');
}
}
while (sg>=74.5|sg<74.5)
{
document.write('</br>Thanks')
}
</script>
</body>
</html>
I have an assignment to create a program in JS but I have not read JS much more. So, for this assignment, can anyone help me to solve this assignment? Check attachment. Uploaded with ImageShack.us Hello everyone. This is my first program. According to the idea of a program that calculates the sum of savings with the bank interest rates that is paid each year. And I put one amount every month. The question is very simple why full = 0? Code: var years = prompt("How many years will accumulate?)");
var prec = prompt("And how many % bank give?");
var income = prompt("How many you will put off in bank?");
var num = 12;
var full = 0;
months=years*num;
console.log("Altogether we get " + years + " years and " + months + " months.")
for (var month = 0; month == months; month++) {
if (month % num == 0) {
full = full + income + (full*prec/100);
} else {
full = full + income;
}
}
console.log("Total accumulated =" + full);
Reply With Quote 01-24-2015, 04:37 PM #2 leonfresh View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 8 Thanks 0 Thanked 0 Times in 0 Posts var full = 0 declares the variable as an integer variable. it's important to do so to avoid declaration errors. Reply With Quote 01-24-2015, 05:09 PM #3 jmrker View Profile View Forum Posts Senior Coder Join Date Aug 2006 Location FL Posts 3,175 Thanks 39 Thanked 510 Times in 504 Posts You have a logic problem. Try... Code: for (var month = 0; month<months; month++) {
Also note that your logic applies the full percentage at the 1st month of the loan/deposit. Is this what your really intended? Reply With Quote Users who have thanked jmrker for this post: Nadir+ (01-24-2015) 01-24-2015, 06:28 PM #4 Nadir+ View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 6 Thanks 1 Thanked 0 Times in 0 Posts i catch another problem, when i change this Code: for (var month = 0; month == months; month++) {
on this, Code: for (var month = 0; month<months; month++) {
program started work. But in rusults see this . Code: Altogether we get 1 years and 12 months. Total accumulated =01000100100100100100100100100100100100 all code there Code: var years = prompt("How many years will accumulate?)");
var prec = prompt("And how many % bank give?");
var income = prompt("How many you will put off in bank?");
var num = 12;
var full = 0;
months=years*num;
console.log("Altogether we get " + years + " years and " + months + " months.")
for (var month = 0; month < months; month++) {
if (month % num == 0) {
full = full + income + (full*prec/100);
} else {
full = full + income;
}
}
console.log("Total accumulated =" + full);
Reply With Quote 01-24-2015, 06:39 PM #5 Nadir+ View Profile View Forum Posts New to the CF scene Join Date Jan 2015 Posts 6 Thanks 1 Thanked 0 Times in 0 Posts i realized something if i delete var income and just put in its place 100, program work almost normal. Code: Altogether we get 2 years and 24 months. main.js:17 Total accumulated =2520 But if i write 1 year it dont work,how can i fix it? Code: Altogether we get 1 years and 12 months. main.js:17 Total accumulated =1200 Reply With Quote 01-24-2015, 09:42 PM #6 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 The value you get from a call to prompt() is *ALWAYS* a string. When you use the + operator with a string, it does *NOT* do addition; it does string concatenation. You just need to convert all those prompt() results to numbers: Code: var years = Number( prompt("How many years will accumulate?") );
var prec = Number( prompt("And how many % bank give?") );
var income = Number( prompt("How many you will put off in bank?") );
Also, you need to do Code: for (var month = 0; month <= months; month++) {
else you will only do (for example) up to month 23 when the user asks for 2 years. Be aware that prompt() and confirm() and console.log() are considered VERY obsolete and should only be used for debugging purposes, not for real web code. Hi guys I'm new to the forums here. I want to learn how to use Javascript and AJAX along with jquery or prototype to develop a dynamic website. For example, I like how www.dropbox.com works. Everything has a transition, and you can drag and drop things around which is what I like. Ultimately I hope to be able to develop a dynamic website with social networking elements. I know my goals are lofty, but where should I get started and what should I learn. I have some cursory programming experience with visual basic, fortran and html. Any particular books that would help me learn. Ideally a book would have some programming "challenges" or small projects that would give me some experience. Thanks hi every one i;m new here and i love to know programming languages and some friends adviced me to start with java script then php , and i guess i'm at the right place can you please tell how to start and where to begain i'm really don't know anything about programming
Hey all, I am very new to javascript. I have been using this stacks menu I am sure you may have seen elsewhe http://net.tutsplus.com/tutorials/ja...ck-navigation/ I have modified it a bit though as I will want to use my own graphics and change a little bit how it works. I managed to make it so that the images become transparent when the stack is put back in place and then non transparent when they come back out. The problem I have is that I need the images to be transparent initially when they are in the stack. You can see the problem he http://bit.ly/cdelJu Here is the javascript for this: Code: $(function () {
// Stack initialize
var openspeed = 300;
var closespeed = 300;
$('.stack2>img').toggle(function(){
var vertical = 0;
var horizontal = 90;
var $el=$(this);
$el.next().children().each(function(){
$(this).animate({top: vertical + 'px', left: horizontal + 'px', opacity: '10'}, openspeed);
vertical = vertical + 40;
horizontal = (horizontal+.75)*1.15;
});
$el.next().animate({top: '40px', left: '10px'}, openspeed).addClass('openStack')
.find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed);
$el.animate({paddingBottom: '0'});
}, function(){
//reverse above
var $el=$(this);
$el.next().removeClass('openStack').children('li').animate({top: '-33px', left: '-10px', opacity: '0'}, closespeed);
$el.next().find('li a>img').animate({width: '79px', marginLeft: '0'}, closespeed);
$el.animate({paddingBottom: '35px'});
});
// Stacks additional animation
$('.stack2 li a').hover(function(){
$("img",this).animate({width: '56px'}, 100);
$("span",this).animate({marginRight: '30px'});
},function(){
$("img",this).animate({width: '50px'}, 100);
$("span",this).animate({marginRight: '0'});
});
});
and here is the css: Code: /* ================ STACK #2 ================ */
.stack2 { position: fixed; top: 28px; left: 90px;}
.stack2 > img { position: relative; cursor: pointer; padding-bottom: 35px; z-index: 2; }
.stack2 ul { list-style: none; position: absolute; top: 7px; cursor: pointer; z-index: 1; }
.stack2 ul li { position: absolute; }
.stack2 ul li img { border: 0; }
.stack2 ul li span { display: none; }
.stack2 .openStack li span {
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
display:block;
height: 14px;
position:absolute;
top: 17px;
right:60px;
line-height: 14px;
border: 0;
background-color:#000;
padding: 3px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
color: #fcfcfc;
text-align: center;
text-shadow: #000 1px 1px 1px;
opacity: .85;
filter: alpha(opacity = 85);
}
#dock { top: 0; left: 100px; }
a.dock-item { position: relative; float: left; margin-right: 10px; }
.dock-item span { display: block; }
.stack { top: 0; }
.stack ul li { position: relative; }
/* IE Fixes */
.stack2 { _position: absolute; }
.stack2 ul { _z-index:-1; _top:-15px; }
.stack2 ul li { *right:5px; }
annd the html: Code: <div class="stack2"> <img src="images/stacks/stack-down.png" alt="stack"/> <ul id="stack2"> <li><a href=""><span>Aperture</span><img src="images/stacks/aperture.png" alt="Aperature" /></a></li> <li><a href="#"><span>All Examples</span><img src="images/stacks/photoshop.png" alt="Photoshop" /></a></li> <li><a href="example3.html"><span>Example 3</span><img src="images/stacks/safari.png" alt="Safari" /></a></li> <li><a href="example2.html"><span>Example 2</span><img src="images/stacks/coda.png" alt="Coda" /></a></li> <li><a href="index.html"><span>Example 1</span><img src="images/stacks/finder.png" alt="Finder" /></a></li> </ul> </div> Any help is greatly appreciated! Ok so i want to code something like this http://i45.tinypic.com/29y10s1.png I want it to where the user just clicks on one of the buttons and it changes to the thing. But then i want to be where if the user doesn't click anything then it just changes by itself. so like on a timer. Can anyone give me some references that might help me get started with coding this. I have no clue where tos tart. I wrote about this script a couple weeks ago. I stopped working on it, and just got on it today. Question, what's the easiest way to have it so Monday, tuesday, Wednesday, etc and then the total amount of hours gets added. Code: <html>
<head>
<script language="JavaScript" src="gen_validatorv5-.js"
type="text/javascript" xml:space="preserve"></script>
<script type="text/javascript">
function calc(nForm){
var inHour =parseInt( nForm.inHr.value)
var inMinutes = parseInt( nForm.inMin.value);
var lunchOutHour = parseInt(nForm.lunchOutHr.value);
var lunchOutMinutes = parseInt( nForm.lunchOutMin.value);
var lunchInHour = parseInt( nForm.lunchInHr.value);
var lunchInMinutes = parseInt( nForm.lunchInMin.value);
var outHour = parseInt( nForm.outHr.value);
var outMinutes = parseInt( nForm.outMin.value);
var linearInTime = 60*(inHour)+(inMinutes);
var linearLunchOutTime = 60*(lunchOutHour)+(lunchOutMinutes);
var linearLunchInTime = 60*(lunchInHour)+(lunchInMinutes);
var linearOutTime = 60*(outHour)+(outMinutes);
var workDay = linearOutTime-linearInTime;
var lunchPeriod = linearLunchInTime-linearLunchOutTime;
var linearMinutesWorked = workDay-lunchPeriod;
var hoursWorked = parseInt(linearMinutesWorked/60);
var minutesWorked = linearMinutesWorked-(hoursWorked*60)
if (hoursWorked < 10){hoursWorked = "0"+hoursWorked}
if (minutesWorked < 10){minutesWorked = "0"+minutesWorked}
nForm.timeWorked.value = hoursWorked+":"+minutesWorked;
}
</script>
</head>
<body>
<div align="center">
<h1>
<script src='scripts/gen_validatorv5.js' type='text/javascript'></script>
<script src='scripts/sfm_moveable_popup.js' type='text/javascript'></script>
<style type='text/css'>
.error_strings
{
font-family:Verdana;
font-size:10px;
color:#660000;
}
.sfm_float_error_box
{
position:absolute;
z-index:999;
cursor:default;
font-family:Verdana;
font-size:10px;
color:#660000;
background-color:#ffff66;
border-style:solid;
border-width:1px;
border-color:#660000;
}
.sfm_float_box_td
{
padding:3px;
cursor:default;
font-family:Verdana;
font-size:10px;
color:#660000;
background-color:#ffff66;
}
.sfm_close_box
{
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#ffffff;
background-color:#660000;
border-width:0px;
text-align:center;
}
.sfm_cr_box
{
font-family:Verdana;
font-size:10px;
color:#888888;
border-style:solid;
border-width:0px;
border-color:#660000;
}
.sfm_cr_box a
{
color:#888888;
}
</style>
Masquerade Timesheet Entry</h1>
</div>
<div id='timeSheet_errorloc' class='error_strings' style=''></div>
<form name='timeSheet'>
<table width="833" height="244" border="1" align="center">
<tr>
<td width="266"><p align="left">Monday :</p>
Clock In:
<label>
<input name="inHr" type="text" id="inHr" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin" type="text" id="inMin" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr" type="text" id="lunchOutHr" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin" type="text" id="lunchOutMin" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr" type="text" id="lunchInHr" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin" type="text" id="lunchInMin" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr" type="text" id="outHr" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin" type="text" id="outMin" size="10" maxlength="2">
</label>
<p>Time Worked:
<input type='text' name='timeWorked' size='5' readonly>
</p></td>
<td width="269"><p>Tuesday:</p>
<p>Clock In:
<label>
<input name="inHr2" type="text" id="inHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin2" type="text" id="inMin2" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr2" type="text" id="lunchOutHr2" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin2" type="text" id="lunchOutMin2" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr2" type="text" id="lunchInHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin2" type="text" id="lunchInMin2" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr2" type="text" id="outHr2" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin2" type="text" id="outMin2" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked2' size='5' readonly>
</p></td>
<td width="276"><p>Wednesday:</p>
<p>Clock In:
<label>
<input name="inHr3" type="text" id="inHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin3" type="text" id="inMin3" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr3" type="text" id="lunchOutHr3" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin3" type="text" id="lunchOutMin3" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr3" type="text" id="lunchInHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin3" type="text" id="lunchInMin3" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr3" type="text" id="outHr3" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin3" type="text" id="outMin3" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked3' size='5' readonly>
</p></td>
</tr>
<tr>
<td><p>Thursday:</p>
<p>Clock In:
<label>
<input name="inHr4" type="text" id="inHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin4" type="text" id="inMin4" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr4" type="text" id="lunchOutHr4" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin4" type="text" id="lunchOutMin4" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr4" type="text" id="lunchInHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin4" type="text" id="lunchInMin4" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr4" type="text" id="outHr4" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin4" type="text" id="outMin4" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked4' size='5' readonly>
</p></td>
<td><p>Friday:</p>
<p>Clock In:
<label>
<input name="inHr5" type="text" id="inHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="inMin5" type="text" id="inMin5" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr5" type="text" id="lunchOutHr5" size="10" maxlength="2">
</label>
 
<label></label>
<input name="lunchOutMin5" type="text" id="lunchOutMin5" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr5" type="text" id="lunchInHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="lunchInMin5" type="text" id="lunchInMin5" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr5" type="text" id="outHr5" size="10" maxlength="2">
</label>
 
<label>
<input name="outMin5" type="text" id="outMin5" size="10" maxlength="2">
</label>
</p>
<p>Time Worked:
<input type='text' name='timeWorked5' size='5' readonly>
</p></td>
<td><div align="left">
<p>
<input type='button' value="Calculate" onClick="calc(this.form)">
<input type="button" name="reset_form" value="Clear Forms" onClick="this.form.reset();">
</p>
<p>Total Time Worked:
<input type="text" name="totalhr" id="totalhr">
</p>
<label></label>
</div></td>
</tr>
</table>
<p align="left"> </P>
<p align="left"> </P>
<p align="left"> </P>
<p align="left"> </P>
<p><br>
<br>
<br>
<br>
</p>
</form
><p> </p>
<p> </p>
</body>
</html>
Basically i have an image of a ball that i am trying to make bounce from top to bottom so far it is just going to the bottom and stopping plz help thanks <head> <title></title> </head> <body> <center> <input type="button" value="Click" onClick="moveDown()"/> </center> <img id="Ball" src="ball.jpg" style="position:absolute; top:100px; left:100px;"/> <script language="JavaScript"> var Image = document.getElementById("Ball"); var Position = 100; var direction = 1; function moveDown() { if(direction > 0) { Image.style.top = parseInt(Image.style.top) + 20+'px'; } if(parseInt(Image.style.top)> 100 || direction > 1 ) direction = 1 if(parseInt(Image.style.top)> 500 || direction < 1 ) { direction = -1 Image.style.top = parseInt(Image.style.top) - 20+'px'; } } setInterval ("moveDown()", 50 ); </script> </body> </html> Im writing this code for a gas station program. I have been writing and improving my code for about 3 weeks now and its quite long. I have about classes , customer class, office class and a gas pumps classes. I need help on how to get started on finding the total output at the end of the day. Conceptually i know what i have to do but I don't know where to begin writing the code. I think each time there is a new customer i should add the amount of fuel purchased to a new total fuel purchases variable in the gas pump class. If any one could give me some advice or tips on my theory it would be great ! Should I create a method or can i be done without one. Code: import java.util.Random;
import java.util.Scanner;
public class Customer
{
private String carTag;
private double gasPurchased;
private int gasType;
public Customer ()
{
Random gen = new Random ( );
carTag = "";
for (int i = 1; i <= 6; i++)
{
//a random number between 48 and 90
int code = gen.nextInt (43)+ 48;
if ((code <= 64) && (code >= 58))
{
i--;
continue;
}
carTag += ((char)(code));
}
System.out.println ("a car arrives; tag number:" + carTag);
}
public int getGasType ()
{
Scanner inputDevice = new Scanner (System.in);
//1:regular, 2:plus, 3:premium
System.out.println ("enter type of gas to buy " +
"(1:regular, 2:plus, 3:premium): ");
gasType = inputDevice.nextInt ();
return gasType;
}
public double getGasPurchased ()
{
Random gen = new Random ();
gasPurchased = gen.nextDouble ()* 50;
return gasPurchased;
}
public String getCarTag ()
{
return carTag;
}
Code: import java.util.Random;
public class Office
{
public static void main (String [ ] args)
{
double regularTank = 1000;
double plusTank = 1000;
double primiumTank = 1000;
GasPump pump1 = new GasPump ( );
GasPump2 pump2 = new GasPump2 ( );
Random gen = new Random ();
//asuumint gas tanks always have gas, will upgrade later
do
{
int whatHappens = gen.nextInt (100);
if (whatHappens == 5)
{
System.out.println ("gas station closed");
break;
}
else if ((whatHappens % 10) == 0)
{
if (pump1.pumpAvailable ())
pump1.customerArrival ();
else
System.out.println ("a new customer arrives at pump 1, but is turned away, gas pump is busy");
}
else
{
if (pump1.pumpAvailable ())
System.out.println ("no customer; waiting.........");
}
if (!pump1.pumpAvailable())
{
if (pump1.updateClock () == 0)
pump1.saleComplete ();
}
} while (true);
do
system.exit ()
Code: public class GasPump
{
final private double REGULAR_PRICE = 3.15;
final private double PLUS_PRICE = 3.5;
final private double PREMIUM_PRICE = 4.5;
final private double HOSE_FLOW_RATE = 0.85;
private double totalPayment;
private Customer who;
private int timeLeftToFinish;
private int gasType;
private double gasPurchased;
private String carTag;
public GasPump ()
{
who = null;
totalPayment = 0;
timeLeftToFinish = 0;
}
public void customerArrival ()
{
who = new Customer ();
System.out.println ("welcome to jack's gas station PUMP 1 ");
gasType = who.getGasType ();
gasPurchased = who.getGasPurchased ();
timeLeftToFinish = (int)(gasPurchased/HOSE_FLOW_RATE);
System.out.println (timeLeftToFinish + " total time units needed for this transaction...");
carTag = who.getCarTag ();
}
private void printReceipt ( )
{
System.out.println ("****Sale Receipt");
switch (gasType)
{
case 1: System.out.println ("regular gas"); break;
case 2: System.out.println ("plus gas"); break;
case 3: System.out.println ("premium gas"); break;
}
System.out.println ("gas amount: " + gasPurchased +
"\ntotal payment" + totalPayment + "\nthank you");
System.out.println("Pump has " + regularTank());
}
private void resetPump ( )
{
who = null;
totalPayment = 0;
timeLeftToFinish = 0;
}
public int updateClock ()
{
timeLeftToFinish--;
System.out.println (timeLeftToFinish + " time units left to finish ");
return timeLeftToFinish;
}
public void saleComplete ( )
{
switch (gasType)
{
case 1: totalPayment = REGULAR_PRICE * gasPurchased; break;
case 2: totalPayment = PLUS_PRICE * gasPurchased; break;
case 3: totalPayment = PREMIUM_PRICE * gasPurchased; break;
}
printReceipt ( );
resetPump ( );
}
public boolean pumpAvailable ()
{
return (who == null);
}
}
|
|||||||