Learn VBA & Macros in 1 Week!

JavaScript - Onclick For Right Mouse Button?

Full Excel VBA Course - Beginner to Expert

Onclick For Right Mouse Button?	View Content

I'm a newbie Javascript coder and I've run into a little problem. I hope someone can help me with it.

The idea is that I've got a bunch of images, and I want one thing to fire when left-clicking them and a different thing when right-clicking. For the purpose of this thread I've replaced the 'things' with alerts.

this is the part that gets added to the images (called 'plaatje'):
Code:

plaatje.onclick = klik;

this is the function that gets executed when clicked.
Code:

function klik(event) {
	var fotoID = event.target.id;
	if (event.button == 0) {
		alert("Left click on " + fotoID + "!");
	} else if (event.button == 2) {
		event.preventDefault();
		alert("Right click on " + fotoID + "!");
}	}

I've added the "event.preventDefault();" part because I was told that would prevent the right-click menu from popping up.

The problem is that the left-click part of the code works perfectly, but the right-click part does nothing. The right-click menu comes up as normal and the alert never shows.

Can anyone tell me what I'm doing wrong?

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Javascript Onclick=window.open, Problem With Mouse Right-hand Context Menu

Radio Button Onclick

Help With Onclick Submit Button

How To Change Button Value Onclick?

Disabling A Button Onclick

Radio Button Onclick

Not Even Sure Why It Won't Work - Button Onclick Event

Javascript For Radio Button Onclick

Button Onclick Event Not Firing

Disable Submit Button After Onclick

Problem With Radio Button Onclick

Onclick With Radio Button And Image

Fading Out A Table With Javascript Onclick Button

How To Use Onclick For Submit With Input Type 'button'?

How Does This Button Without Onclick, Post Etc Call Javascript?

Tricky Onclick Div Swap And Button Change With Toggle!

Make Onclick Event On Javascript Button To Working

Button Switch Text And Call Different Functions On Onclick

How To Run A Gif Animation And Random Image Function From An Html Button Onclick?

Problems Hiding A Select Form Element From A Radio Button Using Onclick

Learn VBA & Macros for Excel in 1 Week!

Javascript Onclick=window.open, Problem With Mouse Right-hand Context Menu

Similar Tutorials

Using onclick=window.open function in js to open a pdf file link in a new popup window.

Works fine to display the file onscreen, but not if the user wants to save the file client-side to their computer.

The right-hand-button context menu for the mouse will allow the user to download, but the file saved will be a html dump file for the webpage
and the name of the file will be that for the webpage.
Of course I can use the easy <a href> method for download links and the mouse context menu options will be as expected,
but I can only use target="-blank" or target="_self" .
I need a popup window to open.

Could use :
oncontextmenu="alert('Left click the link to open, and then SAVE from with the pdf viewer')
to advise users how to save the file, and could use
"javascript: void(0)"
to eliminate most mouse context menu options, so the user won't bother try.

So how can I get a link to a file which can be viewed in a popup window and downloaded using mouse right-hand context menu?

Any advice massively appreciated!

Radio Button Onclick

Similar Tutorials

hi guys

im trying to check whether a radio button is checked when i click it, but the javascript onlick event is not acting cool! when i click an unselected radio button i am informed that the unselected radio button i just clicked is in fact checked, when i should be getting the information the no, the radio button was not checked when i clicked it. any idea how to get the previous state of a radio button onclick?

Help With Onclick Submit Button

Similar Tutorials

I'm trying to get a submit button to open a thank you page I created (i.e. thankyou.html) only after the user has filled out a series of questions for a form. If they don't fill out the required information, a pop up box informs them to fill out the section (this I have accomplished). I cannot get the submit button to not work if the fields are left un-answered. Can you guys help?

Thanks for you help.
--------------------------------------------------------------------------

This is what I have so far:

<title>Customer Demographic Data Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" ></meta>
<style type="text/css">
body {
font-family: Times New Roman;
color: navy;
background-color: #CCC
}
h1, h2, h5 { font-family: Times New Roman; color: black }
body,td,th {
color: #000;
font-family: Times New Roman, Times, serif;
}
h1 {
color: #000;
}
h2 {
color: #000;
}
h5 {
color: #000;
}
a {
font-family: Times New Roman, Times, serif;
}
h1,h2,h3,h4,h5,h6 {
font-family: Times New Roman, Times, serif;
}
</style>

<script type="text/javascript">

function checkForNumber(fieldValue) {
var numberCheck = isNaN(fieldValue);
if (numberCheck == true) {
window.alert("Please enter a numeric value!");
return false;
}
}

