JavaScript - Need Help Regarding Forms And Functions In Javascript

Hello,

Iam currently experimenting with Java Scripting and have hit a wall about the use of Functions.

I am trying to create a difference function which would work out the difference between two numbers.

e.g. 14 and 18

I am able to create a function and if statement to find the larger number of a argument but am having trouble writing one to find the difference between two numbers.

Iam also confused (i know probably a silly question) but is the operator used the same for this function.

Hope people can make sense of that.

Thanks,

All --

I have a JavaScript config file called gameSetting.js which contains a bunch of variables which configures a particular game.

I also have a shared JavaScript library which uses the variables in gameSetting.js, which I include like so:

<script type="text/javascript" src="gameSetting.js" ></script>
<script type="text/javascript" src="gameLibrary.js" ></script>

In gameSetting.js I have:

$(document).ready(function()
{
// call some functions / classes in gameLibrary.js
}

in Firefox, Safari, and Chrome, this works fine. However, in IE, when it's parsing gameSetting.js, it complains that the functions that live in gameLibrary.js aren't defined. When it gets to parsing gameLibrary.js, the variables in gameSetting.js are reported as not being defined.

I've tried dynamically bootstrapping the gameLibrary file using this function in document.ready for dynamic load...

$.getScript("gameLibrary.js");

However, the same problem still happens in IE, where when it parses the files individually it's not taking into context the file/variables that came before, so it's not an out of load order problem.

My options a

1) collapsing all the functions in gameLibrary.js and variables in gameSetting.js into one file. However, this is not practical because this is dealing with literally hundreds of games, and having a gameLibrary.js in ONE location for ONE update is what makes most logical sense.

2) figure out a way to get this to work where variables in file1 are accessible to file2 in IE (as it seems they are in other browsers).

jQuery seems to be able to have multiple plugins that all refer to the based jQuery-1.3.2.js, so I know there is a way to get this to work.

Help appreciated.

Nero

Hey guys,

I'm using javascript in a menu to change the colour scheme of a page with frames and wondered how I could make this Javascript work across frames. The top frame is the colour picker with the Javascript and the bottom frame is the html template that will be changing colour scheme.

JS:
Code:

var cols = {
  red: [
    { el: '.headertitle',    color: '#FF0000' },
    { el: '#wrapper #maincontent #leftpanel ul.leftnavigation li a.current',       bgcolor: '#FF0000', color: '#FFFFFF' },
    { el: '#wrapper #maincontent #leftpanel',                                      border: '#FF0000' },
    { el: '#wrapper #maincontent #leftpanel ul.leftoffers li div.titlebody a',     color: '#FF0000' },
    { el: '#wrapper #maincontent #editable h2',                                    color: '#FF0000' },
    { el: '#wrapper #maincontent #rightpanel',                                     border:   '#FF0000' },
    { el: '#wrapper #footer',                                                      bgcolor:  '#FF0000' },
	{ el: '#wrapper #maincontent #leftpanel ul.leftoffers li',                     bgcolor:     '#F6D9D9'},
    { el: '.choosecolour',                                                         border:  '#fff' },
    { el: '#cbred',                                                                border:  '#000' }
  ],
  orange: [
    { el: '#header',            bgcolor: '#ff8c10', color: '#ffffff' },
    { el: '#nav li a',       bgcolor: '#d63b18', color: '#ffffff', hoverbgcolor: '#fc6827', hovercolor: '#ffffff' },
    { el: '.primaryBgCol',   bgcolor: '#ff8c10', color: '#ffffff' },
    { el: '.secondaryBgCol', bgcolor: '#f8a955', color: '#ffffff' },
    { el: '.footerBgCol',    bgcolor: '#f2441c' },
    { el: '.footerTextCol',  color:   '#ffffff' },
    { el: '.borderCol',      border:  '#ff8c10' },
		{ el: '#logo',           src:     'images/logo_orange.gif'},
    { el: '.choosecolour',      border:  '#fff' },
    { el: '#cborange',       border:  '#000' }
  ]
};

