|
JavaScript - Problems With Javascript And Php Posting To Database
Hello All,
Forgive me if my terminology is off, as I am a Java and PHP newbie, but i will do my best to explain my problems. I am building a simple site for my job and the HTML and CSS is done. I used a simple PHP script to post form data to an SQL table. I wanted to first create a client side form validator to ensure proper data was being entered into the form (First name, last name, phone, email, state, zip code). Data was being posted to the form no problem prior to the Javascript validation. Now that the Javascript validation is in place, no data is passed to the database and only empty records appear in the table when the form is submitted. How do I get Javascript and PHP to play nicely together? I still need to create a server side validation and also a sanitation script to make sure no one tries to inject malicious code, but my main focus now is making sure data can get posted to the database. Please help me out, and correct any incorrect terminology I'm using. This is my form: Code: <form name="form1" id="form1" "method="post" action="insert.php"> <table width="80%" border="0"> <tr> <td align="right">First Name : </td> <td><input type="text" name="fname" style="width:170px;"></td> </tr> <tr> <td align="right">Last Name : </td> <td><input type="text" name="lname" style="width:170px;"></td> </tr> <tr> <td align="right">Phone : </td> <td class=><input type="text" name="phone" style="width:100px;"> </td> </tr> <tr> <td align="right">Email : </td> <td> <input type="text" name="email" style="width:170px;"></td> </tr> <tr> <td align="right">State : </td> <td><select name="state" style="width:150px;"> <option value="000" selected="selected">Select</option> <option value="Alabama">Alabama</option> <option value="Alaska" >Alaska</option> <option value="Arizona" >Arizona</option> <option value="Arkansas" >Arkansas</option> <option value="California" >California</option> <option value="Colorado" >Colorado</option> <option value="Connecticut" >Connecticut</option> <option value="Delaware" >Delaware</option> <option value="District-of-Columbia" >District of Columbia</option> <option value="Florida">Florida</option> <option value="Georgia" >Georgia</option> <option value="Hawaii" >Hawaii</option> <option value="Idaho" >Idaho</option> <option value="Illinois" >Illinois</option> <option value="Indiana" >Indiana</option> <option value="Iowa" >Iowa</option> <option value="Kansas" >Kansas</option> <option value="Kentucky" >Kentucky</option> <option value="Louisiana" >Louisiana</option> <option value="Maine" >Maine</option> <option value="Maryland" >Maryland</option> <option value="Massachusetts" >Massachusetts</option> <option value="Michigan" >Michigan</option> <option value="Minnesota" >Minnesota</option> <option value="Mississippi" >Mississippi</option> <option value="Missouri" >Missouri</option> <option value="Montana" >Montana</option> <option value="Nebraska" >Nebraska</option> <option value="Nevada" >Nevada</option> <option value="New-Hampshire" >New Hampshire</option> <option value="New-Jersey" >New Jersey</option> <option value="New-Mexico" >New Mexico</option> <option value="New-York" >New York</option> <option value="North-Carolina" >North Carolina</option> <option value="North-Dakota" >North Dakota</option> <option value="Ohio" >Ohio</option> <option value="Oklahoma" >Oklahoma</option> <option value="Oregon" >Oregon</option> <option value="Pennsylvania" >Pennsylvania</option> <option value="Rhode-Island" >Rhode Island</option> <option value="South-Carolina" >South Carolina</option> <option value="South-Dakota" >South Dakota</option> <option value="Tennessee" >Tennessee</option> <option value="Texas" >Texas</option> <option value="Utah" >Utah</option> <option value="Vermont" >Vermont</option> <option value="Virginia" >Virginia</option> <option value="Washington" >Washington</option> <option value="West-Virginia" >West Virginia</option> <option value="Wisconsin" >Wisconsin</option> <option value="Wyoming" >Wyoming</option> </select> </td> </tr><tr> <td align="right">Zip Code: </td> <td><input type="text" name="zcode" style="width:50px;"></td> </tr> <tr> <td> </td> <input type="hidden" name="submitted" value="1"> <td><input type="submit" value="Submit" name="submit"></td> </tr> </table> </form> This is my javascript code that links to an external .js file: Code: <script type="text/javascript">
var frmvalidator = new Validator("form1");
frmvalidator.addValidation("fname","req","Please enter your First Name");
frmvalidator.addValidation("fname","minlen=2","Minimum length for First Name is 2 characters");
frmvalidator.addValidation("fname","maxlen=20","Max length for First Name is 20 characters");
frmvalidator.addValidation("lname","req","Please enter your Last Name");
frmvalidator.addValidation("lname","minlen=2","Minimum length for Last Name is 2 characters");
frmvalidator.addValidation("lname","maxlen=20","Max length for Last Name is 20 characters");
frmvalidator.addValidation("email","req","Please enter a Valid Email Address");
frmvalidator.addValidation("email","maxlen=50");
frmvalidator.addValidation("phone","req","Please enter your 10-digit Phone Number. Example: 5051234567");
frmvalidator.addValidation("phone","minlen=10","Please enter your 10-digit Phone Number. Example: 5051234567");
frmvalidator.addValidation("phone","maxlen=10","Please enter your 10-digit Phone Number. Example: 5051234567");
frmvalidator.addValidation("phone","numeric");
frmvalidator.addValidation("state","dontselect=000","Please select your state");
frmvalidator.addValidation("zcode","req","Please enter your 5-digit Zip Code");
frmvalidator.addValidation("zcode","minlen=5","Please enter your 5-digit Zip Code");
frmvalidator.addValidation("zcode","maxlen=5","Please enter your 5-digit Zip Code");
</script>
This is my insert.php file that form uses: PHP Code: <?php $con = mysql_connect("localhost","**********","**********"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("sms2011_leads", $con); $sql="INSERT INTO sms2011_prospects (fname, lname, phone, email, state, zcode) VALUES ('$_POST[fname]','$_POST[lname]','$_POST[phone]','$_POST[email]','$_POST[state]','$_POST[zcode]')"; if (!mysql_query($sql,$con)) { die('Error: ' . mysql_error()); } echo "<script>window.location = 'http://www.nationalcollegesearch.org/thankyou.html';</script>"; mysql_close($con) ?> Similar Tutorialsdelete this
Hi everyone! Firstly, im a beginner in Javascript, totally noobie. Much why this is posted! I have found this site: http://www.forswor.com/index.php/data-apis/ And I want to use this to post the server status on my forum/website. How exactly do I do that? I know there are examples and such and I have read and read on that page but I cannot figure out how to do this. I cant just paste: <script type="text/javascript" src="http://www.forswor.com/forswor_services/prod/serverwidget/getSWTORStatusjs.php"> </script> How would I get this to show the information of say for example Bloodworthy server and in text? I tried adding the line document.write(forswor_server_name);, but didnt show up anything - stupid as I am obviously I have no clue what im doing. I can manage html\css and some php but this is new for me, hehe. Thank you so much for reading an idiots post! Most regards, me. Hi all, I've written the following script: Code: <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Keys2</title>
<script type="text/javascript">
function keyPress(key){
document.getElementById('rect01').style.fill = "red";
}
</script>
<style>
.button {
width: 100px;
padding-right:10px;
height:2em;
background-color:#FC3;
border-radius:3px;
color:#fff;
font-weight:bold;
}
ul {
list-style-type: none;
padding: 0;
margin-left:25px;
}
li {
float:left;
width:30px;
margin-right:25px;
padding:10px;
height:2em;
background-color:#FC3;
font-size:xx-large;
}
</style>
</head>
<body>
<div>
<svg width="1000" height="200">
<rect x="25" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect01"/>
<rect x="100" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect02"/>
<rect x="175" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect03"/>
<rect x="250" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect04"/>
<rect x="325" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect05"/>
<rect x="400" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect06"/>
<rect x="475" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect07"/>
<rect x="550" y="50" fill="#FFFFFF" stroke="#000000" width="50" height="150" id="rect08"/>
</svg>
</div>
<div>
<ul>
<li><a href="#" class="button" onClick="keyPress(rect01);">A</a></li>
<li><a href="#" class="button" onClick="keyPress(rect02);">B</a></li>
<li><a href="#" class="button" onClick="keyPress(rect03);">C</a></li>
<li><a href="#" class="button" onClick="keyPress(rect04);">D</a></li>
<li><a href="#" class="button" onClick="keyPress(rect05);">E</a></li>
<li><a href="#" class="button" onClick="keyPress(rect06);">F</a></li>
<li><a href="#" class="button" onClick="keyPress(rect07);">G</a></li>
<li><a href="#" class="button" onClick="keyPress(rect08);">H</a></li>
</ul>
</div>
</body>
</html>
Now, I could write a version of the keypress function for each rectangle, but that seems like poor coding. Can anyone point out how I might restructure the function or the code so that I can pass the number in the onClick to the rectangle it refers to? Thanks Hello, Below I have my Small form: Code: <p id="join_our_mailing_list">Join our mailing list</p> <form method="post" name="join" action="#" /> <input type="text" class="input_text" name="join_us_email" id="join_us_email" /> <input type="submit" value="submit" class="button join_us_button" /> </form> Then I have my JS to process this... Code:
$(".join_us_button").click(function() {
var email = $("#join_us_email").val();
var dataString = 'join_us_email='+ email;
if(email=='')
{
$('p#join_our_mailing_list').replaceWith("<p>Provide email</p>");
}
else
{
$.ajax({
type: "POST",
url: "join.php",
data: dataString,
success: function()
{
$('p#join_our_mailing_list').replaceWith("<p>Thank you</p>");
}
});
}
return false;
});
});
How and what can I do to allow this form to insert into SQL Database? I'd like to insert into SQL their emailaddress, IP, date and referral page.... Thanks for anyone that can help! Hi All, As usual.. I'm not exactly sure what I am doing, I have the right ideas yet nothing is working how i want.. 1- Need the message "Welcome" to cycle through all different 20 styles I created 2- Need the message "Welcome to randomly cycle though all different styles I think I am over complicating this... And i lookeded over quite a number of times thinking I have it right.. I guess I don't since nothing is working Please note I have a separate css file called colors.css with 20 styles PHP Code: <html> <head> <title>Assignment 7</title> <link href="colors.css" rel="stylesheet" type="text/css"></link> <script> var index = 0; var randomindex = 0; function stylize() { index++; if (index > 20) index = 1; var s = "myStyle" + index; var e = "document.getElementsById("Text"); e.className = s; setTimeout("stylize()", 1500); return; } function random() { if (randomindex > 20) index = 1; var b = "myStyle" + randomindex; var c = "document.getElementsById("Text1"); c.className = b; randomindex = Math.floor(Math.random() * 20); document.getElementsbyId("Text1"); setTimeout("random()", 1500); return; } </script> </head> <body onLoad="stylize(); random()"> <table align="center" border="1" bordercolor="black"> <tr> <td align="center"> <font size="3"><b>Examples Below</b></font> </td> </tr> <tr> <td align="center" height="100" width="400"> <div id="Text" class="myStyle1"> Watch! </div> </tr> </table> <br><br> <table align="center" border="1" bordercolor="black"> <tr> <td align="center"> <font size="3"><b>Examples Below</b></font> </td> </tr> <tr> <td align="center" height="100" width="400"> <div id="Text1" class="myStyle1"> Welcome </div> </tr> </table> </body> </html> Hi and firstly thank you in advance as I've just joined this forum in search of technical help. I am working on a website and having some problems with javascript that creates tabbed content on a page. The script is a free script from http://nuevvo.com/labs/simpletabs/. The problem is that the page with the script is not showing properly. The issue seems to only happen in Internet Explorer. The site was created on a development server and then copied over to the current hosting. The page appeared fine on the development server but when transferred to the new server the problem showed up. Please look at the following in Internet Explorer: This is how the page should look: http://www.sourcescotland.com/nobles...ing-times.html But on the new server it looks like this: http://www.galleyoflorne.co.uk/noble...ing-times.html The code is he Code: <script type="text/javascript" src="scripts/simpletabs_1.3.packed.js"></script> The actual code file is he http://www.galleyoflorne.co.uk/noble..._1.3.packed.js I would be willing to offer paid help if this is necessary. Or at least get to know you so that I can offer you work in future. I don't have anyone on my team yet that specialises in Javascript. thanks so much, Deb There's 2 problems i'm having with this code. 1. foodArray is a multidimensional array that is initialized with 13 elements at the start. When i load the page, the body onload event calls the fillTable function, which fills the table with the first 5 elements of foodArray. If i then click the next button in the bottom right corner, it shows the next 5 elements of foodArray by again calling the fillTable function, incrementing page variable by 1. If I press next a 3rd time it shows the last 3 items of foodArray, but it does not overwrite the last 2 rows of the output table that were filled with the previous second call to the fillTable function. This should happen because there are no elements in foodArray[13] and foodArray[14], and i tried to write the fillTable function to detect when the array is undefined and output dashes instead. How do i fix the fillTable function to overwrite these last 2 rows when the array is empty? the fillTable function seems to be crashing when it reaches these last 2 rows. 2. The second problem is simpler. Each add button in the table has a unique id defined by the fillTable function. When i click on one of these buttons, its supposed to call function add, which is supposed to turn the table cell with the add button clicked to a yellow background. what's wrong with it? Thanks in advance, G 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>
<style type="text/css">
#content1 {
position: absolute;
right: 10px;
z-index: 1;
top: 100px;
}
</style>
<link href="basicstyle.css" rel="stylesheet" type="text/css" />
<link href="advancestyle.css" rel="stylesheet" type="text/css" />
<link href="tablestyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var food1 = new Array("-", "100% Parmesan Cheese", "Kraft", "Dairy & Alternatives", "2 Tbsp", "12g", 45, 2.5, 1.5, 0.1, 5, 230, 1, 0, 0, 5);
var food2 = new Array("-", "100% Whole wheat bread", "Dempsters", "Grain Products", "2 slices", "71g", 180, 2, 0.5, 0, 0, 240, 33, 4, 3, 7);
var food3 = new Array("-", "Canned Cut Asparagus", "Selection", "Fruit & Vegetables", "1/2 cup", "125mL", 25, 0.3, 0, 0, 0, 260, 4, 2, 2, 2);
var food4 = new Array("-", "Chinese Fried Rice", "Uncle Ben's Fast & Fancy", "Grain Products", "1/4 package", "42g", 150, 0.5, 0.2, 0, 0, 370, 33, 1, 1, 3);
var food5 = new Array("-", "Cooked Turkey Breast", "Pillar's", "Meat & Alternatives", "2 slices", "40g", 40, 0.5 ,0.3, 0, 20, 460, 1, 0, 1 ,8);
var food6 = new Array("-", "Diet Coke", "Coke", "Beverages", "-", "250mL", 0, 0, 0, 0, 0, 35, 0, 0, 0, 0.1, "-");
var food7 = new Array("-", "Honey Nut O's Cereal", "Selection", "Grain Products", "3/4 cup", "30g", 120, 0.5, 0, 0, 0, 150, 26, 2, 12, 2);
var food8 = new Array("-", "Hot dogs", "Schneider's", "Meat & Alternatives", "1 wiener", "37g", 120, 10, 3.5, 0.1, 20, 410, 2, 0, 0, 5);
var food9 = new Array("-", "Milk Chocolate Crispie Joys", "Harry London", "Treats", "About 4", "40g", 190, 10, 6, 0, 5, 55, 26, "<1g", 18, 3);
var food10 = new Array("-", "Mozzarella cheese", "Black Diamond", "Dairy & Alternatives", "1/4 inch cube", "30g", 110, 8, 5, 0.2, 25, 230, 1, 0, 0, 8);
var food11 = new Array("-", "Pancake and Waffle Mix", "Selection", "Grain Products", "1/3 cup", "34g", 120, 1.5, 0.4, 0, 15, 510, 23, 1, 3, 3);
var food12= new Array("-", "Rancher's Choice Calorie Wise", "Kraft", "Oils & Fats", "1 Tbsp.", "15mL", 35, 2.5, 0.4, 0, 5, 170, 3, 0, 1, 0.1);
var food13 = new Array("-", "Strawberry Cereal Bars", "Selection", "Grain Products", "1 bar", "38g", 130, 2.5, 0.2, 0, 5, 210, 25, 3, 10, 2);
var foodArray = [food1, food2, food3, food4, food5, food6, food7, food8, food9, food10, food11, food12, food13];
var resultArray = [ [ ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ] ];
var arrayToSearch = [ [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ] ];
var arrayRows;
var arrayColumns;
var outputTableRows;
var outputTableColumns;
var page = 1;
var resultCount = 0;
function fillTable( arr, p ) {
//fill the output table with whatever array is passed to it in form of arr parameter.
outputTableRows = 5;
outputTableColumns = 16;
for (var x = 0; x < outputTableRows; x++) {
var xPage = (x + 5 * (p - 1));
for (var y = 0; y < outputTableColumns; y++) {
//set id variable in order to refer to each cell in the output table by this id.
var id = x + "_" + y;
if ( (arr[xPage][y] != undefined) ) {
//if its the first column, put in a button, or else put in the resultArray[x][y] value in the output table cell.
if (y == 0)
document.getElementById(id).innerHTML = "<input id=\"b" + id + "\" type=\"button\" value=\"add\" onclick=\"add()\">";
else
document.getElementById(id).innerHTML = arr[xPage][y];
//else if the resultArray entry is undedefined, just put in a dash in the output table cell.
} else {
document.getElementById(id).innerHTML = "-";
}
}
}
}
// why wont this work????????????????????????????????????????
function add( e ) {
alert("Add");
if (!e)
var e = window.event;
var callerId = this.id;
alert(callerId);
this.parent.style.backgroundColor = "yellow";
}
function searchArray() {
//search the array containing all database food items (foodArray), a 2 dimensional array.
//find array entries that match search results.
//put search results into 2 dimesional array foodArray.
//display foodArray in output table.
//re-intitialize resultArray to empty it, and resultCount to 0.
var resultArray = [ [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ] ];
var arrayToSearch = [ [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ], [ , ] ];
resultCount = 0;
page = 1;
//get search terms.
food = document.getElementById("foodsearch").value;
brand = document.getElementById("brandsearch").value;
foodType = document.getElementById("foodtypesearch").value;
//set rows and columns dynamiically and for the output table
//this uses foodArray to start.
//only works if all rows of foodArray have the correct length, because always uses the first row to count length.
arrayRows = foodArray.length;
arrayColumns = foodArray[0].length;
outputTableRows = 5;
outputTableColumns = 16;
//if a search term is entered for food
if (food != "") {
//for each row in the foodArray table
for (var x = 0; x < arrayRows; x++) {
//search the second column of each foodArray item for the search term.
var result = foodArray[x][1].indexOf(food);
//if a match was found, put the result into a new row for resultArray referred to by resultCount.
if (result != -1) {
for (var y = 0; y < arrayColumns; y++) {
resultArray[resultCount][y] = foodArray[x][y];
}
resultCount += 1;
}
}
fillTable( resultArray, page );
}
//if a search term is entered for brand
if (brand != "") {
//for each row in the foodArray table
for (var x = 0; x < arrayRows; x++) {
//search the second column of each foodArray item for the search term.
var result = foodArray[x][2].indexOf(brand);
//if a match was found, put the result into a new row for resultArray referred to by resultCount.
if (result != -1) {
for (var y = 0; y < arrayColumns; y++) {
resultArray[resultCount][y] = foodArray[x][y];
}
resultCount += 1;
}
}
fillTable ( resultArray, page );
}
//if a search term is entered for foodType
if (foodType != "") {
//for each row in the foodArray table
for (var x = 0; x < arrayRows; x++) {
//search the second column of each foodArray item for the search term.
var result = foodArray[x][3].indexOf(foodType);
//if a match was found, put the result into a new row for resultArray referred to by resultCount.
if (result != -1) {
for (var y = 0; y < arrayColumns; y++) {
resultArray[resultCount][y] = foodArray[x][y];
}
resultCount += 1;
}
}
fillTable ( resultArray, page );
}
}
function resetSearch() {
page = 1;
fillTable ( foodArray, page );
document.getElementById("foodsearch").value = "";
document.getElementById("brandsearch").value = "";
document.getElementById("foodtypesearch").value = "";
}
function start() {
alert("Start pressed");
page = 1;
fillTable ( foodArray, page );
}
function last() {
alert("Last");
page -= 1;
fillTable ( foodArray, page );
}
function next() {
alert("Next");
page += 1;
fillTable ( foodArray, page );
}
function end() {
alert("End");
page = 3;
fillTable ( foodArray, page );
}
</script>
</head>
<body onload="fillTable( foodArray, 1 )">
<div id="dcontainer" class="type3div">
<div id="dheader" class="type2div">
<div id="dlogo" class="type1div"></div>
<div id="dlogin" class="type1div"></div>
</div>
<div id="dmenubar" class="type2div">
<a href=""><div id="dmenu1" class="navigation">Page 1</div></a>
<a href=""><div id="dmenu2" class="navigation">Page 2</div></a>
<a href=""><div id="dmenu3" class="navigation">Page 3</div></a>
<a href=""><div id="dmenu4" class="navigation">Page 4</div></a>
<a href=""><div id="dmenu5" class="navigation">Page 5</div></a>
</div>
<div id="dcontent" class="type2div">
<h1>Grocery Store Aisle 1: Select food items from a database</h1>
<div id="content1" class="type1div">
<div id="legend">
<table border="1">
<tr>
<td colspan="2" align="center"><b>Legend</b></td>
</tr>
<tr>
<td>SS = Serving Size</td><td>Sod = Sodium</td>
</tr>
<tr>
<td>Cal = Calories</td><td>Carb = Carbohydrate</td>
</tr>
<tr>
<td>Fat = Fat</td><td>Fib = Carbohydrate: Fibre</td>
</tr>
<tr>
<td>Sat = Fat: Saturated</td><td>Sug = Carbohydrate: Sugars</td>
</tr>
<tr>
<td>Trans = Fat: Trans</td><td>Pro = Protein</td>
</tr>
<tr>
<td>Chol = Cholesterol</td><td style="background-color: yellow">Items in yellow are already in your fridge</td>
</tr>
</table>
</div>
</div>
<div id="content2" class="type1div">
<div id="search">
<h2>Search Aisle 1</h2>
<form id="form1" name="form1" method="post" action="">
<table border="1">
<tr>
<td>Food:</td>
<td><input id="foodsearch" type="text" size="30" /></td>
</tr>
<tr>
<td>Brand:</td>
<td><input id="brandsearch" type="text" size="30" /></td>
</tr>
<tr>
<td>Food Type:</td>
<td><input id="foodtypesearch" type="text" size="30" /></td>
<tr>
<td colspan="2" align="right">
<input id="resetsearch" type="button" size="20" value="Reset Search" onclick="resetSearch()" />
<input id="gosearch" type="button" size="20" value="Search" onclick="searchArray()" />
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="content3" class="type1div">
<h2>Results</h2>
<div id="table1" class="outputTable">
<table border="1">
<thead>
<tr>
<th class="tableHeadMediumCenter">Edit</th>
<th class="tableHeadLargeLeft">Food</th>
<th class="tableHeadLargeLeft">Brand</th>
<th class="tableHeadLargeLeft">Food Type</th>
<th class="tableHeadLargeLeft">Serving Amount</th>
<th class="tableHeadSmallCenter">SS</th>
<th class="tableHeadSmallCenter">Cal</th>
<th class="tableHeadSmallCenter">Fat</th>
<th class="tableHeadSmallCenter">Sat</th>
<th class="tableHeadSmallCenter">Trans</th>
<th class="tableHeadSmallCenter">Chol</th>
<th class="tableHeadSmallCenter">Sod</th>
<th class="tableHeadSmallCenter">Carb</th>
<th class="tableHeadSmallCenter">Fib</th>
<th class="tableHeadSmallCenter">Sug</th>
<th class="tableHeadSmallCenter">Pro</th>
</tr>
</thead>
<tbody>
<tr>
<td id="0_0" class="tableCellCenterTop">-</td>
<td id="0_1" class="tableCellLeftTop">-</td>
<td id="0_2" class="tableCellLeftTop">-</td>
<td id="0_3" class="tableCellLeftTop">-</td>
<td id="0_4" class="tableCellLeftTop">-</td>
<td id="0_5" class="tableCellCenterTop">-</td>
<td id="0_6" class="tableCellCenterTop">-</td>
<td id="0_7" class="tableCellCenterTop">-</td>
<td id="0_8" class="tableCellCenterTop">-</td>
<td id="0_9" class="tableCellCenterTop">-</td>
<td id="0_10" class="tableCellCenterTop">-</td>
<td id="0_11" class="tableCellCenterTop">-</td>
<td id="0_12" class="tableCellCenterTop">-</td>
<td id="0_13" class="tableCellCenterTop">-</td>
<td id="0_14" class="tableCellCenterTop">-</td>
<td id="0_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="1_0" class="tableCellCenterTop">-</td>
<td id="1_1" class="tableCellLeftTop">-</td>
<td id="1_2" class="tableCellLeftTop">-</td>
<td id="1_3" class="tableCellLeftTop">-</td>
<td id="1_4" class="tableCellLeftTop">-</td>
<td id="1_5" class="tableCellCenterTop">-</td>
<td id="1_6" class="tableCellCenterTop">-</td>
<td id="1_7" class="tableCellCenterTop">-</td>
<td id="1_8" class="tableCellCenterTop">-</td>
<td id="1_9" class="tableCellCenterTop">-</td>
<td id="1_10" class="tableCellCenterTop">-</td>
<td id="1_11" class="tableCellCenterTop">-</td>
<td id="1_12" class="tableCellCenterTop">-</td>
<td id="1_13" class="tableCellCenterTop">-</td>
<td id="1_14" class="tableCellCenterTop">-</td>
<td id="1_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="2_0" class="tableCellCenterTop">-</td>
<td id="2_1" class="tableCellLeftTop">-</td>
<td id="2_2" class="tableCellLeftTop">-</td>
<td id="2_3" class="tableCellLeftTop">-</td>
<td id="2_4" class="tableCellLeftTop">-</td>
<td id="2_5" class="tableCellCenterTop">-</td>
<td id="2_6" class="tableCellCenterTop">-</td>
<td id="2_7" class="tableCellCenterTop">-</td>
<td id="2_8" class="tableCellCenterTop">-</td>
<td id="2_9" class="tableCellCenterTop">-</td>
<td id="2_10" class="tableCellCenterTop">-</td>
<td id="2_11" class="tableCellCenterTop">-</td>
<td id="2_12" class="tableCellCenterTop">-</td>
<td id="2_13" class="tableCellCenterTop">-</td>
<td id="2_14" class="tableCellCenterTop">-</td>
<td id="2_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="3_0" class="tableCellCenterTop">-</td>
<td id="3_1" class="tableCellLeftTop">-</td>
<td id="3_2" class="tableCellLeftTop">-</td>
<td id="3_3" class="tableCellLeftTop">-</td>
<td id="3_4" class="tableCellLeftTop">-</td>
<td id="3_5" class="tableCellCenterTop">-</td>
<td id="3_6" class="tableCellCenterTop">-</td>
<td id="3_7" class="tableCellCenterTop">-</td>
<td id="3_8" class="tableCellCenterTop">-</td>
<td id="3_9" class="tableCellCenterTop">-</td>
<td id="3_10" class="tableCellCenterTop">-</td>
<td id="3_11" class="tableCellCenterTop">-</td>
<td id="3_12" class="tableCellCenterTop">-</td>
<td id="3_13" class="tableCellCenterTop">-</td>
<td id="3_14" class="tableCellCenterTop">-</td>
<td id="3_15" class="tableCellCenterTop">-</td>
</tr>
<tr>
<td id="4_0" class="tableCellCenterTop">-</td>
<td id="4_1" class="tableCellLeftTop">-</td>
<td id="4_2" class="tableCellLeftTop">-</td>
<td id="4_3" class="tableCellLeftTop">-</td>
<td id="4_4" class="tableCellLeftTop">-</td>
<td id="4_5" class="tableCellCenterTop">-</td>
<td id="4_6" class="tableCellCenterTop">-</td>
<td id="4_7" class="tableCellCenterTop">-</td>
<td id="4_8" class="tableCellCenterTop">-</td>
<td id="4_9" class="tableCellCenterTop">-</td>
<td id="4_10" class="tableCellCenterTop">-</td>
<td id="4_11" class="tableCellCenterTop">-</td>
<td id="4_12" class="tableCellCenterTop">-</td>
<td id="4_13" class="tableCellCenterTop">-</td>
<td id="4_14" class="tableCellCenterTop">-</td>
<td id="4_15" class="tableCellCenterTop">-</td>
</tr>
</tbody>
</table>
</div>
<div id="scroll">
<span onclick="start()">‹‹Start</span>
<span onclick="last()">‹Last</span>
<span onclick="next()">Next›</span>
<span onclick="end()">End››</span>
</div>
</div>
</div>
</div>
</body>
</html>
Bear with me as this is my first post but i am not sure what this is about. My computer seems to have problems with its javascript when opening new windows from certain sites that are either audio or video files. I simply have not got a clue where to begin. Any help ould be most grateful. I'm currently in the process of updating our old website as the layout is just terrible and it's hard to find products on it. This new layout has drop down menus, accordion menus and an image enlarger all from JavaScript. They work wonders in Firefox and Google chrome but, as usual, Internet Explorer has decided not to load it right for me. I've got several problems... Images won't show up most of the time Not able to click on linked images and the links from the drop down menu Accordion menu won't work, it just displays as one long sidebar When it does work, it shows a big gap between each main header rather than keeping them close together The drop list from the drop down menu hides behind the accordion menu Is there anything I can do that makes IE accept the javascripts? Unfortunately the new layout isn't up live so I've nothing you can link to. However, if there's any coding that you need I'll be more than happy to post it on. Thanks for your time! Hey guys, im a bit of a loser with Javascript and need a bit of validation done but I have no idea what the problem is with my code, can anyone help? Form: Code: <div id="Layer3">
<form id="form" name="form" method="post" onsubmit='return formValidator(form)' action="Candidate output.php">
<p class="style3"><u>Search for a Candidate </u></p>
<p class="style3">Candidate ID
<input type="text" name="CandidateID" />
</p>
<p class="style3">File
<select name="File">
<option>--Select--</option>
<option>To be deleted</option>
</p>
<p class="style3">Name
<input type="text" name="Name" />
</p>
<p class="style3">Current Job Title
<select name="Current_Job_title">
<option>--Select--</option>
<option>Accessories</option>
</select>
</p>
<p class="style3">Contact Telephone
<input type="text" name="Contact_Telephone" />
</p>
<p class="style3">Contact Email
<input type="text" name="Contact_Email" />
</p>
<p class="style3">Town
<input type="text" name="Town" />
</p>
<p class="style3">County
<select name="County">
<option>--Select--</option>
<option>Aberdeenshire</option>
</select>
</p>
<p class="style3">Postcode
<input type="text" name="Postcode" />
</p>
<p class="style3">Languages spoken
<input type="text" name="Languages_Spoken" />
</p>
<p class="style3">Previous Job Title
<select name="Job_Title" >
<option>--Select--</option>
<option>Accessories</option>
</select>
</p>
<p class="style3">Previous Employer
<input type="text" name="Employer" />
</p>
<p class="style3">Previous Employment Type
<select name="Employment_Type">
<option>--Select--</option>
<option>Manufacturer</option>
</select>
</p>
<p class="style3">Previous Department Type
<select name="Department_type">
<option>--Select--</option>
<option>Accounts</option>
</select>
</p>
<p class="style3">Order By
<select name="Order_By">
<option>--Select--</option>
<option>CandidateID</option>
</select>
<input type="checkbox" name="Desc" value="y" />
Decending (Ascending leave unchecked)
</p>
<p class="style3">
<input type="submit" name="Submit" value="Submit" />
</p>
</form>
</div>
Validation in the <Head>;
<script language="JavaScript" type='text/javascript'>
function formValidator(form){
// Make quick references to our fields
var CandidateID = document.getElementById('CandidateID');
var Name = document.getElementById('Name');
var Contact_T = document.getElementById('Contact_Telephone');
var Contact_E = document.getElementById('Contact_Email');
var Town = document.getElementById('Town');
var Postcode = document.getElementById('Postcode');
var Ls = document.getElementById('Languages_Spoken');
var P_Employer = document.getElementById('Previous_Employer');
/*http://www.tizag.com/javascriptT/javascriptform.php*/
// Check each input in the order that it appears in the form!
if(isNumeric(CandiateID, "Please enter numbers only")){
if(isAlphabet(Name, "Please enter letters only")){
if(isNumeric(Contact_T, "Please enter numbers only")){
if(lengthrestriction(Contact_T, 11)){
if(emailValidator(Contact_E, "Please enter a valid email address")){
if(isAlphabet(Town, "Please enter letters only")){
if(postit(Postcode, "Please enter a valid Postcode")){
if(isAlphabet(LS, "Please enter letters only")){
if(isAlphabet(P_Employer, "Please enter letters only")){
return true;
}
}
}
}
}
}
}
}
}
return false;
function isNumeric(elem, alerttxt){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(alerttxt);
elem.focus();
return false;
}
}
function isAlphabet(elem, alerttxt){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(alerttxt);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, alerttxt){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(alerttxt);
elem.focus();
return false;
}
}
function lengthRestriction(elem, max){
var uInput = elem.value;
if(uInput.length >= uInput.length <= max){
return true;
}else{
alert("Please enter between 0 and " +max+ " characters");
elem.focus();
return false;
}
}
function emailValidator(elem, alerttxt){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(alerttxt);
elem.focus();
return false;
}
}
function postit(elem, alerttxt){ //check postcode format is valid
test = document.details.Postcode.value; size = test.length
test = test.toUpperCase(); //Change to uppercase
while (test.slice(0,1) == " ") //Strip leading spaces
{test = test.substr(1,size-1);size = test.length
}
while(test.slice(size-1,size)== " ") //Strip trailing spaces
{test = test.substr(0,size-1);size = test.length
}
document.details.Postcode.value = test; //write back to form field
if (size < 6 || size > 8){ //Code length rule
alert(test + " is not a valid postcode - wrong length");
document.details.Postcode.focus();
return false;
}
if (!(isNaN(test.charAt(0)))){ //leftmost character must be alpha character rule
alert(test + " is not a valid postcode - cannot start with a number");
document.details.Postcode.focus();
return false;
}
if (isNaN(test.charAt(size-3))){ //first character of inward code must be numeric rule
alert(test + " is not a valid postcode - alpha character in wrong position");
document.details.Postcode.focus();
return false;
}
if (!(isNaN(test.charAt(size-2)))){ //second character of inward code must be alpha rule
alert(test + " is not a valid postcode - number in wrong position");
document.details.Postcode.focus();
return false;
}
if (!(isNaN(test.charAt(size-1)))){ //third character of inward code must be alpha rule
alert(test + " is not a valid postcode - number in wrong position");
document.details.Postcode.focus();
return false;
}
if (!(test.charAt(size-4) == " ")){//space in position length-3 rule
alert(test + " is not a valid postcode - no space or space in wrong position");
document.details.Postcode.focus();
return false;
}
count1 = test.indexOf(" ");count2 = test.lastIndexOf(" ");
if (count1 != count2){//only one space rule
alert(test + " is not a valid postcode - only one space allowed");
document.details.Postcode.focus();
return false;
}
alert("Postcode Format OK");
return true;
}
</script>
Im sure there are a few syntax errors but any and all help is greatly appreciated I am having a problem with the follow code with IE9 only. Works fine with any other browser.. Any help? Thanks <a href="javascript:var w = window.open('show_photo.php?ad_id={AD_ID}&img_id={IMG_ID}','','width=450,height=500,toolbar=0,scroll bars=0,statusbar=0,menubar=0,resizable=0');"> </a> sorry for my poor english I have 2 boxfield in my search engine...when i write somthing on my 1st text box and press the clear button it clear me the thing i wrote in the text field.... when i write somthing and drag it from 1st text box to the 2nd and then press the clear button.the letter in the 2nd textfield jump the 1st one.....and doesnt clear herself... what can couse it ? Hi every1, i am quite new to java-script programming. i created two images , one to display when during 'event.mouseout' and the other during mouseover Both images are the background images of a td element. I created a javascript : document.getElementById('bg_image').style.backgroundImage=url('sample.gif'); it works fine in Internet Explorer but doesnt in mozilla or opera thanx in advnc 4 any1 who wants ta help me. when this page is viewed in IE (8), IE tells me there's an error on the page. Quote: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Win64; x64; Trident/4.0) Timestamp: Tue, 17 May 2011 14:29:31 UTC Message: Invalid argument. Line: 7 Char: 17603 Code: 0 URI: http://cpanel4.frontline.net/~ggarch...cufon/cufon.js Here's what that Javascript file looks like: http://pastebin.com/T2vgugm2 I honestly know very little about Javascript. I installed a wordpress theme that already contained this bit of Javascript so please be patient with me on this one. please advise. thanks in advance! I am a first-time Javascript user and am trying to add the Magic Image Rotator code to my site: San Diego Solar. I have followed others suggestions and directions from other places but I still can't figure it out. Here is the Javascript code I am trying to run: MagicImage.js Here is the code I am inserting into the HTML (via a .PHP file: a specific way that is used for Thesis theme on Wordpress which I run for my site). Code: function MagicImage() {
?>
<html>
<body>
<script language="javascript" type="text/javascript" src="http://www.sandiegosolarenergy.org/wp-content/themes/thesis_18/lib/scripts/MagicImage.js"></script>
</body>
</html>
<?php
}
add_action('thesis_hook_header','MagicImage');
Using Firebug for Firefox, I get errors showing up on line 37 of MagicImage.js... though I don't know what to do with that line of code. The problem is that nothing is showing up on the page! Can someone help me? I cant figure out how to get the value of a name inputed in HTML into the following script... <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"> <meta name="created" content="Sat, 10 Sep 2011 19:40:31 GMT"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Enter golfers name</title> <!--[if IE]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="script1.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function GetPage(){ document.write("OK") <!-- var fullname = "david park" var lab = ""; var result = fullname.toUpperCase(); var word=result.split(" "); fname = word[0] lname = word[1] alpha = lname.slice(0,1); lab = fname.concat("_") lab = lab.concat(lname) if(word[2]){ ext = word[2] lab = lab.concat("_") lab = lab.concat(ext) } var intro = "./Stats_"; page = intro.concat(alpha); page = page.concat("_golfers.html#"); page = page.concat(lab) document.write(page) <!-- window.location.pathname = page } </script> </head> <body> <center> <form action="form_action.asp" method="get"> You can enter the golfersname or select him from the above list.<br><br> <input type="text" name="fullname" /> <button type="submit" onclick="GetPage()">GO</button> </form> </center> <BR><BR><BR> This is the end </body> </html> First, this is my first time coding anything seriously. I've only dabbled here and there, but no more. Any and all tips are appreciated. I have a program that's designed to calculate total enemy health. Its does this by taking user input on the level and enemy name. The enemy level input determines the base health stat. The enemy name determines the percent multiplier. This all runs on an onClick() event. I originally had this all in my <head> in my html code. It ended up being more code than I expected. So i made it an external javascript file. I did remove the <script></script> tags, I believe I have the file properly linked using the src attribute. I'm at my wits end. This is my second day of trying. So here is the javascript code. Code:
// JavaScript Document
var series;
var index;
var indexValue;
var base;
var distance;
var sequence;
var enemyLv;
var enemyPct;
var enemyHp;
var vOneFive;
var wrongAlert;
var enemyList;
var enemyName;
var enemyInput;
var enemyLevel;
var a = enemyLEVEL();
var b = enemyPCT();
var totalHp = a * b;
//calculates enemyHp and enemyPct
function calc(enemyHp, enemyPct) {
a = enemyLEVEL();
b = enemyPCT();
totalHp = a * b;
if(a && b !== -1){
document.getElementById('enemyTotalHp').innerHTML = totalHp;
}
else{
alert(wrong);
}
}
//determines base stat for enemyHp
function enemyLEVEL(enemyHp){
enemyLv = document.getElementById('enemyLevel').value;
var enemyLvValue = enemyLv * 1;
wrongAlert = "BURGA!";
//determines which HP sequence to run
if(enemyLvValue <= 5){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '12345';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 70;
distance = 13;
sequence = base + (indexValue * distance);
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 10){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '5678910';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 122;
distance = 24.8;
sequence = base + (indexValue) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 15){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '101112131415';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 246;
distance = 50;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 20){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '151617181920';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 496;
distance = 129.8;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 45){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '2021222324252627282930313233343536373839404142434445';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 1145;
distance = 120;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 50){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '454647484950';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 4145;
distance = 133;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if (enemyLvValue <= 75){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '5051525354555657585960616263646566676869707172737475';
index = series.lastIndexOf(enemyLvValue);
indexValue = index * 1;
base = 4810;
distance = 75;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if (enemyLvValue <= 99){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '75767778798081828384858687888990919293949596979899';
index = series.lastIndexOf(enemyLvValue);
indexValue = index * 1;
base = 6685;
distance = 70;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 110){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series ='100101102103104105106107108109110';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 8435;
distance = 70;
sequence = base + ((indexValue)/3) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 170){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series ='110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 9130;
distance = 70;
sequence = base + ((indexValue)/3) * distance;
enemyHp = sequence;
return enemyHp;
}
else{
alert(wrongAlert);
}
}
//determines enemyPct variable
function enemyPCT(enemyPct){
enemyInput = document.getElementById('enemyUser').value;
enemyName = enemyInput;
enemyList = new Array();
enemyList[1] = "Vahra Go Vahra Delsaban Golmoro Goshin Fulyen Curtz SEED-Guardian (Tw) Special Ops (Assault) Bysha type-Koh21 Bysha type-Otsu32 Gohma Dilla Gohma Methna GSM-05 Seeker GSM-05B Bomalta GSM-05M Tirentos YG-01K BUGGE YG01U BUGGES YG-01Z BUG Deljaban Orcdillan Sendillan";//100% hp
//
enemyList[2] = "Ageeta Sageeta Rogue Wikko Special Ops (Vobis)"; //60% hp
//
enemyList[3] = "Pannon Bel Pannon Galdeen Kudetob Nava Ludda Naval Zoona Shagreece Lapucha Polty Badia Go Bajilla"; //70% hp
//
enemyList[4] = "Armed Servant (Obme) Armed Servant (Ozuna) Distova Volfu Olgohmon Bul Buna";//90% hp
//
enemyList[5] = "Koltova Kakwane Ollaka Rappy Polec AMF Heavy Infantry Armed Servant (Basta) SEED-Guardian (Kn) Delp Slami";//130%hp
//
enemyList[6] = "Booma Go Booma Jigo Booma Jishagara Vanda Vanda Merha Vanda Orga Rogue (Ogg) SEED-Guardian (Sa)";//150%hp
//
enemyList[7] = "Rogue (Jasse) Rogue Mazz Special Ops (Kanohne) Special Ops (Solda)";//180%hp
//
enemyList[8] = "Komazli Bead Groode Dilla Griena Grinna Bete C";//200%hp
//
enemyList[9] = "Bal Soza Gaozoran";//230%hp;
//
enemyList[10] = "Shinowa Hidoki" ;//250% hp
//
enemyList[11] = "Jaggo Jaggo Acte Jaggo Amure Jaggo Sonichi Zamvapas Galvapas Do Vol No Vol";//260% hp
//
enemyList[12] = "Mizura Gainozeros Grass Assassin Ubakrada Rappy Rappy Amure Rappy Latan Rappy Noel Rappy Paska";//300% hp
//
enemyList[13] = "Kamatoze Bafal Bragga";//320% hp
//
enemyList[14] = "Jarba Polavohra Hiru Vol Delnadian SEED-Ardite Zasharogan Lutus Jigga Orgdus Svaltus";//350% hp
//
enemyList[15] = "Tengohg Bil De Melan Bil De Vear Drua Gohra Kog Nadd Dilnazen Jusnagun SEED-Argine SEED-Vance SEED-Vitace Ryugtass";//400% hp
//
enemyList[16] = "Carriguine SEED-Venas";//450% hp
//
enemyList[17] = "Rappy Gugg Renvolt Magashi Grinna Bete S";//500% hp
//
enemyList[18] = "Rappy Igg";//550% hp
//
enemyList[19] = "Darbelan Alfort Tylor";//600% hp
//
enemyList[20] = "Kagajibari";//630% hp
//
enemyList[21] = "Gol Dova";//650% hp
//
enemyList[22] = "Zoal Goug"; //700% hp
//
enemyList[23] = "De Rol Le";//1000% hp
//
enemyList[24] = "SEED-Magashi";//1100% hp
//
enemyList[25] = "Alterazgohg Onmagoug";//1350% hp
//
enemyList[26] = "Adahna Dimmagolus Dark Falz";//1450% hp
//
enemyList[27] = "De Ragan Magas Maggahna";//1500% hp
//
enemyList[28] = "Dulk Fakis Mother Brain";//1650% hp
//
enemyList[29] = "De Ragnus";//1720% hp
var one = enemyList[1];
var two = enemyList[2];
var three = enemyList[3];
var four = enemyList[4];
var five = enemyList[5];
var six = enemyList[6];
var seven = enemyList[7];
var eight = enemyList[8];
var nine = enemyList[9];
var ten = enemyList[10];
var eleven = enemyList[11];
var twelve = enemyList[12];
var thirteen = enemyList[13];
var fourteen = enemyList[14];
var fifteen = enemyList[15];
var sixteen = enemyList[16];
var seventeen = enemyList[17];
var eighteen = enemyList[18];
var nineteen = enemyList[19];
var twenty = enemyList[20];
var twentyone = enemyList[21];
var twentytwo = enemyList[22];
var twentythree = enemyList[23];
var twentyfour = enemyList[24];
var twentyfive = enemyList[25];
var twentysix = enemyList[26];
var twentyseven = enemyList[27];
var twentyeight = enemyList[28];
var twentynine = enemyList[29];
//
var indexOne = one.indexOf(enemyName);
var indexTwo = two.indexOf(enemyName);
var indexThree = three.indexOf(enemyName);
var indexFour = four.indexOf(enemyName);
var indexFive = five.indexOf(enemyName);
var indexSix = six.indexOf(enemyName);
var indexSeven = seven.indexOf(enemyName);
var indexEight = eight.indexOf(enemyName);
var indexNine = nine.indexOf(enemyName);
var indexTen = ten.indexOf(enemyName);
var indexEleven = eleven.indexOf(enemyName);
var indexTwelve = twelve.indexOf(enemyName);
var indexThirteen = thirteen.indexOf(enemyName);
var indexFourteen = fourteen.indexOf(enemyName);
var indexFifteen = fifteen.indexOf(enemyName);
var indexSixteen = sixteen.indexOf(enemyName);
var indexSeventeen = seventeen.indexOf(enemyName);
var indexEighteen = eighteen.indexOf(enemyName);
var indexNineteen = nineteen.indexOf(enemyName);
var indexTwenty = twenty.indexOf(enemyName);
var indexTwentyOne = twentyone.indexOf(enemyName);
var indexTwentyTwo = twentytwo.indexOf(enemyName);
var indexTwentyThree = twentythree.indexOf(enemyName);
var indexTwentyFour = twentyfour.indexOf(enemyName);
var indexTwentyFive = twentyfive.indexOf(enemyName);
var indexTwentySix = twentysix.indexOf(enemyName);
var indexTwentySeven = twentyseven.indexOf(enemyName);
var indexTwentyEight = twentyeight.indexOf(enemyName);
var indexTwentyNine = twentynine.indexOf(enemyName);
//
var test = "YOU CAN DO IT LITTLE NICKY! BITE HIS ****ING HEAD OFF!";
//
if(indexOne != -1){
var enemyPctValue = 1;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexTwo != -1){
var enemyPctValue = 0.6;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexThree != -1){
var enemyPctValue = 0.7;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexFour != -1){
var enemyPctValue = 0.9;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexFive != -1){
var enemyPctValue = 1.3;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexSix != -1){
var enemyPctValue = 1.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSeven != -1){
var enemyPctValue = 1.8;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEight != -1){
var enemyPctValue = 2;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexNine != -1){
var enemyPctValue = 2.3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTen != -1){
var enemyPctValue = 2.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEleven != -1){
var enemyPctValue = 2.6;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwelve != -1){
var enemyPctValue = 3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexThirteen != -1){
var enemyPctValue = 3.2;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexFourteen != -1){
var enemyPctValue = 3.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if (indexFifteen != -1){
var enemyPctValue = 4;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSixteen != -1){
var enemyPctValue = 4.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSeventeen != -1){
var enemyPctValue = 5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEighteen != -1){
var enemyPctValue = 5.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexNineteen != -1){
var enemyPctValue = 6;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwenty != -1){
var enemyPctValue = 6.3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyOne != -1){
var enemyPctValue = 6.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyTwo != -1){
var enemyPctValue = 7;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyThree != -1){
var enemyPctValue = 10;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyFour != -1){
var enemyPctValue = 11;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyFive != -1){
var enemyPctValue = 13.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentySix != -1){
var enemyPctValue = 14.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentySeven != -1){
var enemyPctValue = 15;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyEight != -1){
var enemyPctValue = 16.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyNine != -1){
var enemyPctValue = 17.2;
enemyPct = enemyPctValue;
return enemyPct;
}
else{
alert(enemyName);
}
}
and this is the html code 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>PSUpedia Enemy HP Calculator</title> <script type="text/javascript" src="hp_calc.js"> </script> </head> <body> <form> Enemy Level: <input type="text" id="enemyLevel"></br> Enemy Name: <input type="text" id="enemyUser"></br> <p>EnemyHp: <b id="enemyTotalHp"> </b></p></br> <input type="button" value="CLICK!" onClick="calc();"> </form> </body> </html> |
|||||||