Здравствуйте, Мужчины.
Вот такая ситуация - с javascript пока на Вы, но время не ждет.
Есть сайт
http://salutis.at.ua/index/on_line/0-11, на этой странице таблица с обработчиком, вообщем в каждой ячейке есть выборка из двух вариантов, посредством селекта. Для начала добивались чтоб выбор опции сохранялся при перезагрузке страницы - добились 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><script type="text/javascript">var sel = document.getElementById("seltag"); // Получаем наш список
var txt = sel.options[sel.selectedIndex].text;
</script>
</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>
|