function changeColour(col) {
  $A(cols[col]).each(function(i) {
    $$(i.el).each(function(j) {
      if (i.bgcolor)
        j.setStyle({ backgroundColor: i.bgcolor });
      
      if (i.color)
        j.setStyle({ color: i.color });
      
      if (i.border)
        j.setStyle({ borderColor: i.border });
      
      if (i.src)
        j.writeAttribute('src', i.src);
      
      // hover colours
      if (i.hovercolor || i.hoverbgcolor) {
        j.onmouseover = function() { this.setStyle({ backgroundColor: i.hoverbgcolor, color: i.hovercolor }); };
        j.onmouseout   = function() { this.setStyle({ backgroundColor: i.bgcolor, color: i.color }); };
      }
    });
  });
}

JS picker HTML code:
Code:

    <div class="colours"> 
        <div class="choosecolour" id="cbred" style="background-color: #c90c12;" onclick="changeColour('red');"></div> 
        <div class="choosecolour" id="cborange" style="background-color: #ff8c10;" onclick="changeColour('orange');"></div>  
    </div>

Anyone know how I can make the colour scheme of page in lower frame change when colour is picked in top page frame?

I am currently designing a table as such
Code:

___________________________
|       TABLE                           |
|                                          |     FRAME A
|___________________________|
|     last row clicked                 |    FRAME B
|___________________________|

the top frame is a table and the bottom frame contains the last row clicked called through onclick.

question: if frame B is a php file with a javascript object, how do i call the javascript object's function to print the data?

here is what i have so far

index.html //this is the source code for the site
Code:

<html>
<frameset rows = "60%, 40%">
<frame src = "table_driver.php" name = "A" id = "FRAME1">
<frame src = "bottom_row.php" name = "B" id = "FRAME2">
</frameset>
</html>

printJSTable() //prints the table shown in frame A
Code:

 function printJSTable()
      {
        echo '<script src = "java_script.js"></script>';
        echo '<script src="sorttable.js"></script>';
        echo '<table class = "sortable" id = "myTable" border = "1">';
        echo '<thead id = "header"><tr>';
        foreach($this->columns as $header => $order)
        {
                echo '<th>';
                echo $header;
                echo '</th>';
        }
        echo '</tr></thead><tbody>';
        $counter = 0;
        for($i = 0; $i < $this->numRows; $i++)
        {
                //IMPORTANT changeRow(this) is JS call
                echo '<tr onclick = "changeRow(this)" onmouseover = "mouseOver(this)" onmouseout = "mouseOut(this)">';
                foreach($this->data[$i] as $key => $value)
                {
                        echo '<td>';
                        if($value!="")
                                echo $value;
                        else
                        {
                                echo '';
                        }
                        $counter++;
                        echo '</td>';

                }
                echo '</tr>';
        }
        echo '</tbody></table>';
        echo '<form><input id = "'.$this->numRows.'"type = "button" value = "add row" onclick = "addRow(id)"></form>';
      }

and this is changeRow(this) which is supposed to create the table in frame b
Code:

//populates headersArr and rowArr correctly
parent.B.obj = new TableData(headersArr, rowArr);
parent.B.obj.printTable();

here are the function definitions for TableData
Code:

function TableData(headers, row)
{
    this.headerArr = headers;
    this.rowArr = row;
}

TableData.prorotype.printTable = function()
{
    for(i=0; i<this.headerArr.length; i++)
        {
            document.write('<tr><th>');
            document.write(this.headerArr[i]);
            document.write('</th><td>');
            document.write(this.rowArr[i]);
            document.write('</td></tr>');
        }
}

and then, finally, this is the php file for the bottom frame
Code:

<html>
<head>
<link rel = "stylesheet" type = "text/css" href = "style.css"/>
<script type = "text/javascript" src="java_script.js"></script>
</head>

<body>
<script>
obj = new TableData;
</script>
</body>
</html>

