Форум программистов [Powered by Invision Power Board]

Код


<div id="table2" style="display:none">

Код


<span><a class="BACKBUTTON" hidefocus="true" id="B1" ту та как я понимаю будет событие по клику>
<img class="ICON" src="/test/table/i1next.gif"></a></span>

Код


<HTML>
   <HEAD>
       <TITLE>TEST</TITLE>
   </HEAD>
    <BODY>
     <script type="text/javascript">
function show(nodeId)
{
    var node = document.getElementById(nodeId);
    if (node)
    {
        node.style.display = 'block';
    } 
}

function hiden(nodeId)
{
    var node = document.getElementById(nodeId);
    if (node)
    {
        node.style.display = 'none';
    } 
}
</script>

<div id="test" style="display:block">
<table>
<tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
</tr>
<tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
</tr>
</table>
</div> 

<div id="test" style="display:none">
<table>
<tr>
    <td>Я 1</td>
    <td>Я 2</td>
</tr>
<tr>
    <td>Я 3</td>
    <td>Я 4</td>
</tr>
</table>
</div>

<input type="BUTTON" value="show" onclick="show('test');"/>
<input type="BUTTON" value="Hiden" onclick="hiden('test');"/>
   </BODY>
</HTML>

Код


<HTML>
   <HEAD>
       <TITLE>TEST</TITLE>
   </HEAD>
    <BODY>
     <script type="text/javascript">
     
function table_2_hiden(nodeId)
{
    var node = document.getElementById(nodeId);
    if (node)
    {
        node.style.display = 'none';
    } 
}
     
function table_2_show(nodeId)
{
    var node = document.getElementById(nodeId);
    if (node)
    {
        node.style.display = 'block';
    } 
}

function table_1_show(nodeId)
{
 table_2_hiden();
    var node = document.getElementById(nodeId);
    
    if (node)
    {
        node.style.display = 'block';
    } 
    
}

function table_1_hiden(nodeId)
{
    var node = document.getElementById(nodeId);
    if (node)
    {
        node.style.display = 'none'; 
    } 

}
function show_button
</script>

<div id="Таблица 1">
<table>
<tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
</tr>
<tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
</tr>
</table>

</div> 

<div id="Таблица 2" style="display:none">
<table>
<tr>
    <td>Я 1</td>
    <td>Я 2</td>
</tr>
<tr>
    <td>Я 3</td>
    <td>Я 4</td>
</tr>
</table>
</div>
<div id = "Скрыть кнопку для первой таблици" style="display:block">
<input type="BUTTON" value="Скрыть первую таблицу" onclick="table_1_hiden('Таблица 1');"/>
<div>

<div id = "Скрыть кнопку для второй таблици" style="display:block">
<input type="BUTTON" value="Показать вторую таблицу" onclick="table_2_show('Таблица 2');"/>
<div>

<div id = "Показать первую">
<input type="BUTTON" value="Показать первую" onclick="table_1_show('Таблица 1');"/>
</div>

<div id = "Скрыть вторую">
<input type="BUTTON" value="Скрыть Вторую" onclick="table_2_hiden('Таблица 2');"/>
</div>
   </BODY>
</HTML>

Код


<span><a class="BACKBUTTON" hidefocus="true" id="B1" tableToggle = function()>
<img class="ICON" src="/test/table/i1next.gif"></a></span>

Код


<HTML>
   <HEAD>
       <TITLE>TEST</TITLE>
   </HEAD>
    <BODY>
<div id="table1">
<table>
<tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
</tr>
<tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
</tr>
</table>

</div> 

<div id="table2" style="display:none">
<table>
<tr>
    <td>Я 1</td>
    <td>Я 2</td>
</tr>
<tr>
    <td>Я 3</td>
    <td>Я 4</td>
</tr>
</table>
</div>

<div id = "show1t" style="display:none">
<input type="BUTTON" value="show1t" onclick="hiden_button();"/>
</div>

<div id = "show2t" style="">
<input type="BUTTON" value="show2t" onclick="hiden_button();"/>
</div>

   </BODY>
</HTML>

Код


function hiden_button()
{
var table1 = document.getElementById('table1');
var table2 = document.getElementById('table2');
var show1t = document.getElementById('show1t');
var show2t = document.getElementById('show2t');
switch (show2t.id)

case 'show2t':
    table1.style.display = 'none';
    table2.style.display = 'block';
    show2t.style.display = 'none';
    break;
case 'show1t.id':
    table2.style.display = 'none';
    table1.style.display = 'block';
    show1t.style.display = 'block';
    break;
}

Код


<a class="BACKBUTTON" hidefocus="true" id="B1" tableToggle = function()>