Заменяющиеся таблицы - PHP

Ostap_b · 16.01.2014, 18:58

Всем доброго времени суток.
Хочу реализовать следущее:
1) Поле-всплвающий список, скажем с 2 словами(Сегодня, Завтра)
2) 2 таблицы в 2 строки и 2 колонки с данными.

Необходимо, что бы например по умолчаю в поле находилось "Сегодня" и под полем была таблица "1". При выборе в поле "Завтра" таблица "1" заменялась на "2".

Знающие люди, поскажите как подобное можно реализовать(желательно с примером) или возможно есть полезные ссылки, статьи, в любом случае буду очень благодарен.

ADSoft · 16.01.2014, 20:48

если таблицы фикисированные - то вам в JS, там все довольно просто, вешаем обработчик на список - и выводим/гасим нужные таблицы.
Если таблицы берутся из БД - то тут нужен Ajax принцип тот же, только добавляется серверная часть которая по ajax запросам передает данные в таблицу

Ostap_b · 21.01.2014, 21:43

Цитата:

Сообщение от ADSoft

если таблицы фикисированные - то вам в JS, там все довольно просто, вешаем обработчик на список - и выводим/гасим нужные таблицы.
Если таблицы берутся из БД - то тут нужен Ajax принцип тот же, только добавляется серверная часть которая по ajax запросам передает данные в таблицу

Спасибо за совет, начал изучать JS и решил вместо фиксированных таблиц вставить картинки. Рассматривал похожий вариант с выводом текстового поля. На данный момент вот что имею:

Код:

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>

      <script>
	function f1()
{
var s = document.getElementById("select");
var t = document.getElementById("a1");
if(s.selectedIndex)
t.style.display = 'inline';
}
	window.onload = function () { //ждем  загрузки документа
    var options = document.getElementById("options").children; //взять детей элемента #options

    function f1() {
        var index = this.options.selectedIndex // тут получается индекс выбранного элемента
        for (var i = 0, l = options.length; i < l; i++) {
            if (i == index) options[i].classList.add('show'); //если то-что выбрано равно номеру дитя - показать
            else options[i].classList.remove('show'); //иначе - скрыть
        }
    }

    document.getElementById("select").addEventListener('change', f1); //на это событие повесить f1

}
	
    
	<input style="visibility: hidden; display: none;" class="formStatExport_input" type="text" id="statExportDateStart_input">


    </script>
 <select id="select" onchange = f1()>
	<option>Первый вариант</option>
	<option>Второй вариант</option>
    <option>Третий вариант</option>
    <option>Четвертый вариант</option> 
    <option>Пятый вариант</option>
	</select>
    
 <div id="options">
    <p></p>
    <input type="text" id="a1" />
    <div>3</div>
    <div>4</div>
    <div>5</div>
</div>

  </body>
</html>

Не понимаю как собствеено вставить эти картинки и сделать так, что бы они отображались при выборе определенного элемента.

16.01.2014, 18:58	#1
Ostap_b Новичок Джуниор Регистрация: 16.01.2014 Сообщений: 2	Заменяющиеся таблицы Всем доброго времени суток. Хочу реализовать следущее: 1) Поле-всплвающий список, скажем с 2 словами(Сегодня, Завтра) 2) 2 таблицы в 2 строки и 2 колонки с данными. Необходимо, что бы например по умолчаю в поле находилось "Сегодня" и под полем была таблица "1". При выборе в поле "Завтра" таблица "1" заменялась на "2". Знающие люди, поскажите как подобное можно реализовать(желательно с примером) или возможно есть полезные ссылки, статьи, в любом случае буду очень благодарен. Последний раз редактировалось Ostap_b; 16.01.2014 в 20:02.

16.01.2014, 20:48	#2
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,160	если таблицы фикисированные - то вам в JS, там все довольно просто, вешаем обработчик на список - и выводим/гасим нужные таблицы. Если таблицы берутся из БД - то тут нужен Ajax принцип тот же, только добавляется серверная часть которая по ajax запросам передает данные в таблицу Сайты, приложения, автоматизация в широком смысле слова

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Данные из таблицы в список, если в ячейке таблицы стоит количество	oleg_sh	Microsoft Office Excel	4	08.10.2012 14:52
Макрос: заполнение таблицы данными из другой таблицы с автоматическим добавлением строк	yevgeniy.demidov	Microsoft Office Excel	6	06.09.2012 15:27
формирование таблицы из элементов другой таблицы с удалением повторяющихся значений	Selicat	Microsoft Office Excel	1	20.10.2011 22:36
Access ограничить значение поля таблицы значениями полей другой таблицы	Сергей089	Microsoft Office Access	10	08.12.2010 02:22
Данные из двух полей исх. таблицы в одно поле сводной таблицы	Strelec79	Microsoft Office Excel	2	02.08.2009 13:59