• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Интересная таблица (Как осуществить?)
Интересная таблица
chipovec
Сообщений: 20
Репутация: 0

Сообщение # 1 | 17:55:15 02 Дек 2013
Здравствуйте, Мужчины.
Вот такая ситуация - с javascript пока на Вы, но время не ждет.
Есть сайт Сайт, на этой странице таблица с обработчиком, вообщем в каждой ячейке есть выборка из двух вариантов, посредством селекта. Для начала добивались чтоб выбор опции сохранялся при перезагрузке страницы - добились localStorage.
Теперь вопрос - как сделать чтоб эту выборку видели только пользователи которые могут редактировать данную таблицу, а все остальные видели уже только результат который выставил редактор сайта, грубо говоря модератор заходит ставит ЗАНЯТО, либо СВОБОДНО, выбрав из селектора, а пользователи видели уже результат, без селектора. Решила делать двумя таблицами, ну чтоб условными операторами выводит таблицу с селекторами модератору, а таблицу с результатом этого выбора - пользователям, но как вывести каждый выбор в другую таблицу соответствующей ячейки???? Может я вообще не туда иду???

Код
<table border="1">
  <thead>
<tr>
  <th colspan="8"><div align="center">Месяц</div></th>
  </tr>
  <tr>
  <th>Врач</th>
  <th>Понедельник(дата)</th>
  <th>Вторник(дата)</th>
  <th>Среда(дата)</th>
  <th>Четверг(дата)</th>
  <th>Пятница(дата)</th>
  <th>Суббота(дата)</th>
  <th>Воскресенье(дата)</th>
  </tr></thead>
  <tbody><tr>
  <td>Гинеколог</td>
  <td><select id="seltag" onchange="localStorage.seltag=this.selectedIndex">
<option value="1">СВОБОДНО</option>
<option value="2">ЗАНЯТО</option>
</select>
</td>
  <td><select id="seltag1" onchange="localStorage.seltag1=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag2" onchange="localStorage.seltag2=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag3" onchange="localStorage.seltag3=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag4" onchange="localStorage.seltag4=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag5" onchange="localStorage.seltag5=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
<td><select id="seltag6" onchange="localStorage.seltag6=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr></tbody>
</table>
<br>

<script>
//восстанавливаем запомненное значение, если есть
if(localStorage.seltag!==undefined) seltag.selectedIndex = localStorage.seltag;
if(localStorage.seltag1!==undefined) seltag1.selectedIndex = localStorage.seltag1;
if(localStorage.seltag2!==undefined) seltag2.selectedIndex = localStorage.seltag2;
if(localStorage.seltag3!==undefined) seltag3.selectedIndex = localStorage.seltag3;
if(localStorage.seltag4!==undefined) seltag4.selectedIndex = localStorage.seltag4;
if(localStorage.seltag5!==undefined) seltag5.selectedIndex = localStorage.seltag5;
if(localStorage.seltag6!==undefined) seltag6.selectedIndex = localStorage.seltag6;
</script>

<table border="1">
  <thead>
<tr>
  <th colspan="8"><div align="center">Месяц</div></th>
  </tr>
  <tr>
  <th>Врач</th>
  <th>Понедельник(дата)</th>
  <th>Вторник(дата)</th>
  <th>Среда(дата)</th>
  <th>Четверг(дата)</th>
  <th>Пятница(дата)</th>
  <th>Суббота(дата)</th>
  <th>Воскресенье(дата)</th>
  </tr></thead>
  <tbody><tr>
  <td>Гинеколог</td>
  <td>????
</td>
  <td><select id="seltag1" onchange="localStorage.seltag1=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag2" onchange="localStorage.seltag2=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag3" onchange="localStorage.seltag3=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag4" onchange="localStorage.seltag4=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  <td><select id="seltag5" onchange="localStorage.seltag5=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
<td><select id="seltag6" onchange="localStorage.seltag6=this.selectedIndex">
<option>СВОБОДНО</option>
<option>ЗАНЯТО</option>
</select></td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr>
  <tr>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
<td> </td>
  </tr>
  <tr>
<td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  <td> </td>
  </tr></tbody>
</table>
Ferro7
Сообщений: 285
Репутация: 230

Сообщение # 2 | 19:17:20 02 Дек 2013
chipovec, а как вы собираетесь выводить один localStorage ВСЕМ пользователям? По вашей задумке все изменения будут храниться у модератора
Вы полюбили меня. Здесь я. (с)
Сообщение отредактировал Ferro7 - Понедельник, 02 Дек 2013, 19:17:58
chipovec
Сообщений: 20
Репутация: 0

Сообщение # 3 | 20:10:16 02 Дек 2013
Ferro7, но ведь можно сделать на javascript чтоб значение из select (при запоминании на стороне клиента localstorage, в данном случае только модератора) выводилось в другой таблице или в этой же(но уже без селекта) и было уже видно и обычным пользователям как уже готовая выборка....
Но как это сделать((((
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Интересная таблица (Как осуществить?)
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!