function confirmSubmit() {
var email = document.forms[0].email.value;
if (document.forms[0].fname.value == ""
|| document.forms[0].lname.value == "")
{
window.alert("Please enter your first and last name.");
document.forms[0].lname.focus();
return false;
}
else if (document.forms[0].address1.value == ""
&& document.forms[0].email.value == "")
{
window.alert("Please enter your Mailing Address or Email Address!");
document.forms[0].address1.focus();
return false;
}
else if (email.indexOf("@") == -1
&& document.forms[0].email.value != "")
{
window.alert("Please enter a valid e-mail address.");
document.forms[0].email.focus();
return false;
}
else if (email.indexOf(".") == -1
&& document.forms[0].email.value != "")
{
window.alert("Please enter a valid e-mail address.");
document.forms[0].email.focus();
return false;
}

else if(document.forms[0].city.value == '')
{
window.alert("Please enter your City");
document.forms[0].city.focus();
return false;
}
else if(document.forms[0].state.value == '')
{
window.alert("Please enter your State");
document.forms[0].state.focus();
return false;
}
else if(document.forms[0].zip.value == '')
{
window.alert("Please enter your Zip Code");
document.forms[0].zip.focus();
return false;
}

checkCookie()
}

function checkCookie()
{
var formInfo = decodeURI(document.cookie);
var userInfo = formInfo.split("; ");
var lname = userInfo[0].split("=");
var fname = userInfo[1].split("=");

if (lname[1] == document.forms[0].lname.value
&& fname[1] == document.forms[0].fname.value)

{
this.close(true);
window.open("FormDenied.html");
return false;

}
else
{
setCookie();
return true;
}

}

function setCookie()
{
var expiresDate = new Date();
expiresDate.setFullYear(expiresDate.getFullYear() + 1);
document.cookie = encodeURI("lname=" + document.forms[0].lname.value) + "; expires=" + expiresDate.toUTCString();
document.cookie = encodeURI("fname=" + document.forms[0].fname.value) + "; expires=" + expiresDate.toUTCString();

window.alert("Your information has been saved.");
}

</script>
</head>

<body>
<p> </p>
<h1 align="left" style="text-align: left">Kudler Fine Foods contact form</h1>
<form action="" method="get" enctype="application/x-www-form-urlencoded"
onsubmit="return confirmSubmit();"
onreset="return confirmReset();" >
<blockquote>
<h2><u>Name</u></h2>
<p>
<input type="text" name="fname" id="fname" size="25" />
<label for="fname"><strong>First Name</strong><br>
<br>
</label>
<input type="text" name="lname" id="lname" size="15" />
<strong>Last Name</strong></p>
<h2>---------------------------------------<br>
<u>Address</u> </h2>
<p>
<input type="text" name="address1" id="address1" size="30" />
<label for="address1"><strong>Address Line 1</strong></label>
</p>
<p>
<input type="text" name="address2" id="address2" size="20" />
<strong>Address Line 2<br>
<br>
</strong>
<input type="text" name="city" id="city" size="20" />
<strong>City</strong> </p>
<p>
<input type="text" name="state" id="state" size="2" />
<label for="state2"><strong>State</strong></label>
</p>
<p>
<input type="text" name="zip" id="zip" size="10" maxlength="10" onChange="return checkForNumber(this.value);" />
<label for="zip2"><strong>Zip Code</strong></label>
</p>
<h2>--------------------------------------- </h2>
<h2> <u>Other Information</u></h2>
<table>
<tr>
<td width=300><strong>Telephone</strong></td>
<td width=300><p><strong>Email address:</strong></p></td>
</tr>
<tr>
<td>
<input type="text" name="area" id="area" size="3" maxlength="3" onChange="return checkForNumber(this.value);" />
<input type="text" name="exchange" id="exchange" size="3" maxlength="3" onChange="return checkForNumber(this.value);" />
<input type="text" name="phone" id="phone" size="4" maxlength="4" onChange="return checkForNumber(this.value);" /></td>
<td>
<input type="text" name="email" id="email" size="30" /></td>
</tr>
</table>
</blockquote>
<h5> </h5>
<blockquote><blockquote>
<h3 align="center">
<input name="Submit" type="button"

</h3>
</blockquote>
</blockquote>
</form>
</body>
</html>

How To Change Button Value Onclick?

Similar Tutorials

How do I change the Button's value onClick?

I want it to initially be "Read More" and then change to "Show Less"

Code:

<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
}
else{
e.style.display="none"
}
return true;
}
</script>
<div>Why are we going to stop making investments in companies like this?</div>
<span id="obamaenergyapril212011" style="display:none;">
END 12:50 P.M. PDT</span>
<input type="button" name="obama" onclick="return toggleMe('obamaenergyapril212011')" value="Read/Hide More" >

Disabling A Button Onclick

Similar Tutorials

What have I done wrong here?

<INPUT id="purchase" onclick="document.getElementById("purchase").disabled = true;" type="submit" value="PURCHASE">

Radio Button Onclick

Similar Tutorials

As the code example below shows, I have three radio buttons that perform an javascript action when selected.