what i want to do is populate the variable obj from ^ (bottom_row.php) and then use the print function to print it out. right now it is populating correclt,y but i cant get it to print. The error console says that

Value undefined (result of expression parent.B.obj.printTable) is not object.

??

sry for all the code! just didnt want to leave anything out

thanks!

hey all,

I am now at the point of being able to see the light at the end of the tunnel (woot!). After a lot of help from you guys I have tackled my RSS feed issue (sort of) to the point where i have a page that does basically what I need it to (http://www.the-rational-investor.com/test042311.php/).

I now need to incorporate this java script developed into the big picture and of course, there seems to be problems. Since I know it works on its own, I must be running into problems getting all the functions working simultaneously and I once again need to call on the board's brilliance in figuring out what I am doing wrong....so here it goes

I have taken out a lot of unnecessary code just to focus on the java script. Yes there is PHP code embedded but please don't beat up on me too much for that.
here is the main page code:
Code:

<head>

<?
// function for onmouseover to do ALL THREE tasks //
?>

<script type="text/javascript">
function doChanges(y){
var z= y; 
var imagevar = myimages[z];
var imagethis = this.href; 
changeimage(imagevar,imagethis);
changetext(z);
var x=y;
var rssfeedvar = myArrayRssFeed[x];
showRSS(rssfeedvar);
}
</script>

<?
// First Task - function for onmouseover TEXT //
?>

<script type="text/javascript">
function changetext(z){  
var s= z;
var textchangeEntries = myArrayEntries[s];
var id = document.getElementById("DBtext_large");
id.innerHTML=textchangeEntries;

var textchangeWebadr = myArrayWebadr[s];
var id = document.getElementById("DBtext_link").getElementsByTagName('a')[0];
id.nodeValue=textchangeWebadr;
id.setAttribute('href',textchangeWebadr);
id.innerHTML=textchangeWebadr;

var textchangeEmail = myArrayEmail[s];
var id = document.getElementById("DBtext_email");
id.innerHTML=textchangeEmail;

var textchangeRssUrl = myArrayRssUrl[s];
var id = document.getElementById("DBtext_rssUrl");
id.innerHTML=textchangeRssUrl;

var textchangeRssFeed = myArrayRssFeed[s];
var id = document.getElementById("DBtext_rssFeed");
id.innerHTML=textchangeRssFeed;
}
</script>

<?
// Second Task - functions for onmouseover IMAGES //
?>

<script type="text/javascript">
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>

<script type="text/javascript">

var myArrayEntries = ["<?php echo implode('","',$map_entry_array);?>"];
var myArrayWebadr = ["<?php echo implode('","',$web_adr_array);?>"];
var myArrayEmail = ["<?php echo implode('","',$email_adr_array);?>"];
var myArrayRssUrl = ["<?php echo implode('","',$rss_url_array);?>"];
var myArrayRssFeed = ["<?php echo implode('","',$rss_feed_array);?>"];

var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages(<?echo("$qs1");?>);
</script>

<?
// Third Task - functions for onmouseover RSS FEED //
?>

<script type="text/javascript">
function showRSS(str)
{
if (str.length==0)
  {
  document.getElementById("rssOutput").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getrss.php?q="+str,true);
xmlhttp.send();
}
</script> 
</head>

getrss.php is unchanged
Code:

<?php
//get the q parameter from URL
$q=$_GET["q"];

//find out which feed was selected
if($q=="http://twitter.com/statuses/user_timeline/53777622.rss")
  {
  $xml=("http://twitter.com/statuses/user_timeline/53777622.rss");
  }
elseif($q=="http://www.autisticsociety.org/rss/news2.php")
  {
  $xml=("http://www.autisticsociety.org/rss/news2.php");
  }
elseif($q=="http://sableresources.com/news/")
  {
  $xml=("http://sableresources.com/news/");
  }
elseif($q=="http://www.northgateminerals.com/rss/pressrelease.aspx")
  {
  $xml=("http://www.northgateminerals.com/rss/pressrelease.aspx");
  }
elseif($q=="http://www.thompsoncreekmetals.com/s/RSS.asp?MaxItems=4&Version=RSS2.0")
  {
  $xml=("http://www.thompsoncreekmetals.com/s/RSS.asp?MaxItems=4&Version=RSS2.0");
  }
elseif($q=="http://www.imperialmetals.com/s/RSS.asp?MaxItems=10&Version=RSS2.0")
  {
  $xml=("http://www.imperialmetals.com/s/RSS.asp?MaxItems=10&Version=RSS2.0");
  }
elseif($q=="http://investorrelations.walterenergy.com/corporate.rss?c=71978&Rule=Cat=news~subcat=ALL")
  {
  $xml=("http://investorrelations.walterenergy.com/corporate.rss?c=71978&Rule=Cat=news~subcat=ALL");
  }
elseif($q=="http://www.teck.com/framework/comp.aspx?portalName=tc&id=133613&rss=1")
  {
  $xml=("http://www.teck.com/framework/comp.aspx?portalName=tc&id=133613&rss=1");
  }
elseif($q=="http://www.tasekomines.com/tko/RSS.asp?MaxItems=10&Version=RSS2.0")
  {
  $xml=("http://www.tasekomines.com/tko/RSS.asp?MaxItems=10&Version=RSS2.0");
  }
elseif($q=="http://www.rocamines.com/s/RSS.asp?MaxItems=10&Version=RSS2.0")
  {
  $xml=("http://www.rocamines.com/s/RSS.asp?MaxItems=10&Version=RSS2.0");
  }
elseif($q=="http://www.breakwater.ca/rss/pressrelease.aspx")
  {
  $xml=("http://www.breakwater.ca/rss/pressrelease.aspx");
  }
  
$xmlDoc = new DOMDocument();
$xmlDoc->load($xml);

//get elements from "<channel>"
$channel=$xmlDoc->getElementsByTagName('channel')->item(0);
$channel_title = $channel->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$channel_link = $channel->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$channel_desc = $channel->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;

//output elements from "<channel>"
echo("<p><a href='" . $channel_link
  . "'>" . $channel_title . "</a>");
echo("<br />");
echo($channel_desc . "</p>");

//get and output "<item>" elements
$x=$xmlDoc->getElementsByTagName('item');
for ($i=0; $i<=2; $i++)
  {
  $item_title=$x->item($i)->getElementsByTagName('title')
  ->item(0)->childNodes->item(0)->nodeValue;
  $item_link=$x->item($i)->getElementsByTagName('link')
  ->item(0)->childNodes->item(0)->nodeValue;
  $item_desc=$x->item($i)->getElementsByTagName('description')
  ->item(0)->childNodes->item(0)->nodeValue;

  echo ("<p><a href='" . $item_link
  . "'>" . $item_title . "</a>");
  echo ("<br />");
  echo ($item_desc . "</p>");
  }
?>

Thanks again for all your wonderful help and all the best to you and your families on this Easter weekend,

Brian

Hi, i was wondering if there was a way to call a nested javascript function directly, from outside of the function its nested in?

for example, if i have the following functions:
Code:

<script type="text/javascript">
var test = function(){
	var testInner = function(){
		alert('testInner');
	}
}
</script>

can i then call the 'testInner' function directly from an onclick action something like this:

Code:

<a href="#" onclick="test.testInner()">TEST JS</a><br /><br />

That code is obviously not working for me, but is there something similar to what ive shown here that will work?

Thanks in advanced

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

Hi

I've set up an html page that contains 3 buttons, which have a sprite rollover effect when hovered over. This is handled by css.

When one of the buttons is clicked - a value is passed to an input field. This is handled by Javascript.

Both of these functions work.

What I would like to do is add a second function when a button is clicked - so that the hover sprite remains selected.

Could anyone tell me how to do this please?

Here is the button code I have:

<button type="button" class="fantasy_button_blue_sprite" id="mcgyver" value="mcgyver" onclick="setHiddenControlValue('option1');">next</button>

Here is the input field that gets populated:

<input type="<?php echo $type;?>" id="fantasy_friend" name="fantasy_friend" value="<?php echo $fantasy_friend; ?>">

This is the javascript I'm using:

<!--
// set the hidden form field when a button is clicked
function setHiddenControlValue(selectedValue) {

document.getElementById("fantasy_friend").value = selectedValue;
parent.document.options_form.their_firstname.value=selectedValue;

}

And this is the sprite css:

.fantasy_button_green_sprite {
background: transparent url("/images/align_page/fantasy_button1.jpg") 0 1px no-repeat;
height:61px;
width:164px;
border:none;
text-indent:-99999px;
cursor: pointer;
margin-top:20px;
}

.fantasy_button_green_sprite:hover {
background: transparent url("/images/align_page/fantasy_button1.jpg") 0 -61px no-repeat;
}

Thanks!

Tom
-->

Hello, I am new to javascript and have managed to create the below form with few fields validation that is working. I also have an email format validation function which is not working. Any help would be hightly appreciated. Below with the form with the javascript


<html>
<script language="JavaScript" type="text/javascript">
<!--
var radio_selection="";
function checkform ( form )
{
**// ** START **
**if (form.name.value == "")
{
****alert( "Please enter your name." );
****form.name.focus();
****return false;
**}
if (form.Phone.value == "") {
****alert( "Please enter your phone number." );
****form.Phone.focus();
****return false;
**}
**if (form.email.value == "") {
****alert( "Please enter your email." );
****form.email.focus();
****return false;
}
if (radio_selection=="")
{
alert("Please indicate your attendance.");
return false;
}
*// ** END **
**return true;
}

function checkEmail(form)
{
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value))
{
return true;
}
alert("Invalid E-mail Address! Please re-enter.");
return false;
}

