Printable View
Hi,
I'm quite new to JScript and html pages.
Depending on the selection of the Radio button on a html page a menu item link on the html page has to be enabled or disabled.
By default the menu item is not to be present and it is only on the selection of the radio button the menu link gets enabled.
Can anybody let me know how do i mix formatting with Java script. In short how do I check the value of a flag(set on selection of radio button) to determine the appereance of the Menu link.
Here is an example
Code:<html>
<head>
<script language=javascript>
function enable_link()
{
document.getElementById("link1").innerHTML="<a href=\"javascript:alert('Cool');\">Click on this cool link</a>";
}
function disable_link()
{
document.getElementById("link1").innerHTML="<a disabled><u>It's useless to click on this cool link</u></a>";
}
</script>
</head>
<body">
<form>
<input type=radio name=r1 value=v1 checked onclick="enable_link()">Enable link
<br>
<input type=radio name=r1 value=v2 onclick="disable_link()">Disable link
</form>
<p>
<span id="link1"><a href="javascript:alert('Cool');">Click on this cool link</a></span>
</body>
</html>
Thanks for the update.
I was wondering what has to be done so that the link should not be present at all in the document. It is only when the radio button is selected that the link comes on the document.
In my example above, you replace
byCode:function disable_link()
{
document.getElementById("link1").innerHTML="<a disabled><u>It's useless to click on this cool link</u></a>";
}
The principle is that I use a "span" thing (I'm not sure if it is a true "object" or not), named "link1" in my example.Code:function disable_link()
{
document.getElementById("link1").innerHTML="";
}
Then I can put everything I want into that span thing, such as a href link, or nothing, with the "innerHTML" or "innerText" property.
The span thing is very useful. It is similar to the "div" thing, except that "div" always takes at least an entire line, whereas the span thing has the width of the things it contains.