Code:

<script language="javascript"> 
function OnProductClick(product) 
{	
	if (product.value == "Car")
	{			
		// do something
	}
	else if (product.value == "Boat")
	{
		// do something else..
	}
	else if (product.value == "Train")
	{
		// do else
	}
}
</script> 

<p>Select option
	<input type="radio" name="product" onclick="OnProductClick(this)" value="Car">Car</input>
	<input type="radio" name="product" onclick="OnProductClick(this)" value="Boat"> Boat</input>
	<input type="radio" name="product" onclick="OnProductClick(this)" value="Train">Train</input>
</p>

This setup is triggerred by a click, clicking multiple times on the same radio button will yield multiple calls to the OnProductClick function. This last part is what I would like to prevent. Say a user selects the option 'car' and then for some reason clicks on the same option again, this will lead to the OnProductClick function being executed twice. How can I prevent the second execution?

Not Even Sure Why It Won't Work - Button Onclick Event

Similar Tutorials

I have identical code in my index that works, so I'm just guessing the error is somewhere else, I know IE is not the best target to aim for - but I really want this to work in the windows default browser....

Here is the php page...
PHP Code:
<HTML>
    <HEAD>
        <TITLE>
            Family Home Page
        </TITLE>
        <SCRIPT TYPE="text/javascript" SRC="AddFamilyMemeber.js">
        </SCRIPT>
    </HEAD>
    <BODY>
        <TABLE>
            <TR>
                <TD>Father:</TD>
                <TD>
                    <SELECT ID="Father">
                        <?PHP
                            $con=mysql_connect("localhost","XXXX","XXXX");
                            if (!$con)
                            {
                                die('Could not connect: '.mysql_error());
                            }
                            mysql_select_db("XXXX",$con);
                            $result=mysql_query("SELECT * FROM FamilyMembers");
                            while ($row=mysql_fetch_array($result))
                            {
                                echo "<OPTION VALUE=\"".$row['ID']."\">".$row['FirstName']." ".$row['MiddleName']." ".$row['LastName']."</OPTION>";
                                echo "<BR/>\n";
                            }
                            mysql_close($con);
                        ?>
                    </SELECT>
                </TD>
            </TR>
            <TR>
                <TD>Mother:</TD>
                <TD>
                    <SELECT ID="Mother">
                        <?PHP
                            $con=mysql_connect("localhost","XXXX","XXXX");
                            if (!$con)
                            {
                                die('Could not connect: '.mysql_error());
                            }
                            mysql_select_db("XXXX",$con);
                            $result=mysql_query("SELECT * FROM FamilyMembers");
                            while ($row=mysql_fetch_array($result))
                            {
                                echo "<OPTION VALUE=\"".$row['ID']."\">".$row['FirstName']." ".$row['MiddleName']." ".$row['LastName']."</OPTION>";
                                echo "<BR/>\n";
                            }
                            mysql_close($con);
                        ?>
                    </SELECT>
                <TD>
            </TR>
            <TR>
                <TD>FirstName:</TD>
                <TD><INPUT TYPE="text" ID="FirstName"/></TD>
            </TR>
            <TR>
                <TD>MiddleName:</TD>
                <TD><INPUT TYPE="text" ID="MiddleName"/></TD>
            </TR>
            <TR>
                <TD>LastName:</TD>
                <TD><INPUT TYPE="text" ID="LastName"/></TD>
            </TR>
        </TABLE>
        <BUTTON TYPE="button" ONCLICK="Submit()">Submit</BUTTON>
        <BUTTON TYPE="button" ONCLICK="Abort()">Abort</BUTTON>
    </BODY>
</HTML>

and here is the javascript that works in the index but not here...
Code:

function Abort()
{
	document.location="AddFamilyMember.php";
};

When I load the page everything looks ok, but click on the abort button, and all that happens is that the little error symbol pops in the lower left of IE. The names of the two files are "AddFamilyMember.php" and "AddFamilyMember.js".

Sorry, but I honestly can't see where the problem is....

Javascript For Radio Button Onclick

Similar Tutorials

I am very new Beginner of Javascript..
My query is that
1)I have 2 radio buttons A and B
2)When I click A I want 2 dropdownbox and a button to be displayed
3)When I click B I want 2 dropdownbox to be displayed.
4)Both should be independent

Plz tell me the code..for this

Button Onclick Event Not Firing

Similar Tutorials

I am using 2 ajax functions in the program. One for login and one for logout.
The login one is showUser which is working correctly by using the form onsubmit method, however the logout button (IN BOLD) onclick method is not working. Pls help.

Code:

