| |
|
|
| | Почему этот скрипт только в Opera работает ? а в остальных браузерах - IE, FireFox, Chrome не хочет.
Cкрипт должен скрывать блоки с инфой и показывать выбранный
<html>
<head>
<style type="text/css">
#main {border:1px solid black;width:200px;height:20px;}
#a {background:red;}
#b {background:yellow;}
#c {background:green;}
</style>
<script language="javascript">
function v(id)
{
if(id==null) id="a";
if(id=="a")
{
document.getElementById("a").style="display:block;";
document.getElementById("b").style="display:none;";
document.getElementById("c").style="display:none;";
}
if(id=="b")
{
document.getElementById("a").style="display:none;";
document.getElementById("b").style="display:block;";
document.getElementById("c").style="display:none;";
}
if(id=="c")
{
document.getElementById("a").style="display:none;";
document.getElementById("b").style="display:none;";
document.getElementById("c").style="display:block;";
}
}
</script>
</head>
<body onLoad="v();">
<a href="#" onClick="v('a');">A</a>
<a href="#" onClick="v('b');">B</a>
<a href="#" onClick="v('c');">C</a>
<div id="main">
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: user10
(26.12.2010 в 21:57)
| | |
<style type="text/css">
#main {border:1px solid black;width:200px;height:20px;}
#a {background:red; display:block;}
#b {background:yellow; display:block;}
#c {background:green; display:block;}
</style>
<script language="javascript">
function v(id)
{
var a = document.getElementById('a');
var b = document.getElementById('b');
var c = document.getElementById('c');
if(id == null) id="a";
if(id=="a")
{
document.getElementById("a").style.display = "block";
document.getElementById("b").style.display = "none";
document.getElementById("c").style.display = "none";
}
if(id=="b")
{
document.getElementById("a").style.display = "none";
document.getElementById("b").style.display = "block";
document.getElementById("c").style.display = "none";
}
if(id=="c")
{
document.getElementById("a").style.display = "none";
document.getElementById("b").style.display = "none";
document.getElementById("c").style.display = "block";
}
}
</script>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ONYX
(27.12.2010 в 03:03)
| | | ок спасибо. дело было в сокращенной записи. | |
| |
|
|