//-->
</script>
<body>
<form style="font-family:lucida calligraphy;font-size:120%;color:maroon" action="invitees.php" method="post" onsubmit="return checkform(this);checkEmail(this.email.value);">

<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td valign="top" >
<style="font-family:lucida calligraphy;font-size:100%;color:maroon">Name:
</td>
<td valign="top">
<input type="text" name="name" id="name" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
Phone Number
</td>
<td valign="top">
<input type="text" name="Phone" id="Phone" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
Email Address:
</td>
<td valign="top">
<input type="text" name="email" id="email" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
Will You Attend
</td>
<td valign="top">
<input type="radio" name="Attendance" id="Attendance_0" value="Yes" onClick="radio_selection='yes'" /> Yes
<input type="radio" name="Attendance" id="Attendance_1" value="No" onClick="radio_selection='no'"/> No
<input type="radio" name="Attendance" id="Attendance_2" value="Maybe" onClick="radio_selection='maybe'"/> Maybe<br/>

</td>
</tr>
<tr>
<td valign="top">
Adults
<select name ="adults" id="Adults" >
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option> <option>8</option>
<option>9</option>
<option>10</option>
</select>
</td>
<td valign="top">
Kids
<select name="kids" id="Kids" >
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option> <option>8</option>
<option>9</option>
<option>10</option>
</select>
</td>
</tr>

