1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
| <html>
<head>
<title>Test</title>
<script language="javascript" type="text/javascript">
function changeCssStyle(objDivID)
{
switch (this.document.getElementById(objDivID).style.display) {
case 'block':
this.document.getElementById(objDivID).style.display = "none";
break;
case 'none':
this.document.getElementById(objDivID).style.display = "block";
break;
}
}
function updateValue(objDivID,value)
{
document.getElementById(objDivID).innerHTML = value;
}
</script>
</head>
<body>
<div id="div1" style="display:block;" >
<p>
<a id="a1" href="#" onclick="changeCssStyle('div1');changeCssStyle('div2')">
CLICK HERE
</a>
</p>
</div>
<div id="div2" style="display:none;">
<p>
<a href="#" onclick="changeCssStyle('div1');changeCssStyle('div2');updateValue('a1','Radio 1')">Radio 1</a>
<a href="#" onclick="changeCssStyle('div1');changeCssStyle('div2');updateValue('a1','Radio 2')">Radio 2</a>
<a href="#" onclick="changeCssStyle('div1');changeCssStyle('div2');updateValue('a1','Radio 3')">Radio 3</a>
<a href="#" onclick="changeCssStyle('div1');changeCssStyle('div2');updateValue('a1','Radio 4')">Radio 4</a>
</p>
</div>
</body>
</html> |
Partager