JavaScript - Little Help Can Be Worked..:)

I got this code to WORK with Buttons... But, i can NOT get it to work with URLs/LINKs... dose anyone have any suggestions? The URL alternative LINKs are placed below the buttons... but like i have said, they don't work. Help Pleeeeese. Thanks.


****HEAD
<script language="javascript" type="text/javascript">

function getCheckedValue() {

document.getElementById("presentationsNavBars").style.display = 'block';
document.getElementById("proposalsNavBars").style.display = 'none';
document.getElementById("postingsNavBars").style.display = 'none';
document.getElementById("myaccountNavBars").style.display = 'none';
}

function getCheckedValue2() {

document.getElementById("presentationsNavBars").style.display = 'none';
document.getElementById("proposalsNavBars").style.display = 'block';
document.getElementById("postingsNavBars").style.display = 'none';
document.getElementById("myaccountNavBars").style.display = 'none';
}
function getCheckedValue3() {

document.getElementById("presentationsNavBars").style.display = 'none';
document.getElementById("proposalsNavBars").style.display = 'none';
document.getElementById("postingsNavBars").style.display = 'block';
document.getElementById("myaccountNavBars").style.display = 'none';

}
function getCheckedValue4() {

document.getElementById("presentationsNavBars").style.display = 'none';
document.getElementById("proposalsNavBars").style.display = 'none';
document.getElementById("postingsNavBars").style.display = 'none';
document.getElementById("myaccountNavBars").style.display = 'block';

}
</script>



****** BODY

<div class="student_text">
<asp:RadioButton ID="RadioButton1" GroupName="reg" Text="presentations" runat="server" OnClick="return getCheckedValue();" />
<br /> <%--OR how do i get it to work when using a URL as shown below for example--%>
<a href="navPageTest2.aspx" runat="server" onclick="getClickedValue();">Presentations_link_ex</a><br />
</div>
<br /><br />
<div class="student_text">
<asp:RadioButton ID="RadioButton2" GroupName="reg" Text="proposals" runat="server" onclick="return getCheckedValue2();" />
<br /> <%--OR how do i get it to work when using a URL as shown below for example--%>
<a href="navPageTest2.aspx" onclick="getClickedValue2();">Proposals_link_ex</a><br />
</div>
<br /><br />
<div class="student_text">
<asp:RadioButton ID="RadioButton3" GroupName="reg" Text="postings" runat="server" onclick="return getCheckedValue3();" />
<br /> <%--OR how do i get it to work when using a URL as shown below for example--%>
<a href="navPageTest2.aspx" onclick="getClickedValue3();">Postings_link_ex</a><br />
</div>
<br /><br />
<div class="student_text">
<asp:RadioButton ID="RadioButton4" GroupName="reg" Text="myaccount" runat="server" onclick="return getCheckedValue4();" />
<br /> <%--OR how do i get it to work when using a URL as shown below for example--%>
<a href="navPageTest2.aspx" onclick="getClickedValue4();">Myaccount_link_ex</a><br />
</div>
<br /><br />
****************************** start display *****************************
<br /><br />
<div id="presentationsNavBars" style="display: none;">
SOME HTML HERE ..........presentations nav bar............
</div>
<div id="proposalsNavBars" style="display: none;" >
SOME HTML HERE 44444444 proposals nav bar 44444444444
</div>
<div id="postingsNavBars" style="display: none;" >
SOME HTML HERE 2222222 postings nav bar 2222222222222
</div>
<div id="myaccountNavBars" style="display: block;" >
SOME HTML HERE 33333333 myaccount nav bar 33333333
</div>
<br /><br />
****************************** end *****************************

I have searched looking for a means to simply play a song using JavaScript and here is what I have found:

Code:

        if (document.getElementById)
		var song = document.getElementById("media")
	else
		var song = document.all.tags("media")
	var playSong = "<a href='javascript:song.Play()'>a test<\/a>"
	document.write(playSong)

Other JS sets the name and id of the song to "media".

When I click on the written link nothing happens ... isn't the global function Play() built into Quicktime??

My community runs a set of forums, (phpbb with the Brushed Metal template, if that is important.) and people often use large images in their posts. This ends up cutting off the majority of the image, so we thought we'd install an auto-resize script, to resize anything wider than 600 px. It works too well, it also resizes the banner at the top of the screen. A bunch of us hacked at it trying to get it to work, but none of us know anything about javascript, so it's not going so well. Either the script still resizes everything, or it does nothing at all. Here's the earliest version I could find. It's not the original script, however...