<tr>
<td valign="top">
Post a Note
</td>
<td valign="top">
<textarea name="Note" id="Note" rows="6" cols="35"></textarea>

</td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" value=" Submit Form " />
</td>
</tr>
</table>
</form>
</html></body>

Hello folks:

I've got an html table populated by a php foreach routine. One field in this table is an Input type=checkbox. The goal is to run a javascript function when the user checks the checkbox. But, since the checkbox is in a table populated by a foreach routine, I'm having some problems. Below is the applicable code for my table:

<?php
foreach($results as $row)
{
$bk_owner = $row['BookOwner'];
$addrss_owner = $row['AddressOwner'];
$f_name = $row['FName'];
$l_name = $row['LName'];
$email = $row['EmailAddress'];
$d_phone = $row['DeskPhone'];
$ext = $row['Ext'];
$cell = $row['CellPhone'];
$title = $row['Title'];

echo "<tr>";
echo "<td class='a'>".$l_name ."</td>";
echo "<td class ='a'>".$f_name ."</td>";
echo "<td class ='c'>".$email ."</td>";
echo "<td class ='a'>".$d_phone ."</td>";
echo "<td class='b'>".$ext."</td>";
echo "<td class='a'>".$cell."</td>";
echo "<td class='c'>".$title."</td>";
echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";
echo "</tr>";
}
echo"</tbody>";
?>

