HTML Div не может быть скрыт, когда он находится внутри таблицы - PullRequest
Новая
       12

HTML Div не может быть скрыт, когда он находится внутри таблицы

2 голосов
/ 18 ноября 2011

У меня есть такая таблица: 

<table  cellpadding="0" cellspacing="0" border="0" >
    <tr >

        <div id="div_1c">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
            <td class="t15CurrentTabCenter"><span>Urlap megjegyzések</span></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
        </div>

        <div id="div_1nc">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
            <td class="t15TabCenter" onclick="zfocus_Div('DIV_MEGJEGYZES','div_1c')" ><a href="#TAB_LINK#">Urlap megjegyzések</a></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
        </div>

        <div id="div_2c">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
            <td class="t15CurrentTabCenter"><span>Üzemviteli munkák</span></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
        </div>

        <div id="div_2nc">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
            <td class="t15TabCenter" onclick="zfocus_Div('DIV_UZEMVITELI_MUNKA','div_2c')"><a href="#TAB_LINK#">Üzemviteli munkák</a></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
        </div>

      </tr>
</table>

Плюс некоторый код Javascript: 

<script language="javascript" type="text/javascript">
function zfocus_Div(pActiveTab,pActiveDiv)
{
   html_HideElement('AAA');
   html_HideElement('div_1c');
   html_HideElement('div_2nc');
   html_HideElement('div_2c');

   html_HideElement('DIV_MEGJEGYZES');
   html_HideElement('DIV_UZEMVITELI_MUNKA');

   html_ShowElement(pActiveTab); 
   html_ShowElement(pActiveDiv);   
}

</script>

Я выполняю следующий код в событии onload страницы: 

<script> zfocus_Div('DIV_MEGJEGYZES','div_1c') </script>

После выполнения ни один из элементов в таблице не скрывается.Может кто-нибудь объяснить, в чем причина?Насколько я знаю, div можно использовать в таблице.

Ответы [ 3 ]

5 голосов
/ 18 ноября 2011

Это потому, что элементы div на самом деле окажутся вне table.

Вы не можете иметь элементы div (или любые элементы, не относящиеся к таблице) внутри таблицы, кроме элементов td или th. Если вы попытаетесь это сделать, браузер попытается исправить код, либо удалив недопустимые элементы, либо переместив их за пределы таблицы.

1 голос
/ 18 ноября 2011

Как писал Гуффа, элементы <div> исчезнут, потому что вы помещаете их между <tr> и <td> элементами (выберите Просмотреть исходный код в вашем браузере, чтобы увидеть визуализированный HTML-код).

Попробуйте разместить их внутри <td> элементов, например: 

<table  cellpadding="0" cellspacing="0" border="0" >
    <tr >
        <td>
            <div id="div_1c">
                <img src="bookmark.gif" alt="" />
                <span class="t15CurrentTabCenter">Urlap megjegyzések</span>
                <img src="bookmark.gif"" alt="" />
            </div>
         </td>       
      </tr>
</table>
0 голосов
/ 19 ноября 2011

вы не можете изменить структуру таблицы с 

<table>
    <tr>
        <td> </td>
    </tr>
</table>

, если вы хотите написать какой-либо контент, пожалуйста, держите внутри td

, и ваш код будет выглядеть так 

<table  cellpadding="0" cellspacing="0" border="0" >
    <tr id="div_1c" >
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
        <td class="t15CurrentTabCenter"><span>Urlap megjegyzések</span></td>
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
    </tr>

    <tr id="div_1nc">
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
        <td class="t15TabCenter" onclick="zfocus_Div('DIV_MEGJEGYZES','div_1c')" ><a href="#TAB_LINK#">Urlap megjegyzések</a></td>
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
    </tr>

    <tr id="div_2c">
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
        <td class="t15CurrentTabCenter"><span>Üzemviteli munkák</span></td>
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
    </tr>

    <tr id="div_2nc">
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
        <td class="t15TabCenter" onclick="zfocus_Div('DIV_UZEMVITELI_MUNKA','div_2c')"><a href="#TAB_LINK#">Üzemviteli munkák</a></td>
        <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
    </tr>

  </tr>
</table>

а вы что-нибудь делаете с этим именем функции "html_HideElement", чтобы скрыть?

...