Code:

<script>
	onload_functions.push('resizeimg();');
	function resizeimg()
	{
		if (document.getElementsByTagName)
		{
			for (i=0; i<document.getElementsByTagName('img').length; i++)
			{
				im = document.getElementsByTagName('img')[i];
				if (im.source == 'http://lalala.com/lalala/lalala.png')
                                /*PATH TO TOP BANNER THAT SHOULD NOT BE RESIZED*/
				{
					continue;
				}

				if (im.width > 600)
				{
					im.style.width = '600px';
					eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + "','phpbbegypt ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
					eval("im.onclick = pop" + String(i) + ";");
					if (document.all) im.style.cursor = 'hand';
					if (!document.all) im.style.cursor = 'pointer';
					im.title = 'Click Here To See Image Full Size ';
				}
				
			}
		}
	}
</script>

We're stuck, we have no idea what to do.

Thanks to this forum, I finally got my calculator working and want to share it with everyone who can use it. The code below divides the time input by the distance input and displays the resulting pace in a min:sec format. Enter 12 miles, for example, and 1 hour, 33 minutes and 15 seconds, and the code displays 7:46 mpm (minutes per mile).

My first version uses one function to do everything, but this morning I decided to teach myself how one function passes stuff to another. So I began trying to perform the min:sec conversion in a function named Pace2minsec and pass the result to the Pace function for display in the form.

After several failures, I learned that a function returns its calculation to whatever code calls it. Ah ha, I thought, I need to have Pace call Pace2minsec. Yeah, pretty basic stuff but I am a raw beginner with Javascript, and thought there might be others here like me who could benefit from my mistakes.

Even after discovering the call-return process, I had to get the names of the variables correct before it would work. One mistake I made was thinking that I could have a variable with the same name in both functions. Wrong. Even though they were both inside their own function and therefore local variables, apparently, since one function called the other, the names had to be different. In both functions, I had a variable named totalsec, but only when I renamed it totalseconds in the first function did my code work.

Another glich was discovering that I had to tell the second function what variable it had to use for its operation. My first stab at that was to put the line Pace2minsec(minsec) in the first function. Wrong. Then I tried Pace2minsec(totalsec). Wrong again. And finally, Pace2minsec(totalseconds) which worked fine. Probably obvious to most, but it sure wasn't to me. Trial and error scripting! But I'm getting there, one principle at a time...

<CODE>

<html>
<head>
<script>
function Pace(D, H, M, S, form) // Is form really necessary?
{
var dist = parseFloat(D); // Makes entry a number?
var hours = parseFloat(H);
var mins = parseFloat(M);
var secs = parseFloat(S);
var pacedecimal = (hours*60 + mins + secs/60) / dist; // Total minutes in decimal
var totalseconds = pacedecimal*60; // Total seconds in decimal
form.pace.value =Pace2minsec(totalseconds) + " " + "mpm"; // Tell Pace2minsec what variable to use?
}

function Pace2minsec(totalsec)
{
var minsec = '';
sec = Math.round(totalsec%60); // remainder of totalsec div by 60
min = Math.round((totalsec-sec)/60); // total seconds minus remainder
minsec = min + (sec>9?":":":0") + sec; // min:sec format adds :0 if sec<10
return(minsec); // Pass min:sec format to Pace, the calling function
}
</script>
</head>

<body style="margin-top:100px; text-align:center; font-family:arial; background-color:silver;">

<form name="pacer">
<table style="font-size:14px; font-weight:bold;" cellspacing="0" border="0">
<tr>
<td>DIST</td>
<td><input type="text" name="dist" size="3"></td>
<td width="8"></td>
<td>TIME</td>
<td><input type="text" name="hours" size="1">:</td>
<td><input type="text" name="mins" size="1">:</td>
<td><input type="text" name="secs" size="1"></td>
<td width="24"></td>
<td><input TYPE="button" VALUE="Pace" onClick="Pace(this.form.dist.value, this.form.hours.value, this.form.mins.value, this.form.secs.value, this.form)"></td>
<td width="4"></td>
<td><input type="text" name="pace" size="8"></td>
<td width="6"></td>
<td><input TYPE="reset" VALUE="Clear" onClick="clearForm(this.form)"></td>
</tr>
</table>
</form>
</body>
/html>

</CODE>