Specifically, note this line:

echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";

the value is set to $address_owner. This value is a primary key value and will allow me to run routines related to the record chosen when the checkbox is checked.

Following is the javascript code for selectFunction():

function selectFunction(){
var check = document.getElementById("chk_Bx").checked;
var val = document.getElementById("chk_Bx").value;
alert(val);
}

At this point the javascript is very simple. All I'm trying to do is pick up applicable values for the record selected. But - I believe because the table is populated through a foreach loop, the javascript alert is returning the same primary key value for every record checked (or unchecked).

Also, if I alert out check, it continually returns false, even if I've checked the box and it should read true. I am assuming this is also related to the foreach table presentation.

How do I grab ONLY the primary key value, or checked true/false for the applicable record?

Thanks in advance:

Pavilion

I want to learn javascript and I found codecademy.com which seems like a great way to learn the language. Before the first lesson it says

Quote:
You should be comfortable with loops, if statements, functions, and objects before attempting this course.
Can someone explain what these are or point me in the direction where I can find the answers? I tried searching with google, but I havent found anything that clearly states what exactly the loop, object, etc. is.

Hi, I haven't really done any JavaScript programming and need help writing a couple of functions for a very basic sudoku game I am trying to build. Basically I want it to highlight which in green the correct answers and red the wrong ones. The names of the input fields of the table cells are the correct answer so I need a function that will compare the name of and input with the value, if the match then change the cell green, if not turn it red. Bellow is the code i have written with unessecary parts taken out
Code:

<?php
$level = array
	(
		"Easy" => array
			("9","4","6","2","8","7","3","5","1","5","8","3","6","1","9","7","4","2","2","1","7","5","4","3","6","9","8","8","6","5","4","3","2","1","7","9","7","2","1","9","6","5","4","8","3","4","3","9","1","7","8","5","2","6","6","7","8","3","2","4","9","1","5","3","9","4","8","5","1","2","6","7","1","5","2","7","9","6","8","3","4"),
		"Medium" => array
			("6","5","9","8","2","4","3","1","7","4","3","1","5","9","7","8","2","6","8","7","2","1","3","6","9","5","4","2","6","5","9","4","8","7","3","1","1","9","7","6","5","3","4","8","2","3","4","8","7","1","2","6","9","5","9","2","6","4","8","5","1","7","3","7","1","3","2","6","9","5","4","8","5","8","4","3","7","1","2","6","9"),
		"Hard" => array
			("9","8","3","7","2","1","6","5","4","7","6","5","8","4","9","3","2","1","1","2","4","3","6","5","7","9","8","8","1","7","9","5","6","2","4","3","3","4","6","2","1","8","5","7","9","5","9","2","4","7","3","1","8","6","6","7","8","5","3","4","9","1","2","4","5","1","6","9","2","8","3","7","2","3","9","1","8","7","4","6","5")
	);