<form  onsubmit="showUser(document.getElementById('uid').value,document.getElementById('pass').value);return false;" >
  <div id="txt"><b>Enter your username </b>
    <input type="text" name= "username" id="uid">
    <br>
  <b>Enter your password</b> <input type="password" name="pass" id="pass">
  <br></div>
  <div id="txt1" style="display : none">help</div>
  <input type="submit" value="Login" /> 
 <input type="button" onclick="logout(document.getElementById('uid').value); return false; " name="logout" value="Logout" />
 <input type="button" value="Register" class="register"/>
</form>

Disable Submit Button After Onclick

Similar Tutorials

All,
I have the following code:
Code:

<input type="button" name="button" value="Submit" 
   onclick="javascript:get(this.myform);">

How can I change this to make this button disabled after the onclick?

Thanks in advance.

Problem With Radio Button Onclick

Similar Tutorials

Hi there,
I'm soo stuck on particular piece of code..

You see i have 2 radio buttons with values 12hr and 24hr; on clicking any of the above the time format should change automatically.

by default the time format comes in 12hr format against onload event of <body>.

I've tried using javascript but this problem is persisting...

Can anyone help me pleassssse..

Onclick With Radio Button And Image

Similar Tutorials

I just started my javascript class two weeks ago and am having troubles already and my book is no help.

My first assignment is having a list of country names and when you click the radio button next to the name the country flag pops up in a designated area for the image. I have tried a few different things but nothing is working. I have the list of countrys and the radio buttons but when i click the radio button the image doesn't pop up. Also, when i click another radio button they all stay selected.

Fading Out A Table With Javascript Onclick Button

Similar Tutorials

I need to make a table fadeout with JavaScript when I click a button. The table is simple.
Code:

<table id="users_table" style="border:1px solid #000;border-collapse: collapse;" border='1'>
	<tr class="dataRow">
		<td>11</td>
		<td>12</td>
		<td>13</td>
	</tr>
	<tr class="dataRow">
		<td>21</td>
		<td>22</td>
		<td>23</td>
	</tr>
	<tr id="row3" class="dataRow">
		<td>31</td>
		<td>32</td>
		<td>33</td>
	</tr>
	<tr class="dataRow">
		<td>41</td>
		<td>42</td>
		<td>43</td>
	</tr>
</table>

There is a button that calls a function called fadeout(). I cannot find a way to make the table fade out with just that one function. Is that even possible? If not, what other functions are necessary to make this happen?

How To Use Onclick For Submit With Input Type 'button'?

Similar Tutorials

Below is a script I found at http://bytes.com/topic/javascript/an...cookie-problem

The idea is a like button, like on fb, in a form which updates a db field I can use to display the number of likes, and my goal is to disable the like button for the rest of the session, or a day, or whatever. This script disables it onclick, the problem is I can't figure out how to get it to submit the form as well.

I have found it does submit if the input type is 'submit', but then it doesn't call the disable function. I tried writing another function to submit the form but no go.

Code:

<html>
<head>
<title>Vote Button</title>
<script type="text/javascript">
function checkForVote()
{
    // If there is a cookie...
    if(document.cookie != "")
    {
        if(getCookie("voted") == 1)
        {
            // Disable the button again if user already voted. 
            disableButton();
        }
    }
}
 
function disableButton()
{
    var submitvote = document.getElementById("submitvote");
    submitvote.disabled = true;
    submitvote.value = "You Already Voted.";
}
 
function setCookie(name, value, days)
{
    if(days) 
    {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires = " + date.toGMTString();
    }
 
    else 
    {
        var expires = "";
    }
 
    document.cookie = name + "=" + value + expires + "; path=/";
 
    // Disable the button as soon as the user clicks it.
    disableButton();
}
 
function getCookie(name) 
{
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
 
    for(var i=0; i < ca.length; i++) 
    {
        var c = ca[i];
 
        while (c.charAt(0)==' ') 
        {
            c = c.substring(1,c.length);
        }
 
        if (c.indexOf(nameEQ) == 0) 
        {
            return c.substring(nameEQ.length,c.length);
        }
    }
 
    return null;
}
 
</script>
</head>
 
<body>
<form name="voteform" id="voteform" action="foo.php" method="post">
<input type="button" name="submitvote" id="submitvote" onclick="setCookie('voted', 1, -1);" value="Submit Vote"/>
</form>
</body>
<script type="text/javascript">
// Run checkForVote() at end of document so that form and contents can be referenced
window.onload = checkForVote();
</script>
</html>

How Does This Button Without Onclick, Post Etc Call Javascript?

Similar Tutorials

I am trying to understand a button that calls a script without any onclick event, post or similar. I do not have a clue ...
This is the code of the button
Code:

<div class="sNR"> <button type="button" class="sLR" id="gwt-debug-searchPanel-searchButton">Suchen</button> </div>

From:
Code:

https://adwords.google.com/o/Targeting/Explorer?__u=1000000000&__c=1000000000&ideaRequestType=KEYWORD_IDEAS#search.none

Is there any software that help would help me?

