Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > подстановка разных данных в одно место


Автор: Alone 9.2.2006, 14:35
Доброго дня.

Подскажите, как корректнее сделать смену данных в одном и том же месте ?

типа есть такое:
Код

<div>
    <табл вариант1>
    <табл вариант2>
</div>

<вариант1>
    <кнопка1>.....................................<кнопка2><кнопка3>
</вариант1>

<вариант2>
    .......................................................<кнопка2><кнопка3>
</вариант2>


Есть 2 события, корторые привязаны к кн2 и кн3
по ним необходимо подставлять варианты... Картина циклическая.

Автор: Aliance 9.2.2006, 15:00
Цитата(Alone @ 9.2.2006, 15:35 Найти цитируемый пост)

по ним необходимо подставлять варианты... Картина циклическая.

Ничего не понял smile

Автор: Alone 9.2.2006, 15:28
гм... чтож непонятного то???
нажал на кнопку2 - все что вариант1 - надо скрыть, а все что вариант2 - показать...
с кнопкой3 все наоборот: вариант2 - скрыть, вариант1 - показать
Добавлено @ 15:40
Чтоб понятнее было - вот код.
он работает неправильно. ширины ячеек таблицы скачут

Код

<script language="javascript">
function toggle(vis, invis){
    
    vis_element=document.getElementById(vis);
    invis_element=document.getElementById(invis);

    vis_element.style.display='none';
    invis_element.style.display='block';
}
</script>

<table class="table" cellspacing=1 cellpadding=1 border=0 width="98%">
    <tr>
        <td  class="{cycle values="odd,even" name="main_table"}">

            <div id="data_display1">
                DISPLAY DATA
            </div>
            
            <div id="data_edit1" style="display: none">
                EDIT DATA
            </div>

            <table id="menu_display1" border="1" cellpadding="1" cellspacing="1" width="100%">
                <tr>
                    <td><input type="button" name="but1" value="but1"/></td>
                    <td><input type="button" name="but2" value="but2"  onclick="
                        toggle('data_display1', 'data_edit1');
                        toggle('menu_display1', 'menu_edit1');">
                    </td>
                </tr>
            </table>
            
            <table id="menu_edit1" border="1" cellpadding="1" cellspacing="1" style="display: none" width="100%">
                <tr>
                    <td><input type="button" name="but3" value="but3"></td>
                    <td><input type="button" name="but4" value="but4"  onclick="
                        toggle('data_edit1', 'data_display1');
                        toggle('menu_edit1', 'menu_display1');">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Автор: Aliance 9.2.2006, 16:16
В 6ом IE он работает и ничего не скачет.

Автор: Alone 9.2.2006, 17:31
уже сам разобрался.
вопрос закрыт. Всем интересующимся - читать про свойства display

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)