$mask = array
	(
		"Easy" => array
			("0","4","6","2","8","0","0","0","0","5","0","0","6","0","0","7","4","0","2","0","0","0","0","0","0","0","0","0","0","5","0","3","2","0","7","0","0","2","1","0","0","0","4","8","0","0","3","0","1","7","0","5","0","0","0","0","0","0","0","0","0","0","5","0","9","4","0","0","1","0","0","7","0","0","0","0","9","6","8","3","0"),
		"Medium" => array
			("0","0","0","8","0","0","0","1","7","4","3","0","0","0","0","0","0","0","0","0","2","0","0","0","9","0","0","2","0","0","0","0","8","0","0","0","0","9","7","6","0","3","4","8","0","0","0","0","7","0","0","0","0","5","0","0","6","0","0","0","1","0","0","0","0","0","0","0","0","0","4","8","5","8","0","0","0","1","0","0","0"),
		"Hard" => array
			("9","0","0","0","0","1","0","5","0","7","6","5","0","0","0","0","0","0","1","0","0","3","0","0","0","0","8","0","0","0","0","0","6","0","4","0","0","0","0","2","1","8","0","0","0","0","9","0","4","0","0","0","0","0","6","0","0","0","0","4","0","0","2","0","0","0","0","0","0","8","3","7","0","3","0","1","0","0","0","0","5")
	);
	
$difficulty = $_GET["difficulty"];
$style = $_GET["style"];

?>
<!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>
		<script src="sudoku.js" language="javascript" type="text/javascript"></script>
	</head>
	<body>
		<div id="wrap">
		</div>
			<div id="nav">
			<div class="option-item">
					<form action="index.php" method="get">
						<input type="submit" name="difficulty" value="Easy" />
						<input type="submit" name="difficulty" value="Medium" />
						<input type="submit" name="difficulty" value="Hard" />
					</form>
				</div><input type="button" class="control-button" onclick="checkStatus()" value="How am I Doing?" />
			</div>
			<div id="main">
				<form name="f">
<?php
$box = $mask[$difficulty];
?>
				<table class="root-table">
					<tr>
						<td>
							<table class="box box-one">
								<tr>
									<td><input type="text" size="1" name="<?php echo $level[$difficulty][0]; ?>" value="<?php if ($mask[$difficulty][0] > 0) echo $mask[$difficulty][0]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][1] > 0) echo $mask[$difficulty][1]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][2] > 0) echo $mask[$difficulty][2]; ?>" /></td>
								</tr>
								<tr>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][9] > 0) echo $mask[$difficulty][9]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][10] > 0) echo $mask[$difficulty][10]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][11] > 0) echo $mask[$difficulty][11]; ?>" /></td>
								</tr>
								<tr>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][18] > 0) echo $mask[$difficulty][18]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][19] > 0) echo $mask[$difficulty][19]; ?>" /></td>
									<td><input type="text" size="1" value="<?php if ($mask[$difficulty][20] > 0) echo $mask[$difficulty][20]; ?>" /></td>
								</tr>
							</table>

Q1. write a function called countAS that will take a string as input (using a prompt dialog box,prompt the user or the string).the string must contain only a's,b's and c's e.g. "abccbbaa" or "aaabbbccc" if any other letters are present apart from the letters a b c, output an alert dialog box with an error message and prompt the user again to input a valid string.count the number of a's the numbers of b's and the numbers of c's entered and display the count for each as well as a total count of all the characters within the string .

for example if the string was abbcc output should be as follows:
the total count is 5 characters
The Number of a's is 1
The Number of b's is 2
The Number of c's is 2

Q2. write a code that uses an event handler to display an alert dialog box with the message 'hello to you all' when a user clicks a link in a html page which links to the school of computing website.

I am trying to do a custom add to cart to use with paypal and need to utilize javascript to achieve inserting some code or a weight value per the paypal forms' options choice. Here is my dilemma, All of my items have multiple weights, for instance the below example called Aqua Max 100 comes in .5lbs, 1.5lbs., 10lbs., 20lbs., and 50lbs. Paypal allows you to enter weight but it's one weight per item and I would have to create 5 Paypal buttons just for this one item to calculate the different weights per zip code. I need help making javascript insert the following code within the paypal forms' code upon option select before clicking submit?

<input type="hidden" name="weight" value=".5">
<input type="hidden" name="weight_unit" value="lbs">

<input type="hidden" name="weight" value="1.5">
<input type="hidden" name="weight_unit" value="lbs">