PS: You need firebug or an equivalent to view the code.

Tricky Onclick Div Swap And Button Change With Toggle!

Similar Tutorials

Hello guys, first post so please be kind.

Usually try and find a solution and edit to work for me but this time its a little trickier.

I need a script and code that can toggle the contents of a div, while changing the button appearance but !! the button images and content have to be external to the script as the content and images will be loaded from a database on the page and duplicated on page.

ideally what I want is say 3 buttons.

button1img button2img button3img <// that when clicked control

<div id=target><this target content is now set to 2></div> //and toggle between options

and only one at a time can be on.

The button images and content have to be set outside of the initial script (reason it will be duplicated several times on page) and it cant be a call page 'content1.html' either as it needs to be created from a db on the page.

if anyone can help it will be MUCH appreciated, as im pulling my hair out trying to combine 3 different scripts that are all written differently.

i understand this is a little trickier, im hoping it is possible.

cheers
steve

Make Onclick Event On Javascript Button To Working

Similar Tutorials

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
    mydWindow=open("secondary.html", "yes");
    }

    </script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');

}

function closeChild(){
    if(winChild){
         winChild.close();
    }
}


var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
	if(fSubject.length>0){
	if(isNaN(fSubject)){fSubject="";}
	else{opener.alert("Please enter figure");}
	numSub=parseInt(fSubject);
	if(numSub==5){var strSub="abcde";}
	self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
	var mercy="<HTML><BODY>"
	mercy +="<CENTER>"
	sub=new Array(strSub.length);
	for(var i=0; i<sub.length; i++){
	m++;
	mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
	opener.alert("You have entered" +m +"subjects");
	}
	}
	mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
	self.document.write(mercy +"<BR>");
	self.document.bgColor="pink";
	newWindow();

document.write("<center><input type=\"button\"  name=\"  submit\"  value=\"SUBMIT\" onClick=newWindow('winChild','child.htm',100,100,200,200)><center>");
}

</script>
</head>
<body onload='me()' onFocus="closeChild();" onUnLoad="closeChild()">

<form></form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var winGrandChild;
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winGrandChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');
}
function closeGrandChild(){
    if(winGrandChild){
         winGrandChild.close();
    }
}
//-->
</SCRIPT>

</HEAD>


<BODY onFocus="closeGrandChild();" onUnload="closeGrandChild();">
<form>
<INPUT type="button" value="Open Window" name=button1 onClick=newWindow('winGrandChild','grandchild.htm',200,200,200,200)>
<form>
</BODY>
</HTML>

can somebody please tell me what need done. Everything is working fine except for the button created in javascript that is in the second window which is to open the third window. Thanks.

Button Switch Text And Call Different Functions On Onclick

Similar Tutorials

Hi,
This button changes the button text when clicked, but it is always calling the same function. How to make the button depending on the button text to call different functions on onclick?

[CODE]
<script type = "text/javascript">
function button_switch(){
if (document.switch_form.switch_b.value == "Adam"){
document.switch_form.switch_b.value="Eva";
}
else{
document.switch_form.switch_b.value = "Adam";
}
}
</script>

<form name = "switch_form">
<input type = "button" name = "switch_b" id = "switch_b" value = "Adam" onclick = "button_switch()" />
</form>
[CODE]

How To Run A Gif Animation And Random Image Function From An Html Button Onclick?

Similar Tutorials

Problems Hiding A Select Form Element From A Radio Button Using Onclick

Similar Tutorials

Greetings!

I'm trying to disable some form elements using the onclick from a radio input element. It ain't working so great!

I googled around and finally scraped together some code that in theory 'I' think should work. I'm no javascript guru! It has to be some tiny tiny thing I'm missing.

Here's my code and mind you this is a project in the making! I still have along way to go!

Thanks for you time and help!

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" xml:lang="en">
<head>
	<title>Empty Page</title>

<script type='text/javascript'>
function setReadOnly(obj)
{
if(obj.value == "1")
{
document.shiftreport.artprogs.disabled = true;
document.shiftreport.artprog_stat.disabled = true;

} else {
document.shiftreport.icprogs.disabled = true;
document.shiftreport.icprog_stat.disabled = true;
}
}
</script>	
	
</head>

<body>

<?php 

include_once('form_input_functions.php');

$artprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
						
$artprog_wfls = array('no_job' => '------- select a job -------',
					  'ARTPROG/WFL/DAILY/BATCH' => 'ARTPROG/WFL/DAILY/BATCH',
					  'ARTPROG/WFL/OPERATIONS/IMAGE' =>	'ARTPROG/WFL/OPERATIONS/IMAGE',
					  'ARTPROG/WFL/WKLY/BATCH' => 'ARTPROG/WFL/WKLY/BATCH',
					  'ARTPROG/WFL/DAILY/CLAIMS' => 'ARTPROG/WFL/DAILY/CLAIMS'
					  );

$bllyprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
					  
$bllyprog_wfls = array('no_job' => '------- select a job -------',
					  'BLLYPROG/WFL/DAILY/SISCHEDPAY' => 'BLLYPROG/WFL/DAILY/SISCHEDPAY',
					  'BLLYPROG/WFL/DAILY/REPORTS' => 'BLLYPROG/WFL/DAILY/REPORTS',
					  'BLLYPROG/WFL/WKLY/REPORTS/GYPSUM' => 'BLLYPROG/WFL/WKLY/REPORTS/GYPSUM',
					  '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP',
					  '$UTIL/O/AUDIT/CLOSE/BLLY' => '$UTIL/O/AUDIT/CLOSE/BLLY',
					  'DATASIWH/EXTRACTALL/DAILY/AUD/WFL' => 'DATASIWH/EXTRACTALL/DAILY/AUD/WFL',
					  );

$sbwcprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
					  
$sbwcprog_wfls = array('no_job' => '------- select a job -------',
					   'WORKPROG/WFL/DAILY/WAREHOUSE' => 'WORKPROG/WFL/DAILY/WAREHOUSE',
				      '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP',
				      '$UTIL/O/AUDIT/CLOSE/WORKCOMP' => '$UTIL/O/AUDIT/CLOSE/WORKCOMP'
					  );
					  
$tcsprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
						
$tcsprog_wfls = array ('no_job' => '------- select a job -------',
					   'TCS/WFL/DAILY/BATCH' => 'TCS/WFL/DAILY/BATCH',
					   'BLPROG/WFL/COPY/REMOVE/GLCHECKS' => 'BLPROG/WFL/COPY/REMOVE/GLCHECKS'
					  );
					  
$icprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
					  
$icprog_wfls = array ('no_job' => '------- select a job -------',
					  'BLPROG/WFL/DAILY/INDCONT' => 'BLPROG/WFL/DAILY/INDCONT',
				      'INDCON/WFL/PRINT/IDCARDS' => 'INDCON/WFL/PRINT/IDCARDS',
				      'BLPROG/WFL/BATCH/NEWYORK/STATE-REPORT' => 'BLPROG/WFL/BATCH/NEWYORK/STATE-REPORT'
					 );

$truckprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
					 
$truckprog_wfls = array('no_job' => '------- select a job -------',
					    'TRUCKPROG/WFL/DAILY/TKINTMARSH' => 'TRUCKPROG/WFL/DAILY/TKINTMARSH',
						'TRUCKPROG/WFL/DAILY/TKINTERNET' => 'TRUCKPROG/WFL/DAILY/TKINTERNET',
						'TRUCKPROG/WFL/DAILY/BATCH' => 'TRUCKPROG/WFL/DAILY/BATCH',
						'TRUCKPROG/WFL/DAILY/TKSCHEDPAY' => 'TRUCKPROG/WFL/DAILY/TKSCHEDPAY',
						'TRUCKPROG/WFL/DAILY/REPORTS' => 'TRUCKPROG/WFL/DAILY/REPORTS',
						'BLPROG/WFL/DAILY/CLAIMS' => 'BLPROG/WFL/DAILY/CLAIMS',
						'TRUCKPROG/WFL/DAILY/AUDIT/PREMIUM' => 'TRUCKPROG/WFL/DAILY/AUDIT/PREMIUM',
						'TRUCKPROG/WFL/DAILY/BALRPT' => 'TRUCKPROG/WFL/DAILY/BALRPT',
						'PROG-MEDICAL/WFL/DAILY/PMCLMEXT' => 'PROG-MEDICAL/WFL/DAILY/PMCLMEXT',
						'AGPROG/WFL/DAILY/AGNUCOPREM' => 'AGPROG/WFL/DAILY/AGNUCOPREM',
						'BL/WFL/WKLY/FEDEX/0005' => 'BL/WFL/WKLY/FEDEX/0005',
						'TRUCKPROG/WFL/WKLY/DE542' => 'TRUCKPROG/WFL/WKLY/DE542',
						'TRUCKPROG/WFL/WKLY/FDXDISAB' => 'TRUCKPROG/WFL/WKLY/FDXDISAB',
						'TRUCKPROG/WFL/WKLY/FDXDISERR' => 'TRUCKPROG/WFL/WKLY/FDXDISERR',
						'BL/WFL/ONLINE/DUMP/TRUCKING' => 'BL/WFL/ONLINE/DUMP/TRUCKING',
						'DATATKWH/EXTRACTALL/DAILY/WFL' => 'DATATKWH/EXTRACTALL/DAILY/WFL',
						'(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP'
						);

$smallprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);						
						
