JavaScript - Mac / Firefox Issues
Hi all
I use the following to verify that a user has entered a number between 0 and 99 in a form: Code: function validate_number(number) { //Checks uploaded files for invalid characters and extensions if (/^([0-9]|[0-9][0-9])$/gi.test(number)) { // anything but 0-99 is disallowed return true; } return false; } It seems to work fine in all browser / machine combos except Firefox on a Mac, when entering 0 returns false (I don't know if entering other numbers also returns false.) Can anybody suggest why? Similar TutorialsHello, For starters I'm a real javascript noob. The problem is I've got some code which which should display the contents of a div depending on which of two radio buttons are selected. Works fine in IE, but in Firefox, or even Safari it will display both divs if both are clicked. In other words it won't hide the div while it displays the other. The code is below, and any help would be appreciated. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Help! </TITLE> <style type="text/css"> .hide {display: none} </style> <script type="text/javascript"> function hideDivArea(str_area_hide){ tag = document.getElementsByTagName("div"); for(x=0;x<tag.length; x++) { if(tag[x].getAttribute('id').indexOf(str_area_hide) != -1) { tag[x].style.display = "none"; } } } function showDivArea(areas_show, areas_hide){ for (var i = 0; i < areas_show.length; i++) { ge = document.getElementById(areas_show[i]); ge.style.display = "block"; } for (var i = 0; i < areas_hide.length; i++) { hideDivArea(areas_hide[i]); } } </script> </HEAD> <BODY> <form action="feedout.php" method="post"> <input type="hidden" name="action" value="sendmail" /> <table style="width: 435px" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td height="15" valign="bottom">Do you Own or Rent?:<span class="redtext">*</span></td> <td valign="bottom"> </td> </tr> <tr height="30"> <td colspan="2"> <div> <input type="radio" name="ownRent" value="own" size="34" onclick="javascript:showDivArea(['own'], ['rent'])">Own <input type="radio" name="ownRent" value="rent" size="34" onclick="javascript:showDivArea(['rent'], ['own'])">Rent <div class="hide" id="own"> Lawyer Name:<br /> <input type="text" name="lawyerName" size="34"><br /> Address:<br /> <input type="text" name="lawyerAddress" size="34"><br /> Telephone Number:<br /> <input type="text" name="lawyerPhone" size="34"><br /> </div> <div class="hide" id="rent"> Landlord Name:<br /> <input type="text" name="landlordName" size="34"><br /> Address:<br /> <input type="text" name="landlordAddress" size="34"><br /> Telephone Number:<br /> <input type="text" name="landlordPhone" size="34"><br /> </div> </div> </td> <tr> <td> <table width="240" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="105" colspan="1" valign="middle" bordercolor="#000000" bgcolor="#ffffff"> <input style="border: solid 1px black;" type="submit" value="Submit Form"> </td> <td width="20" height="35"> </td> <td width="54" valign="middle"><input style="border: solid 1px black;" name="reset" type="reset" value="Clear Form"> </span></td> </tr> </tbody> </table> </td> <td> </td> </tr> </tbody> </table> </form> </BODY> </HTML> Hello, Firefox issue with Javascript or CSS here. My sorority website was written several years ago (therefore I'm not thoroughly familiar with the foundations), and upon building a new page, I'd like to add it to the menu in my php header. So I did, however the formatting looks terrible in Firefox! The menu seems like it's not "wide" enough. Here's what it looks like: (called in by http://skmit.com/header.incnew.php ) I added the officers link right between the social and nationals pages. Here's what it looked like befo (called in by http://skmit.com/header.inc.php ) and here's what it SHOULD look like: this screenshot was taken in safari, where it works beautifully! I've searched through the CSS ( http://www.skmit.com/c/master.css ) and found no clues as to why this is going wrong, so I feel like it may be the javascript...however, my Javascript experience is limited and I don't know what I'm looking for or if even relates to the header! Here's the javascript that the header calls in: http://skmit.com/c/nav.js http://skmit.com/c/prototype.js I'm not really sure what the issue is. I'm using Firefox 3.5 on Mac OS X. Safari shows it fine, I'm running it on browsershots.org right now to see which browsers have issues. If you could offer me any advice, I'd be very grateful! Thanks so much! I have an ajax member search form that I'm just about done with but I have a couple of really irritating firefox issues. The first one is the lack of support of the click() method. I added the following but it still doesn't want to work: Code: <script> if(typeof HTMLElement != 'undefined' && !HTMLElement.prototype.click) { HTMLElement.prototype.click = function() { var evt = this.ownerDocument.createEvent('MouseEvents'); evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null); this.dispatchEvent(evt); } } </script> The second issue I'm having is with dependent dropdown selects not hiding in firefox. This seems to be due to the other functions that need to trigger onload and is dependent on what order it's loaded. Here's how I'm handling the onload functions: Code: <script> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { ajaxFunction(document.getElementById('country').value); handleOnChange(country); setupDependencies('cbcheckedadminForm', 'adminForm', 'locationsearch'); handleOnChange2(cb_state); }); </script> I don't have an issue with either of these in chrome. IE is a WHOLE other story, it's all kinds of wonky there. I still need to go through and do some debugging for that. Any quick ideas off hand on these two issues? I'll try and post the full php file in a reply. My function below only works if all variables have values. The variable "points", "income" and "shippingPrice" are optional inputs by the user. If I leave these text fields blank the "balance" value becomes "NaN". I need some help on this function to calculate "balance" value although variable "points", "income" and "shippingPrice" are blank. Another thing is I want the output of "balance" value in 2 decimal points (money). function findBalance () { var itemPrice = <?php echo $Price; ?> var points = parseFloat(document.getElementById("text1").value); var income = parseFloat(document.getElementById("text2").value); var shippingPrice = parseFloat(document.getElementById("shippingPrice").value); var balance = document.getElementById("balance"); balance.value = itemPrice + shippingPrice - points - income; } on the folowing page - after the main content area - are tabs - when the page first loads - what you see is actually the first 2 tabs combined. if you click a tab and come back - it fixes itself. I can't figure out why this is happening? thanks in advance http://www.challengerlifts.com/CLFP9.shtml the javascript file is here http://www.challengerlifts.com/tabcontent.js I have a quick search box in my home page that I can't seem to get working properly. When the user types in the input field and hits the "Add" button, the word they typed in appears in a box below the "Add" button. I got that, no problem. The issue arises because I want the user to be able to hover over any of the words they typed in, see some visual change (like text color changing), and be able to click the word to delete it. Right now, when the user hits the "Add" button, a function is called and the word is stored to an array. Then I have a for() loop to display the contents of the array, but the for() is only displaying one word on the screen and it is the most recent word that was added. How can I make this right? HTML Form: Code: <form> <table> <th>Recipe Quick Search</th> <tr> <td class="quickSearchHeader">Ingredient:</td> </tr> <tr> <td><input type="text" name="quicksearch" size="18" id="quickSearchInput"/></td> </tr> <tr> <td class="quickSearchAddButton" name="quickSearchAddButton" id="quickSearchAddButton"><input type="image" src="images/quickAddButton.png" name="quicksearchadd" alt="Add" onclick="insert(this.form.quicksearch.value);show();this.form.quicksearch.value='';return false;"/></td> </tr> <tr> <td class="quickSearchIngList" id="quickSearchIngList" valign="top"></td> </tr> <tr> <td class="QSSubmit"><input type="submit" name="quickSearchSubmit" value="Search!"></td> </tr> </table> </form> Javascript Code: Code: <script type="text/javascript"> var array = new Array(); function insert(val) { if(val != "") { array.push(val); } } function show() { if(array.length > 0) { for(i = 0; i < array.length; i++) { document.getElementById('quickSearchIngList').innerHTML = "<p id='quickList'>" + array[i] + "</p>"; } } } </script> I have this code for my webpage Code: <head> <style type="text/css"> #ss_image{ -ms-filter: "progid:DXImageTransform.Microsoft.Fade(duration=2)"; filter :progid:DXImageTransform.Microsoft.Fade(duration=2); } </style> </style> </head> <body onload="onload()"> <script type="text/javascript"> function onload(){ for(;;) { setTimeout(slideshow(),3000); } } function slideshow(){ var image=document.getElementById("ss_image") if (image.filters && image.filters.length>0) //if filters[] collection is defined (only in IE) image.filters[0].apply() image.src=(image.src.indexOf("one.png")!=-1)? " two.png" : "one.png" //alternate between two images to change to if (image.filters && image.filters.length>0) image.filters[0].play(2) //2 seconds transition } </script> <img id="ss_image" src="one.png" height="296" width="401" /><br /> </body> </html> My problems a The slideshow stops after one chage Why is this? Also could someone tell me who i could add more images, and how to link each one to a page. I've created a web application which uses just JS\Jquery\ajax, without any page reloads. The issue is, it starts working really slow after using it for a while since it probably has lots of memory leaks. No i'm reading about memory consumption and memory leaks and my first question is about the following scenario. I have an ajax request each second which checks for new messages. and when i get the response, the following loop is part of the code. Code: for (i=0; i<pm_length; i++) { var content = data.pm[i].content; var mood = data.pm[i].mood; var time_added = data.pm[i].time_added; var fb_id = data.pm[i].user_id; var msg_id = data.pm[i].id; var user_status = data.pm[i].user_status; var full_name = data.pm[i].first_name + " " + data.pm[i].last_name; if($("#pm"+fb_id).length == 0) { var closetab = '<a class="close">x</a>'+full_name; $(".tabs").append('<li class="bot_room" id="pm'+fb_id+'" type="pm" tab="#tabpm'+fb_id+'">'+closetab+'</li>'); $(".tab_container").append('<div id="tabpm'+fb_id+'" class="tab_content" style="display: none;"></div>'); } create_message('pm'+fb_id, msg_id, fb_id, full_name, content, 'no', user_status, time_added, mood); if($("#pm_alert").attr('checked')) { soundManager.onready(function(){ var mySound = soundManager.createSound({ id:'mySound1', url:'images/new_msg.mp3' }); mySound.play(); mySound = null; }); } content = null; mood = null; time_added = null; fb_id = null; msg_id = null; user_status = null; full_name = null; } and my question is, is there a reason to actually null the variables if they will be redeclared any way on the following second? Issue with the following code is the cookie is not getting updated. It does create the cookie though. Browser: Opera Code: javascript: var report = document.body.innerHTML; var worldSpeed = 3; var period = 1; var timber = report.match(/Timber camp <b>\(Level \d{1,2}/i); timber = timber.toString().split(" ")[3]; minelvl(timber); tres = mineres; var clay = report.match(/Clay pit <b>\(Level \d{1,2}/i); clay = clay.toString().split(" ")[3]; minelvl(clay); cres = mineres; var iron = report.match(/Iron mine <b>\(Level \d{1,2}/i); iron = iron.toString().split(" ")[3]; minelvl(iron); ires = mineres; var totallc = Math.round(tres + cres + ires); var defendingVillage = document.getElementById('attack_info_def').innerText.match(/\d+\|\d+/gi); var value = defendingVillage + '|' + totallc; checkCookie(value); //alert('This farm produces ' + value + ' resources per +period+ hours.', "JChilds"); function getCookie(c_name) { var i,x,y,ARRcookies=document.cookie.split(";"); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x==c_name) { return unescape(y); } } } function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; } function checkCookie(value) { var TargetHaul=getCookie("TargetHaul"); var v=value; alert("hi"); if (TargetHaul!=undefined && TargetHaul!="") { v=TargetHaul + ' ' + v; setCookie("TargetHaul",v,365); } else { v=value; setCookie("TargetHaul",v,365); } } function minelvl(mine) { if (mine == 0) { mineres = 5 } if (mine == 1) { mineres = 30 } if (mine == 2) { mineres = 35 } if (mine == 3) { mineres = 41 } if (mine == 4) { mineres = 47 } if (mine == 5) { mineres = 55 } if (mine == 6) { mineres = 64 } if (mine == 7) { mineres = 74 } if (mine == 8) { mineres = 86 } if (mine == 9) { mineres = 100 } if (mine == 10) { mineres = 117 } if (mine == 11) { mineres = 136 } if (mine == 12) { mineres = 158 } if (mine == 13) { mineres = 184 } if (mine == 14) { mineres = 214 } if (mine == 15) { mineres = 249 } if (mine == 16) { mineres = 289 } if (mine == 17) { mineres = 337 } if (mine == 18) { mineres = 391 } if (mine == 19) { mineres = 455 } if (mine == 20) { mineres = 530 } if (mine == 21) { mineres = 616 } if (mine == 22) { mineres = 717 } if (mine == 23) { mineres = 833 } if (mine == 24) { mineres = 969 } if (mine == 25) { mineres = 1127 } if (mine == 26) { mineres = 1311 } if (mine == 27) { mineres = 1525 } if (mine == 28) { mineres = 1774 } if (mine == 29) { mineres = 2063 } if (mine == 30) { mineres = 2400 } mineres = mineres * worldSpeed; }; I've having a problem with alignment on my portfolio. It works in mozilla although you may need to refresh the page, and it doesn't work in chrome at all. does anyone know why? the address is townsendwebdd.com thanks, I am totaly stuck Hello, Take a look at this page and this just what I want: http://yensdesign.com/tutorials/popupjquery/ But I have two issues concerning this: 1)I am able to insert a youtube image into the popup BUT when I click on the 'X' the popup disappears but the audio remains.What I would like to do is somehow alter the code so the popup is "destroyed" and the clip is stopped completely including the audio. 2) I also want to able to adapt the code so that I can click on any one of multiple youtube links and get the same effect. My javascript capabilities aren't that strong so any help or links to other pages or suggestions are welcome. When I enter the data into my form then submit it, it is supposed to be inserted into my MySql database but I get the following error: "Unable to save data to database: Incorrect date value: '3-31-2001' for column 'sent_date' at row 1" The sent_date field is the first date field the user types in. The TYPE for this field in the MySql database is set to DATE. Any ideas what is going on? I think the problem is in my javascript but can't find the problem... _________________________________________________________ Below is the javascript code _________________________________________________________ <script type="text/javascript"> var valid; function dcheck(form) { var a = form.assgn_date.value; var s = form.sent_date.value; var i = form.interv_date.value; var dr = form.due_rev.value var su = form.due_suspo var clk = form.due_clerk var att = form.due_attny var jdg = form.due_judge var assn = new Date(a); var sent = new Date(s); var intv = new Date(i); var due_rev = new Date(dr); var due_suspo = new Date(su); var due_clerk = new Date(clk); var due_attny = new Date(att); var due_judge = new Date(jdg); if (isNaN(sent)) { sent = new Date(assn.getFullYear(),assn.getMonth(),assn.getDate()-7); } if (isNaN(due_rev)) { due_rev = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-42); } if (isNaN(due_suspo)) { due_suspo = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-40); } if (isNaN(due_clerk)) { due_clerk = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-38); } if (isNaN(due_attny)) { due_attny = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-36); } if (isNaN(due_judge)) { due_judge = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-7); } form.sent_date.value = (sent.getMonth()+1) + "-" + sent.getDate() + "-" + sent.getFullYear(); form.due_rev.value = (due_rev.getMonth()+1) + "-" + due_rev.getDate() + "-" + due_rev.getFullYear(); form.due_suspo.value = (due_suspo.getMonth()+1) + "-" + due_suspo.getDate() + "-" + due_suspo.getFullYear(); form.due_clerk.value = (due_clerk.getMonth()+1) + "-" + due_clerk.getDate() + "-" + due_clerk.getFullYear(); form.due_attny.value = (due_attny.getMonth()+1) + "-" + due_attny.getDate() + "-" + due_attny.getFullYear(); form.due_judge.value = (due_judge.getMonth()+1) + "-" + due_judge.getDate() + "-" + due_judge.getFullYear(); return true; } </script> The Website: http://hudson.zzl.org The CSS: http://hudson.zzl.org/galleria.classic.css The JavaScript: http://hudson.zzl.org/galleria.js The problem: a. first load = nothing shows up b. upon refresh everything loads very quickly and is fine. Ill explain my other loading problems once I can figure out how to fix this problem. Help please! Hello, I have been trying to make a script that will enlarge some images while the mouse passes over them.. though the script i wrote does not work.. Can someone please tell me what is wrong with it? What did i do wrong? Here is the script i wrote: Code: <script type="text/javascript" > var img1 = "img1.jpg"; function zoomin() { document.getElementById('img1').style.height = 220; document.getElementById('img1').style.width = 200; } function zoomout() { document.getElementById('img1').style.height = 60; document.getElementById('img1').style.width = 50; } </script> <img src="img1.jpg" id="img1" alt="" width="" height="" onMouseover="zoomin();" onMouseout="zoomout();"/> Please help.. Thank you in advance. Is there any way to edit this code so the user will get a pop up box if the enter a date other than in the format YYYY-MM-DD for the date_disclo_att field? I have some javascript code on lines 120-129 but it is not working. Can someone help me out? PHP Code: <b> <p> <i> To go to the main page <a href="http://tnep-g-psrflow/flow/index.html">click here</a>.</p> </i> <?php # edit_dqa.php $page_title = 'Edit a Record'; $con = mysql_connect("localhost","username","password"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("psrflow", $con); ini_set('display_errors',1); error_reporting(E_ALL); if ( (isset($_GET['id'])) && (is_numeric($_GET['id'])) ) { $id = $_GET['id']; } elseif ( (isset($_POST['id'])) && (is_numeric($_POST['id'])) ) { $id = $_POST['id']; } else { // No valid ID, kill the script. echo '<h1 id="mainhead">Page Error</h1> <p class="error">This page has been accessed in error.</p><p><br /><br /></p>'; include ('./includes/footer.html'); exit(); } if (isset($_POST['submitted'])) { $errors = array(); if (empty($_POST['pacts'])) { $errors[] = 'You forgot to enter your PACTS number. If there is no PACTS # you can enter 0000'; } else { $pt = $_POST['pacts']; } if (empty($_POST['fname'])) { $errors[] = 'You forgot to enter the first name.'; } else { $fn = $_POST['fname']; } if (empty($_POST['lname'])) { $errors[] = 'You forgot to enter the last name.'; } else { $ln = $_POST['lname']; } if (empty($_POST['date_sub_crt'])) { $errors[] = 'You forgot to enter a date submitted to office!.'; } else { $crt = $_POST['date_sub_crt']; } if (empty($_POST['date_disclo_att'])) { $errors[] = 'You forgot to enter the supervisor disclosure date!'; } else { $disc = $_POST['date_disclo_att']; } if (empty($errors)) { $query = "UPDATE psrinfo SET pacts='$pt', fname='$fn', lname='$ln', date_sub_crt='$crt', date_disclo_att='$disc' WHERE fid=$id"; $result = @mysql_query ($query); // Run the query. $EmailAddress = 'email@yahoo.com'; $Message = "A clerk has entered a 'Date Submitted to supervisor or office'. Please enter/edit this information in PACTS.\n \n PACTS No : ${_REQUEST['pacts']}\n First Name : ${_REQUEST['fname']} \n Last Name : ${_REQUEST['lname']} \n Date Submitted to office : ${_REQUEST['date_sub_crt']} \n Date Dislosed to supervisor : ${_REQUEST['date_disclo_att']} "; $Subject = "A Clerk has Edited a Record."; $Headers = "From: PODDS@yahoo.com \n"; if (mail($EmailAddress, $Subject, $Message, $Headers)) { echo "<p><center><h2>My Office</h2></center></p>"; echo "<p><h3><center>Eastern District</center></h3></p>"; echo "<center>An email has been sent to your supervisor for approval and "; } else { echo "This system is not working properly. Please contact IT so they can fix it."; } $url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']); if ((substr($url, -1) == '/') OR (substr($url, -1) == '//')) { $url = substr ($url, 0, -1); } $url ='/flow/index.html'; header("Location: $url"); exit(); } else { // Report the errors. echo '<h1 id="mainhead">Error!</h1> <p class="error">The following error(s) occurred:<br />'; foreach ($errors as $msg) { // Print each error. echo " - $msg<br />\n"; } echo '</p><p>Please try again.</p><p><br /></p>'; } } $query = "SELECT pacts, fname, lname, date_sub_crt, date_disclo_att, date_disclo_att FROM psrinfo WHERE fid = " . $_REQUEST['id']; $result = @mysql_query ($query); // Run the query. if (mysql_num_rows($result) == 1) { $row = mysql_fetch_array ($result, MYSQL_NUM); ?> <script type="text/javascript"> function checkme() { if(!document.forms[0].date_disclo_att.value.match(/\d{4}-\d{1,2}-\d{1,2}/)) { alert("ATTENTION: Please enter your start date in the format yyyy-mm-dd."); document.forms[0].date_of_training_start.focus(); return(false); } else {return true} </script> <?php echo '<form action="clerk_edit.php" method="post"> <fieldset><legend><h2> You are editing a record! After submitting this form, your DQA will be notified of the change via email.</h2></legend> <b>PACTS No:</b> <br><input type="text" name="pacts" size="15" maxlength="30" value="'.$row[0].'" /><br> <b>First Name:</b> <br><input type="text" name="fname" size="15" maxlength="30" value="'.$row[1].'" /><br /> <b>Last Name:</b> <br><input type="text" name="lname" size="15" maxlength="30" value="'.$row[2].'" /><br /> <b>Submitted to office: </b><br><input type="text" name="date_sub_crt" size="15" maxlength="30" value="'.$row[3].'" /> <br> <b>Submitted to supervisor: </b><br><input type="text" name="date_disclo_att" size="15" maxlength="30" value="'.$row[4].'" /> <br> </fieldset> <div align="left"><input type="submit" name="submit" value="Submit" /></div> <input type="hidden" name="submitted" value="TRUE" /> <input type="hidden" name="id" value="' . $id . '" /> </form>'; } else { // Not a valid user ID. echo '<h1 id="mainhead">Page Error</h1> <p class="error">This page has been accessed in error.</p><p><br /><br /></p>'; } mysql_close(); // Close the database connection. ?> Hi Guys & Girls, I am looking for help with a technical issue, which my programmer can't find the answer to. My website has a demonstration facility which allows a client to enter their website which then in turn creates a video transparency overlaying their own website. The problem is some sites with Flash, overlay my transparency video so that you cant see my demo video. Any ideas please. Thanks Maximillion I was wondering if anyone could shed some light on this little problem. Code: function lostfocus(current,productNum,e) { var keycode; if (window.event) { keycode = window.event.keyCode; } else if (e) { keycode = e.which; } if(keycode == 0) { if(current == ($("#itemCount"+productNum).val()-1)) { newItem(productNum); } } else { alert(keycode); } } Works great in FireFox, but not in IE7 - it doesn't even get to the else alert statement. This is how it is called.. onkeypress='lostfocus($current,$productNum,event)' And that is inside of a input type=text element. And help would be greatly appreciated. I am having an issue with my foor loop count-controlled input in Javascript. My code works, however, it does not allow three different users to enter three different values, instead it repeats what one user enters twice. ... Any suggestions? Thanks! CODE is below.... var hours; var rate; var tax; var gross; var deduction; var empl; var numEmpl; var accumulator; totalNet = 0; totalGross = 0; var hours = prompt("How many hours have you worked?", "") while ((hours < 0) || (hours > 80)); document.write("Total Hours: " + hours,("<br />")); var rate = prompt("What is your pay rate?", "") while ((rate < 7.50) || (rate > 15)); document.write("Pay Rate: $" + rate,("<br />")); gross = hours * rate; document.write("Gross Pay: $" + gross,("<br />")); if (hours < 40) { taxRate = .15 / 10; } else { taxRate = .30 / 10; } deduction = taxRate * gross document.write("Deduction: $" + deduction,("<br />")); net = gross - deduction document.write("Net Pay: $" + net,("<br />")); for (count = 1; count < 4; count ++) { document.write("Employee # " + count, " worked " + hours, " hours at $", + rate, " per hour for gross pay of $ ", + gross, " and net pay of $ ", + net, " based on a tax rate of ", + taxRate * 1000, "%", ("<br />")); count++; totalNet+= parseInt(net); totalGross+= parseInt(gross); } document.write("Total gross pay is: $" + totalGross, ("<br />")); document.write("Total net pay is: $" + totalNet, ("<br />")); |