<input type="hidden" name="weight" value="10
<input type="hidden" name="weight_unit" value="lbs">

<input type="hidden" name="weight" value="20
<input type="hidden" name="weight_unit" value="lbs">

<input type="hidden" name="weight" value="50
<input type="hidden" name="weight_unit" value="lbs">

The code I came up with is wrong as I'm getting an error but I was originally trying to make it enter a weight using a hidden fillable number and without any real javascript training, just alot of googling but I think I'm pretty close. Please take a look at the code I've came up with so far and maybe point me in the correct direction:

<html>
<body>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr"
method="post">
<input type="hidden" name="cmd" value="_cart"> <input type="hidden"
name="business" value="test@test.com">
<input type="hidden" name="currency_code" value="USD"> <input type='hidden'text'
name='amt' id='amt' value="0.00"/>
<table>
<tr>
<td>
<input type="text" name="on0" value="Aqua Max 100">Aqua Max 100</td></tr>
<tr><td>
<select name="os0" onChange="getamt()">
<option value="select">Please Select</option>
<option value="1/2 lb.">1/2 lb. $3.99 USD</option>
<option value="1 - 1/2 lbs">1 - 1/2 lbs $7.59 USD</option>
<option value="10 lbs.">10 lbs. $25.80 USD</option>
<option value="20 lbs.">20 lbs. $42.75 USD</option>
<option value="50 lbs.">50 lbs. $86.20 USD</option>
</select></td></tr> </table>
<script type="text/javascript"> function getamt() {
var sh=0;
var choice = document.getElementById("os0").selectedIndex;
if (choice == 0)
{ sh=0; }
if (choice == 1)
{ sh=.5; }
if (choice == 2)
{ sh=1.5; }
if (choice == 3)
{ sh=10; }
if (choice == 4)
{ sh=20 }
if (choice == 5)
{ sh=50.00; }
document.getElementById("on0").value=sh;
}
</script>
<input type="image" src="https://images.paypal.com/images/sc-but-03.gif"
border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" /> <img
alt="" border="0"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1"
height="1">
</form>
</body>
</html>

I'm having a total brain fart as to why this is happening. I just transferred my company's website from aplus.net servers to a linux based server on GoDaddy. My company's "shop" page has a drop down menu which should automatically re-direct you to a different page (on a different website where our shopping cart is hosted) when the option is selected.

For some reason, after the switch to a different host, the option tags are no longer re-directing to the proper pages. Instead, they just tack on the value URL onto the existing URL and i just go in circles.

javascript:

<script language="JavaScript" type="/text/javascript">
function nav()
{
var w = document.myform.mylist.selectedindex.html;
var url_add = document.myform.mylist.options[w].value;
window.location.href = url_add;
}
</script>

HTML for options form:

<FORM NAME="myform">
<SELECT NAME="mylist" onChange="nav()">
<OPTION VALUE="http://bedvoyage.com/shop">Select Your Product
<OPTION VALUE="http://bedvoyage.myshopify.com/products/twin-sheet-set">Sheet Set - Twin - $139.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/double-sheet-set">Sheet Set - Double - $159.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/queen-sheet-set">Sheet Set - Queen - $179.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/king-sheet-set">Sheet Set - King - $199.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/twin-pillow-case">Pillow Case - Twin - $20.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/double-pillow-case">Pillow Case Set - Double - $40.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/queen-pillow-case">Pillow Case Set - Queen - $42.00
<OPTION VALUE="http://bedvoyage.myshopify.com/products/king-pillow-case">Pillow Case Set - King - $45.00
<option value="http://bedvoyage.myshopify.com/products/zippered-travel-pillow-case">Zippered Travel Pillow Case - $19.00 &lt;!-- &lt;OPTION VALUE=&quot;http://bedvoyage.myshopify.com/produ...uot;&gt;Travel Blanket - $39.00 --&gt;
</SELECT>
</FORM>

Is there an option on godaddy that i'm just missing out on that i'm too ignorant to notice? Thanks in advance.