$smallprog_wfls = array('no_job' => '------- select a job -------',
					    'SMALLPROG/WFL/DAILY/BATCH' => 'SMALLPROG/WFL/DAILY/BATCH',
					    'SMALLPROG/WFL/DAILY/CERTS' => 'SMALLPROG/WFL/DAILY/CERTS',
					    'SMALLPROG/WFL/OPERATIONS/PRINT' => 'SMALLPROG/WFL/OPERATIONS/PRINT',
					    'SMALLPROG/WFL/WKLY/BATCH' => 'SMALLPROG/WFL/WKLY/BATCH',
					    'SFCLAIMS/WFL/DAILY/DWHCLAIMS' => 'SFCLAIMS/WFL/DAILY/DWHCLAIMS',
						'SFCLAIMS/WFL/DAILY/REPORTS' => 'SFCLAIMS/WFL/DAILY/REPORTS',
						'SFCLAIMS/WFL/WEEKLY/REPORTS' => 'SFCLAIMS/WFL/WEEKLY/REPORTS',
						'BL/WFL/ONLINE/DUMP/SFDB/1WORKER' => 'BL/WFL/ONLINE/DUMP/SFDB/1WORKER',
						'$UTIL/O/AUDIT/CLOSE/SFDB' => '$UTIL/O/AUDIT/CLOSE/SFDB',
						'DATASFWH/EXTRACTALL/DAILY/WFL' => 'DATASFWH/EXTRACTALL/DAILY/WFL',
						'(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP'										
						);

$persauto_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);						
						
$persauto_wfls = array('no_job' => '------- select a job -------',
					   'PERSAUTO/WFL/DAILY/BATCH' => 'PERSAUTO/WFL/DAILY/BATCH',	
					   'PERSAUTO/WFL/OPERATIONS/IMAGE' => 'PERSAUTO/WFL/OPERATIONS/IMAGE',	
					   'PERSAUTO/WFL/OPERATIONS/PRINT' => 'PERSAUTO/WFL/OPERATIONS/PRINT',	
					   'PERSAUTO/WFL/WKLY/BATCH' => 'PERSAUTO/WFL/WKLY/BATCH',	
					   'PERSAUTO/WFL/DAILY/CLAIMS' => 'PERSAUTO/WFL/DAILY/CLAIMS',	
					   'BL/WFL/ONLINE/DUMP/DB1/1WORKER/FULL' => 'BL/WFL/ONLINE/DUMP/DB1/1WORKER/FULL',	
					   '$UTIL/O/AUDIT/CLOSE/DB1' => '$UTIL/O/AUDIT/CLOSE/DB1',	
					   'DATAWH/EXTRACTALL/DAILY/WFL' => 'DATAWH/EXTRACTALL/DAILY/WFL',	
					   'BL/WFL/OFFLINE/DUMP/WAREHOUSE' => 'BL/WFL/OFFLINE/DUMP/WAREHOUSE'											
					   );

$isoprog_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);						

$isoprog_wfls = array('no_job' => '------- select a job -------',
					  'ISOPROG/WFL/BATCH/ISOSAGDAILY' => 'ISOPROG/WFL/BATCH/ISOSAGDAILY'
					  );
					  
$bkuplive_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
						
$bkuplive_wfls = array('no_job' => '------- select a job -------',
					  'BL/WFL/ONLINE/DUMP/BLDB' => 'BL/WFL/ONLINE/DUMP/BLDB',
					  '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP',
					  '$UTIL/O/AUDIT/CLOSE/BLDB' => '$UTIL/O/AUDIT/CLOSE/BLDB',
					  'DATARDWH/EXTRACTALL/DAILY/REIN/WFL' => 'DATARDWH/EXTRACTALL/DAILY/REIN/WFL',
					  '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => '(BLPACK)BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP',
					  'BL/WFL/FICHE/DISK' => 'BL/WFL/FICHE/DISK'
					  );
					  
$testsite_status = array('none' => 'None',
						'stopped' => 'Stopped',
						'running' => 'Running',
						'completed' => 'Completed',
						);
						
$testsite_wfls = array('no_job' => '------- select a job -------',
				       'WFL/TESTLYON/DATABASE/ONLINE/DISABLE' => 'WFL/TESTLYON/DATABASE/ONLINE/DISABLE',
				       'UTIL/WFL/REMOVE/TESTLYON/BDFILES' => 'UTIL/WFL/REMOVE/TESTLYON/BDFILES',
				       'BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP' => 'BALDLYON/WFL/BLPACK/ARCHIVEANDBACKUP'					  
					  );
				
?>
	

<form method="POST" name="shiftreport" action="<?php print $_SERVER['PHP_SELF']; ?>">

<p>1st Shift <?php input_radiocheck('radio','shift','0','1','1'); ?></p>
<p>2st Shift <?php input_radiocheck('radio','shift','0','2','1'); ?></p>
<p>3st Shift <?php input_radiocheck('radio','shift','0','3','1'); ?></p>

