JavaScript - Change Text Within Paragraph Depending On Radio Button

Pleas how can i change div bg color with active chcecked radio button

<div style="background-color:#fff;"><input type="radio" name="radio" id="radio" value="1" /> Active performer</div>
<div style="background-color:#fff;"><input type="radio" name="radio" id="radio" value="2" /> Poster</div>
<div style="background-color:#fff;"><input type="radio" name="radio" id="radio" value="3" /> Only attender</div>

- if checked, change color from #fff to #ccc


For checkboxes i find this
<span id="cDate1" style="background-color:#FFF"><input type="checkbox" name="check" id="date1" onclick="document.getElementById('cDate1').style.backgroundColor=this.checked?'#ccc':'#FFF';" /> 13.10.2010</span>

Thnx for help in advance

Hey Guys, I have this really important question (I'm really stuck! I'm a baby coder ).

I have four radio button and four textbox, each one of these textboxes has its own value which is provided from a database, now each one of these textboxes is related to a radio button and what happen is if I select radio button number one then the value of textbox number one is going to change by which is fine but when I'm going to select the other radio buttons (which is obvious that radio button number one is no longer selected) but textbox number one keeps the changed value and don't going back to its default value.

let me give you my example (which I working on it right now), I have four textbox and four radio buttons, now my first textbox has a value="1" I select the first radio button and the first textbox value turned to value="2" now I select the second radio button and the second text value change from 1 to 2 just like the first text box (what happened is that the first radio button is deselected but the first textbox value didn’t turn back to its first value which was value="1" and keep the changed value which is value="2" (that happens to all text boxes and radio buttons as well)

This is my stupid code: (please help me out here, I'm going to cry, Btw you can completely change the code if you want it’s not important I just need to restore these textbox to their first value if their related radio buttons is no longer selected. one more thing I manage to find a way to do that but I find out it is not stable (onblur) if I click somewhere else in the page (rather than the radio buttons) then the changed value return to default one which is SUCKS! I checked the other event handlers but didn’t work!





<script type="text/javascript">
function firstaddit(){
if(document.getElementById("Rate1").value=="1")
{
document.getElementById("amount1").value="<%=(rs_vote.Fields.Item("Rate1").Value)+1%>"
}}
</script>

<script type="text/javascript">
function secondaddit(){
if(document.getElementById("Rate2").value=="2")
{
document.getElementById("amount2").value="<%=(rs_vote.Fields.Item("Rate2").Value)+1%>"
}}
</script>

<script type="text/javascript">
function thirdaddit(){
if(document.getElementById("Rate3").value=="3")
{
document.getElementById("amount3").value="<%=(rs_vote.Fields.Item("Rate3").Value)+1%>"
}}
</script>

<script type="text/javascript">
function fourthaddit(){
if(document.getElementById("Rate4").value=="4")
{
document.getElementById("amount4").value="<%=(rs_vote.Fields.Item("Rate4").Value)+1%>"
}}

</script>



<script type="text/javascript">
function ReturnFirstAddit(){
if(document.getElementById("Rate1").value=="1")
{
document.getElementById("amount1").value="<%=(rs_vote.Fields.Item("Rate1").Value)%>"
}}

</script>

<script type="text/javascript">
function ReturnSecondAddit(){
if(document.getElementById("Rate2").value=="2")
{
document.getElementById("amount2").value="<%=(rs_vote.Fields.Item("Rate2").Value)%>"
}}

</script>

<script type="text/javascript">
function ReturnThirdAddit(){
if(document.getElementById("Rate3").value=="3")
{
document.getElementById("amount3").value="<%=(rs_vote.Fields.Item("Rate3").Value)%>"
}}

</script>

<script type="text/javascript">
function ReturnFourthAddit(){
if(document.getElementById("Rate4").value=="4")
{
document.getElementById("amount4").value="<%=(rs_vote.Fields.Item("Rate4").Value)%>"
}}

</script>




Choice 1: <input type="radio" value="1" name="Rate" id="Rate1" onclick="firstaddit()" onblur="ReturnFirstAddit()">
<br/><br/>

Choice 2: <input type="radio" value="2" name="Rate" id="Rate2" onclick="secondaddit()" onblur="ReturnSecondAddit()">
<br/><br/>

Choice 3: <input type="radio" value="3" name="Rate" id="Rate3" onclick="thirdaddit()" onblur="ReturnThirdAddit()">
<br/><br/>

Choice 4: <input type="radio" value="4" name="Rate" id="Rate4" onclick="fourthaddit()" onblur="ReturnFourthAddit()">
<br/><br/>





<%=(rs_vote.Fields.Item("Choice1").Value)%>&nbsp;&nbsp;&nbsp;<input type="radio" value="1" name="Rate" id="Rate1" onclick="firstaddit()" onblur="ReturnFirstAddit()">
<br/><br/>

<%=(rs_vote.Fields.Item("Choice2").Value)%>&nbsp;&nbsp;&nbsp;<input type="radio" value="2" name="Rate" id="Rate2" onclick="secondaddit()" onblur="ReturnSecondAddit()">
<br/><br/>

<%=(rs_vote.Fields.Item("Choice3").Value)%>&nbsp;&nbsp;&nbsp;<input type="radio" value="3" name="Rate" id="Rate3" onclick="thirdaddit()" onblur="ReturnThirdAddit()">
<br/><br/>

<%=(rs_vote.Fields.Item("Choice4").Value)%>&nbsp;&nbsp;&nbsp;<input type="radio" value="4" name="Rate" id="Rate4" onclick="fourthaddit()" onblur="ReturnFourthAddit()">
<br/><br/>

I have two drop down lists , list1, list 2. I want it to change according to the radio button selected by the user.
If the user selects radio button1, lists1 should be displayed. If the user selects radio button2, lists2 should be displayed.
How can i achieve this using javascript. Please somebody help me.

Dear All,

The things needs to be work like if I click one of the NA radio button all other radio buttons and comments ,text box, span text needs to be disabled. But the code used below is disabling all the fields. Also if first question NA radio button is clicked first question all other fields should be disabled and shown with red color. If I click on the 2nd question first question fields needs to be enabled and only 2nd question needs to be enabled. The questions will be dynamically loaded based on some other conditions. I am stuck with something on the below. Could you please help to achieve the below concept?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>

<script language="javascript">
function enable_text(status)
{
status=status;
var form = document.forms[0];
var rads = form.elements.radio1;
for (var i=0; i < rads.length; i++)
{
var color = rads[i].checked? "red" : "";
document.getElementById("check"+i).style.backgroundColor = color;
document.getElementById("check"+i).disabled = status;
}
}
</script>
<body onload=enable_text(false);>
<div>
<form name="form1" method="post" action="">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="PortletText1" nowrap><strong>ALL Data</strong></td>
<td class="PortletText1" nowrap><strong>YES</strong></td>
<td class="PortletText1" nowrap><strong>NO</strong></td>
<td class="PortletText1" nowrap><strong>N/A</strong></td>
<td class="PortletText1" nowrap><strong>Comments</strong></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="PortletText1" nowrap>Data 1:</td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check0"/></td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check1" /></td>
<td class="PortletText1" nowrap>
<input type="radio" name="radio1" id="check2" onClick="enable_text(this.checked)" /></td>
<td class="PortletText1" nowrap><input type="text" id="other_text0" name="other_text"/></td>
</tr>
<tr>
<td class="PortletText1" nowrap>Data 2:</td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check3" /></td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check4" /></td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check5" onClick="enable_text(this.checked)" /></td>
<td class="PortletText1" nowrap><input type="text" id="other_text1" name="other_text"/></td>
</tr>
<tr>
<td class="PortletText1" nowrap>Data 3:</td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check6" /></td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check7" /></td>
<td class="PortletText1" nowrap><input type="radio" name="radio1" id="check8" onClick="enable_text(this.checked)" /></td>
<td class="PortletText1" nowrap><input type="text" id="other_text2" name="other_text"/></td>
</tr>
<tr>
</div>
</form>
</body>
</html>
</body>
</html>



thanks in advance.

Regards
sona

I have the following code which I want to make a selection and the value should reflect in the text box and the text box should take on that value for future calculations.

Code:

<!-- Row 13, Col 1 Order Value -->
<tr><td colspan="2" align="right">Delivery Options: 
<input type="radio" name="sapo" value="35" onclick="deliveryCost('35')" /> R35 - SA Post Office 
<input type="radio" name="sapo" value="80" onclick="deliveryCost('80')" /> R80 - Speed Services 
<input type="radio" name="sapo" value="150" onclick="deliveryCost('150')" /> R150 - Courier Services 
</td>

<!-- Row 13, Col 2 Order Value Box-->
<td colspan="1" align="left"><input style="margin-left: 60px" type="text" name="delivery" size="10" readonly="readonly" />
</td></tr>

Hi,

Can somebody help me with the coding. I have a long list of events and I want somebody to be able to select one of those events & there will be a text box that shows the address pertaining to the event selected. Exactly how this website did he http://svacpa.com/live-webinars-and-...-registration/

Please advise!

Thanks

--------------
Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MySite Registration</title>
</head>

<body>
<div style="width: 900px">
		<p>Registration</P
		
		<form method="post" action="http://mysite.com" name="Registration">
		<label id="Label1">First Name</label><input name="FirstName" type="text" /><br /><br />
		<label id="Label1">Last Name</label><input name="LastName" type="text" /><br /><br />
		<label id="Label2">Title</label><input name="Title" type="text" /><br /><br />
		<label id="Label3">Company</label><input name="Company" type="text" /><br /><br />
		<label id="Label5">Email</label><input name="Email" type="text" /><br /><br />
		<label id="Label4">Phone</label><input name="Phone" type="text" /><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">San Francisco, Wednesday, March 16 Breakfast</label><br /><br />	
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">San Francisco, Wednesday, March 16 Lunch</label><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">Santa Clara, Friday, March 18 Lunch</label><br /><br />
		<input name="Radio1" type="radio" class="input" /><label id="Label1" class="lableinput">Santa Clara, Friday, March 18 Dinner</label><br /><br />
				<br />
<input name="Submit1" type="submit" value="Register Now" class="submit" />
<input type="hidden" name="redirect" value="http://www.mysite.com/regsuccess.html"/>
<input type="hidden" name="recipient" value="me@mysite.com"/>
<input type="hidden" name="required" value="FirstName, LastName, Email, Phone"/>
<input type="hidden" name="missing_field_redirect" value="http://mysite.com/regerror.html"/>
</form>
</div>
</body>

</html>

Hi, I'm having a problem trying to get my html web form to work. I have a list of 8 radio button options for people to choose one option with the last option being other - and then I want if the user clicks other that the text field box next to it becomes a required field and the form will not submit until this text field is filled in. If the user selects one of the other radio button options then the text field is not compulsory.

I am using a linked javascript validation file which checks that all fields on the form which I have stated as required - become required, but I am having problems getting this "Other" button and text field to work with it all and not have the submit continue without this text field being completed! any help would really be appreciated! Thanks in advance!

So I need some help with figuring out how to reset both my text boxes when I click a different radio button so that I can give another value in the textbox area. I am trying to do it without a reset button. Any helpful ideas? I am just confused with the process of resetting the values of both the text boxes in the code.Hmmm......lol I feel like the answer is to put it inline in the <input> tag...

Code:

<body>

  <div id="content">
    <h1>Convert temperature</h1>
        
    <input type="radio" name="conversion_type" id="to_celcius" onclick="document.getElementById('degrees_celcius').disabled=this.checked;"  />From Fahrenheit to Celcius<br />
    <input type="radio" name="conversion_type" id="to_fahrenheit" onclick="document.getElementById('degrees_fahrenheit').disabled=this.checked;"  />From Celcius to Fahrenheit<br />
    <br />
    
    <label>Degrees Fahrenheit:</label>
    <input type="text" id="degrees_fahrenheit" class="disabled" /><br />
    <label>Degrees Celcius:</label>
    <input type="text" id="degrees_celcius"  class="disabled"/><br />
    <br />
   
    <input type="button" id="convert" value="Convert" /><br />
    <br />        
  </div>
  
</body>

Dear All,

I am trying to design a from with radio buttons and text boxes which will accept text values upon clicking the radio buttons. So basically the textbox only appears when the radio button is clicked.
The problem I am facing is the textbox does not hide upon selecting different radio button.

Below I am posting the javascript and the associated html form for the same.
I would like to request some suggestions and directions for the same.

Regards

Code:

Javascript:
<script type="text/javascript">
  function show() {
  var i = 0;
  var el;
  while(el = document.getElementsByName('radio')[i++] ) {
	(document.getElementById('radio'+i).checked) ?
	document.getElementById('text'+i).style.display="block" :
	document.getElementById('text'+i).style.display="none"
	}
	}  
 </script>

Code:

<div id="SeqInput">
      	  <form method="post" action="the url to process this form" >
	<div>			
	  <label><input type="radio" name="seqinput" value="accession" id="radio1" onclick="show()"></label> NCBI accession number: <label for="accession"><input type="text" id="text1"></label><br>
	  <label><input type="radio" name="seqinput" value="gene"         id="radio2" onclick="show()"></label> NCBI Gene Name:        <label for="gene">     <input type="text" id="text2"></label><br>
	  <label><input type="radio" name="seqinput" value="file"            id="radio3"></label> Upload fasta sequence from file: <label for="file"><input type="file" id="file"></label><br> 
	  <label><input type="radio" name="seqinput" value="fasta"         id="radio4" onclick="show()"></label> Click to type in or copy/paste the fasta sequence:<br>
	  <label><textarea rows="10" cols="100" id="text3" style="display: none"> </textarea></label>  
	</div>    	
	</form>
    </div>

I have 4 rows in a table.

Each row consist of 4 radio buttons.

Each radio button per row has different values in it but has the same name (group)
ex:
<input type="radio" name="a" value="1">
<input type="radio" name="a" value="2">
<input type="radio" name="a" value="3">
<input type="radio" name="a" value="4">

<input type="radio" name="b" value="1">
<input type="radio" name="b" value="2">
<input type="radio" name="b" value="3">
<input type="radio" name="b" value="4">

and so on..

If I click radio button A with value 2, I want to output the total at the bottom as "2"..

Also, if I click radio button B with value 3, I want to output the total of A and B as 5

and so on..

How can I automatically calculate the answer based on which radio button was click?

update: I got my answer from this site: http://stackoverflow.com/questions/1...s-using-jquery

Hi there! I need help!

Basically, I need to create a sentence and on one of the words the person accessing the site can click the word and it will change to another word and then again to a third word and so on for 5 words then it will, on click, return to the 1st word again. like a circle of various words.

I've managed to get it to work with 2 words back and forth - but I need it to have multiple states. I need the JS and how to impliment it in the HTML. JS isnt my strong point just yet

Please help me! Thanks so so much!

follow me on twitter - @robyn_90

Would this work? or do I got the wrong function commands?

How would I alter this to make it work, been staring at the screen for 8 hours.....









var myInDesign = app
var myDocument = app.activeDocument
var myDocName = myDocument.name



app.findParagraphStyle.caseSensitive = false;
app.findParagraphStyle.wholeWord = false;
app.findCharacterStyle.wholeWord = false;
app.findCharacterStyle.caseSensitive = false;



app.findParagraphStyle.findWhat = "SN.outabout.DAY-Gray";
app.changeParagraphStyle.changeTo = "SN.Holiday-Day_of_the_week";
app.documents.item(0).changeParagraphStyle();




app.findParagraphStyle.findWhat = "SN.outabout.DATE";
app.changeParagraphStyle.changeTo = "SN.Holiday-Month_and_Day";
app.documents.item(0).changeParagraphStyle();




app.findParagraphStyle.findWhat = "SN.listingsLT";
app.changeParagraphStyle.changeTo = "SN.Holiday-Paragraph";
app.documents.item(0).changeParagraphStyle();




app.findCharacterStyle.findWhat = "SN.listingsBOLD";
app.changeCharacterStyle.changeTo = "SN.Holiday-Title_Paragraph";
app.documents.item(0).changeCharacterStyle();



//myInCopy = CreateObject("InCopy.Application.CS3") //Not sure if this would work, just crafting idea's.
//var myDocument = myInCopy.ActiveDocument
//var mySelection = myInCopy.Selection.Item(1)
//var myStory = MySelection.ParentStory
//var myText = myStory.Paragraphs.Item(1)
//myStory.CheckOut
//myText.ApplyParagraphStyle myDocument.ParagraphStyles.Item("zAPPROVED"), True
//myStory.CheckIn





Can I just do this with like a Nested If, then Statement?

I have recently installed google custom search on a page- using the iframe selection, so I can have control over the look of the page and it isn't a google branded page.

The problem is- with JS disabled, this form doesn't work. However, the option to display results on a google hosted page does work.

This is very important for accessibility for this site, so what I am wanting to do is have the basic search show ONLY if there is no JS enabled. But for everyone else- it displays as I intended.

JS isn't my bread and butter, but I think it's the tool to use here. Could someone offer some guidance?

Main Form
Code:

		<div style="float:right">	      
        <script type="text/javascript" src="/js/main.js"></script>
	      <div id="searchBox" class="searchBoxTopLevelNav"> 
	        <form name="search" id="search" action="search.php?">
            <label for="q" style="display:none";>Site Search</label>
            <input onclick="javascript:SearchClear(this);" onkeypress="javascript:OverrrideForms(this);" name="q" id="q" autocomplete="off" class="GoogleSearchTextBox" value="Search"  /> 
	        <input name='btnG' onclick="javascript:SearchGoogle($(this).prev('input.GoogleSearchTextBox:first'));return false;" type='image' value='Search' src='../img/icons/search-gray.gif' alt='Go' align="top"/> 
            </form>
		</div>

Form to display only if JS is not enabled

Code:

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="#" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

I'm trying to use javascript to have my webpage black at night and bright blue (#2A7FFF) in the day time. How would I go about this? :/

I have also tried to use javascript to change a picture depending on the time of day, this is what I have used.

IN THE <head>

Code:

<script type="text/javascript">
var hourofday = thedate.getUTCHours();
function sun()
{
   // return TRUE if it's day

   if (hourofday > 7 && hourofday < 10) {
     return true;
   }
   return false;
}
</script><script type="text/javascript">
var hourofday = thedate.getUTCHours();
function sun()
{
   // return TRUE if it's day
   if (hourofday > 7 && hourofday < 10) {
     return true;
   }
   return false;
}
</script>

IN THE <body>

Code:

<div id="layer1" style="position:absolute; top:5px; left:5px; width:190px; height:190px; z-index:1; padding:5px; border:#000000 2px solid;background:color:#000000;">
<script type="text/javascript">
if (sun()) {
  document.write("<img src="www.oliverbinns.webs.com/images/sun.png" />");
} else {
  document.write("<img src="www.oliverbinns.webs.com/images/moon.png" />");
}
</script>
</div>

I am working on a project where I have 5 XML files that I bring into HTML and display the tables on one browser page. I would like for the row of the tables to change depending on what is in the "status" field. There will only be the following inputs in that column - "IS" which is in stock(green), "OS" which is out of stock(red), and "PO" which is Pre-Order(blue).
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=iso-8859-1" />
<title>ABC Book Store</title>
<style type="text/css">
<!--
.style1 {
	 font-size: 10pt;
}
-->
</style>

<script>
function ld_fiction()
{
var doc=nb_fiction.XMLDocument;
doc.load("fiction.xml");
document.getElementById("head_id").innerHTML="Fiction "; 
 
}
function Id_nfiction()
{
var doc_s=nb_nfiction.XMLDocument;
doc_s.load("nfiction.xml");
document.getElementByID("head_id_d").innerHTML="NonFiction";
}

function ID_selfhelp()
{
var doc_t=nb_selfhelp.XMLDocument;
doc_t.load("selfhelp.xml");
document.getElementByID("head_id_e").innerHTML="SelfHelp";
}

function ID_reference()
{
var doc_u=nb_ref.XMLDocument;
doc_u.load("ref.xml");
document.getElementByID("head_id_f").innerHTML="Reference";
}

function ID_mags()
{
var doc_v=nb_mags.XMLDocument;
doc_v.load("mags.xml");
document.getElementByID("head_id_g").innerHTML="Mags";
}




</script>

<XML id="nb_fiction" src="fiction.xml"></XML>
<XML id="nb_nfiction" src="nfiction.xml"></XML>
<XML id="nb_selfhelp" src="selfhelp.xml"></XML>
<XML id="nb_ref" src="ref.xml"></XML>
<XML id="nb_mags" src="mags.xml"></XML>



<object id="nb_fiction" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"></object>

<object id="nb_nfiction" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"></object>

<object id="nb_selfhelp" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"></object>

<object id="nb_ref" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"></object>

<object id="nb_mags" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"></object>

<body>
<table width="30%" border="0" align="left" cellspacing="1" font size="10">


  <tr bgcolor="#CCCCCC">
    <td colspan="2">
				<table id="FICTIONTABLE" table width="100%"  datasrc="#nb_fiction" font size="1" border="0" align="center" bordercolor="#FFFFFF">
				  <caption>
					<span>Fiction        </span>
				  </caption>
					<thead>
				  <tr>
					<th span class="style1">Stock No.</th></span>
					<th span class="style1">Title</th></span>
					<th span class="style1">Author</th></span>
					<th span class="style1">Status</th></span>
					<th span class="style1">Price</th></span>
					<th span class="style1">Publisher</th></span>
					<th span class="style1">Year of Release</th></span>
				  </tr>
				</thead>
				<tbody>
				  <tr>
					<td><span class="style1" datafld="stock"></td></span>
					<td><span class="style1" datafld="title"></td></span>
					<td><span class="style1" datafld="author"></td></td></span>
					<td><span class="style1" datafld="status"></td></span>
					<td><span class="style1" datafld="price"></td></span>
					<td><span class="style1" datafld="publisher"></td></span>
					<td><span class="style1" datafld="year"></td></span>
					
					
					
				  </tr>
				  </tbody>
				</table>
				
	</td>
  </tr>
</body>
</html>

I only included the first part of the html code along with the first table, but there is a table for each xml file. You can also probably tell how the XML files are structured by looking at the way they are displayed in the tables.
I think what I want to do can be accomplished with JavaScript, but I have no idea how to do it and it's the only thing I have left before I'm done.
Any help would really be appreciated and thanks in advance.