|
JavaScript - Javascript With Css Problems
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> Similar TutorialsBear 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. 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>
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! 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 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 ? 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> 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 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> 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! Hi I'm trying to finish integrating my affiliate program and i'm having problems on the last bit.. basically how do i get this to work? basically i need the id token to be displayed... Code: <input name="radiobutton" type="radio" onclick="window.location.href='http://tracking.alpharooms.com/idevaffiliate.php?alpha_id=552&alpha_keyword= <script language="JavaScript" type="text/javascript" src="http://www.theholidaymakers.me.uk/affiliates/display.php?token=id"></script> &alpha_url=http://www.alpharooms.com/cheap-flights.aspx/?cob=64'; " value="radiobutton" /> the display.php file is below PHP Code: <?PHP ############################################################# ## iDevAffiliate Version 5.2 ## Copyright - iDevDirect.com L.L.C. ## Website: [url]http://www.idevdirect.com/[/url] ## Support: [url]http://www.idevsupport.com/[/url] ## Email: [email]support@idevdirect.com[/email] ############################################################# /* -------------------------------------------------------------- You can alter the CSS below but do not remove the Java Script Tags. They are required because this file is being called via Java Script. Any invalid coding adjustments to this page will result in Java Script errors in the page you've placed the Java Script code snippet. Adjustments to this file are not supported by iDevDirect. We highly suggest making a backup of the original display.php file before making changes. If you're wondering what the variable $idev represents, that is the affiliate ID number and is obtained from the /includes/tracking.php file. -------------------------------------------------------------- */ $token_tag_id = ""; $token_tag_username = "Affiliate Username"; $token_tag_phone = "Affiliate Phone"; $token_tag_name = "Affiliate Name"; $token_tag_company = "Affiliate Company"; $token_tag_city = "Affiliate City"; $token_tag_state = "Affiliate State"; $token_tag_zip = "Affiliate Zip Code"; $token_tag_website = "Affiliate Website"; ?> document.write('<style type="text/css">'); document.write('<!--'); document.write('p.idev {'); document.write('font-size: 12px;'); document.write('font-family: Arial, Helvetica, sans-serif;'); document.write('font-weight: bold;'); document.write('}'); document.write('-->'); document.write('</style>'); <?PHP $time_now = time(); include ("API/config.php"); include ("includes/validation_functions.php"); include ("includes/tracking.php"); // SANITIZE AND SET INCOMING TOKEN VARIABLE // ----------------------------------------------------------- $token = check_type('token'); if ($idev) { // GET AFFILIATE DATA // ----------------------------------------------------------- $aff_data = mysql_query("select username, phone, f_name, l_name, company, city, state, zip, url from idevaff_affiliates where id = '$idev'"); if (mysql_num_rows($aff_data)) { $aff_data = mysql_fetch_array($aff_data); $affiliate_username = $aff_data['username']; $affiliate_phone = $aff_data['phone']; $affiliate_fname = $aff_data['f_name']; $affiliate_lname = $aff_data['l_name']; $affiliate_name = $affiliate_fname . " " . $affiliate_lname; $affiliate_company = $aff_data['company']; $affiliate_city = $aff_data['city']; $affiliate_state = $aff_data['state']; $affiliate_zip = $aff_data['zip']; $affiliate_website = $aff_data['url']; } } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE ID // ----------------------------------------------------------- if (($token == 'id') || (!$token)) { if ($idev) // ----------------------------------------------------------- { $token_id = $idev; } else { $token_id = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_id $token_id</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE USERNAME // ----------------------------------------------------------- if ($token == 'username') { if ($idev) // ----------------------------------------------------------- { $token_username = $affiliate_username; } else { $token_username = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_username: $token_username</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE PHONE // ----------------------------------------------------------- if ($token == 'phone') { if (($idev) && ($affiliate_phone)) // ----------------------------------------------------------- { $token_phone = $affiliate_phone; } else { $token_phone = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_phone: $token_phone</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE NAME // ----------------------------------------------------------- if ($token == 'name') { if (($idev) && ($affiliate_name)) // ----------------------------------------------------------- { $token_name = $affiliate_name; } else { $token_name = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_name: $token_name</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE COMPANY // ----------------------------------------------------------- if ($token == 'company') { if (($idev) && ($affiliate_company)) // ----------------------------------------------------------- { $token_company = $affiliate_company; } else { $token_company = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_company: $token_company</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE CITY // ----------------------------------------------------------- if ($token == 'city') { if (($idev) && ($affiliate_city)) // ----------------------------------------------------------- { $token_city = $affiliate_city; } else { $token_city = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_city: $token_city</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE STATE // ----------------------------------------------------------- if ($token == 'state') { if (($idev) && ($affiliate_state)) // ----------------------------------------------------------- { $token_state = $affiliate_state; } else { $token_state = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_state: $token_state</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE ZIP // ----------------------------------------------------------- if ($token == 'zip') { if (($idev) && ($affiliate_zip)) // ----------------------------------------------------------- { $token_zip = $affiliate_zip; } else { $token_zip = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_zip: $token_zip</p>\");"; } // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE WEBSITE // ----------------------------------------------------------- if ($token == 'website') { if (($idev) && ($affiliate_website) && ($affiliate_website != "http://")) // ----------------------------------------------------------- { $token_website = "<a href=\'$affiliate_website\' target=\'_blank\'>$affiliate_website</a>"; } else { $token_website = "N/A"; } // ----------------------------------------------------------- print "document.write(\"<p class='idev'>$token_tag_website: $token_website</p>\");"; } $affiliate_logo = "$logo_default"; // ----------------------------------------------------------- // DISPLAY TOKEN : AFFILIATE LOGO // ----------------------------------------------------------- if ($token == 'logo') { // ----------------------------------------------------------- // GET LOGO/IMAGE DATA // ----------------------------------------------------------- if (isset($idev)) { $logo_data = mysql_query("select filename from idevaff_logos where id = '$idev' and approved = '1'"); if (mysql_num_rows($logo_data)) { $logo_data = mysql_fetch_array($logo_data); $affiliate_logo = $logo_data['filename']; $logo_location = $base_url . "/logos/" . $affiliate_logo; } else { $logo_location = $logo_default; } } // ----------------------------------------------------------- list($width, $height, $type, $attr) = getimagesize("$logo_location"); // ----------------------------------------------------------- print "document.write(\"<img border='0' src='$logo_location' width='$width' height='$height'>\");"; } ?> HELP IS NEEDED, THANKS IN ADVANCE. 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. 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) ?> 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? this is my first time attempting this operation. I want to take some javascript out of my html. here is the original: Code: <!--div#9begin--><div style="float: left; height: 166px; width: 1px;">
<img alt="" src="images/border_short_vert.png" height="169" width="1" />
</div><!--div#9end-->
<!--div#10begin--><div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;">
<img alt="" src="images/news.png" height="16" width="222" /><!--div#11begin--><div style="width: 225px; height: 155px; float: left;"></div><!--div#11end-->
<script type="text/javascript">// <![CDATA[if(document.layers){document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed"><div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');} // ]]>
</script>
</div><!--div#10end-->
and here's my attempt: Code: <div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;"> <img alt="" src="images/news.png" height="16" width="222" /><script type="text/javascript" src="docwrite.js"></script> <div style="width: 225px; height: 155px; float: left;"></div> </div> along with my js: Code: if(document.layers)
{document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all)
{document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed">
<div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');}
what is the problem? Have I not performed the extraction properly? I am coding an actionscript app and need to call javascript function in page that embeds the swf file. I am doing this as Action Script 2.0 and am testing in Firefox 1.5 x (flash pluggin version 7) I am getting the following error message: (not part of the error text) re object/embed id/name _DoFSCommand(command, args) (.swf/actionscript call to javascript) in Firefox/1.5.0.3 on Mac OS 10.3x (error text-- from FF javascript console) Error: plugin.SetWindow is not a function Source File: javascript: function jsScriptObject(obj) { this.wrappedJSObject = obj; } jsScriptObject.prototype = { evaluate : function(expression) { return new jsScriptObject(eval(expression)); } }; var plugin = document.embeds['SWFO']; plugin.SetWindow(new jsScriptObject(window),879801055); Line: 1 This set up works in version 10 flash pluggin, as is, in Firefox 3.5.2 Can anyone give me a clue about this? A little further info to possibly save someone some time: I am working on an actionscript 3.0 version that uses externalInterface in Action Script, so I don't need advice to upgrade. I am trying to target older browsers as well as newer ones. Thank you for time and attention; JK |
|||||||