help with simple DHTML script

**James Smith** · Sep 17, 2001 13:17

Hi there.

I need help with the script found at

www.hiphopmusic.co.uk/js.html

I want it so that if you click the "one off" radio button, the top box is visible and the bottom box is invisible, and if you click the "regular" radio button, the top box is invisible, and the bottom box is visible.

Thanks in advance,
J

**makeda** · Sep 24, 2001 13:49

your problem is that you're telling one span tag to hide but you're never telling the other one to display itself, and vice versa. i don't have time to post a solution but if i have time later i will. its pretty straight forward, though.

**makeda** · Sep 25, 2001 06:11

o.k., here you go. i noticed in your code you handn't included the basic tags...<html><head><body>...at a minimum you've got to have those in there:

<html>
<head>
<script language="javascript">

function displayForm(iNumShow, iNumHide) {
var sWhichSpanShow = "divt" + iNumShow;
var sWhichSpanHide = "divt" + iNumHide;

document.all(sWhichSpanHide).style.visibility = "hidden";
document.all(sWhichSpanShow).style.visibility = "visible";

}
</script>
</head>
<body>
<span id="divt1" style="visibility:visible;position:relative;top:0;left:0">
<form action="javascript:#">
Type 1 Input: <input name="t1" type="text" value="">
</form>
</span>
<form>
one off <input name="r1" type="radio" checked value="" onCLick="displayForm(1,2)">
regular <input name="r1" type="radio" value="" onCLick="displayForm(2,1)"><BR>
</form>
<span id="divt2" style="visibility:hidden; position:relative; top:0;left:0;">
<form action="javascript:#">
Type 2 Input: <input name="t2" type="text" value="" >
</form>
</span>
</body>
</html>

User Tag List

Thread: help with simple DHTML script

Thread Tools

Display

help with simple DHTML script

Bookmarks

Bookmarks

Posting Permissions