<table>
	<thead>
		<tr>
			<th>Application</th>
			<th>Job Stream</th>
			<th>Status</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<td>ARTISAN</td>
			<td>
				<?php input_select('artprogs',$artprog_wfls['no_job'], $GLOBALS['artprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('artprog_stat', $artprog_status['none'] , $GLOBALS['artprog_status']); ?>
			</td>
		</tr>
		<tr>
			<td>SELF INSURED</td>
			<td>
				<?php input_select('bllyprogs',$bllyprog_wfls['no_job'], $GLOBALS['bllyprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('bllyprog_stat', $bllyprog_status['none'] , $GLOBALS['bllyprog_status']); ?>
			</td>
	
		</tr>
		<tr>
			<td>SBWC</td>
			<td>
				<?php input_select('sbwcprogs',$sbwcprog_wfls['no_job'],$GLOBALS['sbwcprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('sbwcprog_stat', $sbwcprog_status['none'] , $GLOBALS['sbwcprog_status']); ?>
			</td>
		</tr>
		<tr>
			<td>TCS</td>
			<td>
				<?php input_select('tcsprogs',$tcsprog_wfls['no_job'], $GLOBALS['tcsprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('tcsprog_stat', $tcsprog_status['none'] , $GLOBALS['tcsprog_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>IC</td>
			<td>
				<?php input_select('icprogs',$icprog_wfls['no_job'], $GLOBALS['icprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('icprog_stat', $icprog_status['none'] , $GLOBALS['icprog_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>TRUCKING</td>
			<td>
				<?php input_select('truckprogs',$truckprog_wfls['no_job'], $GLOBALS['truckprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('truckprog_stat', $truckprog_status['none'] , $GLOBALS['truckprog_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>SMALL FLEET</td>
			<td>
				<?php input_select('smallprogs',$smallprog_wfls['no_job'], $GLOBALS['smallprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('smallprog_stat', $smallprog_status['none'] , $GLOBALS['smallprog_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>PERSONAL AUTO</td>
			<td>
				<?php input_select('persauto',$persauto_wfls['no_job'], $GLOBALS['persauto_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('persauto_stat', $persauto_status['none'] , $GLOBALS['persauto_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>ISO</td>
			<td>
				<?php input_select('isoprog',$isoprog_wfls['no_job'], $GLOBALS['isoprog_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('isoprog_stat', $isoprog_status['none'] , $GLOBALS['isoprog_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>BACKUPS LIVE</td>
			<td>
				<?php input_select('bkuplive',$bkuplive_wfls['no_job'], $GLOBALS['bkuplive_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('bkuplive_stat', $bkuplive_status['none'] , $GLOBALS['bkuplive_status']); ?>
			</td>			
		</tr>
		<tr>
			<td>TEST SITE INSTRUCTIONS</td>
			<td>
				<?php input_select('testsite',$testsite_wfls['no_job'], $GLOBALS['testsite_wfls'], '390px'); ?>
			</td>
			<td>
				<?php input_select('testsite_stat', $testsite_status['none'] , $GLOBALS['testsite_status']); ?>
			</td>			
		</tr>
	</tbody>

</table>
</form>
</body>
</html>

The included functions file that I didn't include is below:

Code:

<?php 

function input_text($element_name, $value) {
	print '<input type="text" name="' . $element_name . '" value="';
	print htmlentities($values[$element_name]) . '">';
}

function input_submit($element_name,$label) {
	print '<input type="submit" name="' . $element_name .'" value="';
	print htmlentities($label) .'"/>';
}

function input_textarea($element_name,$values) {
	print '<textarea name="' . $element_name . '">';
	print htmlentities($values[$element_name]) . '</textarea>';
}

function input_radiocheck($type,$element_name,$values,$element_value,$clicker = '0') {
	print '<input type="' . $type . '" name="' . $element_name . '" value="' . $element_value . '" ';
	if ($element_value == $values[$element_name]) {
		print ' checked="checked"';
	}
	if ($clicker == '1') 
		print ' onclick="setReadOnly(this)"';
	print '/>';
}

function input_select($element_name, $selected, $options, $drop_width = '100px', $multiple = false) {
	print '<select style="width:' . $drop_width . ';" name="' . $element_name;
	if ($multiple) { print '[]" multiple="multiple'; }
	print '">';
	$selected_options = array();
	if ($multiple) {
		foreach ($selected[$element_name] as $val) {
			$selected_options[$val] = true;
		}
	}  else {
		$selected_options[ $selected[$element_name] ] = true;
	}
	
	foreach ($options as $option => $label) {
		print '<option value="' . htmlentities($option) . '"';
		if (isset($selected_options[$option])) {
			print ' selected="selected"';
		}
		print '>' . htmlentities($label) . '</option>';
	}
	print '</select>';
}
?>