Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Появление и скрытие div при выборе select, Нужно немного доделать 
:(
    Опции темы
BeeMaster
Дата 13.7.2013, 19:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 117
Регистрация: 3.4.2008

Репутация: нет
Всего: нет



Здравствуйте. Помогите пожалуйста дописать небольшую страничку.
Убил 2 дня на написание т.к. не имею опыта в веб программировании.

Вот пример страницы с которой убрано все лишнее

Код

<html>
<script LANGUAGE="javascript">
function ClearT(){
if (document.getElementById("ifamiliya").value=='') {document.getElementById("ifamiliya").value =  'Ваша фамилия';}
if (document.getElementById("ifamiliya2").value=='') {document.getElementById("ifamiliya2").value =  'Фамилия партнера';}
}
  function showOrHide(cb, cat) {
    cb = document.getElementById(cb);
    cat = document.getElementById(cat);
    if (cb.checked) cat.style.display = "block";
    else cat.style.display = "none";
  }
</script>
<style type="text/css">
.link_to_cart
{
  margin: 5px 10px 10px 5px;
  background: url(http://life-desigh.ru//files/add_to_cart_big.gif);
  width: 192px;
  height: 44px;
  cursor: pointer;
  display: block;
  padding-top: 1px;
  margin-top: 8px;
  border: none;
}
   SELECT {
    width: 150px; /* Ширина списка в пикселах */
   }
</style>
  <form action=/files/savedb.php method=get>
  <p>
<BR>
 <form> 
 
   <center> <select name=kupon onchange="display_variant(this.value);return false;"> 
  <option value=''>Выберети значение<strong></strong><br>  
  <option value='1'>1<strong></strong><br>  
  <option value='2'>2<strong></strong><br>
  <option value='3'>3<strong></strong><br>
  <option value='4'>4<strong></strong><br>
  </select>
  </center>
   <div id="form1">
   
<table WIDTH=100%>
                 <tr>
                   <td align="center">
<input type="text" class="inptx" name="familiya" id="ifamiliya" value="Ваша фамилия" onfocus="ClearT(this); if (this.value = 'Ваша фамилия') {this.value = '';} return false;" />
                  <BR><BR>
                  </td>  
  <td align="center">
<select  name=data onchange="display_variant(this.value);return false;"> 
  <option value=''>123<strong></strong><br>  
  <option value='1'>1<strong></strong><br>  
  <option value='2'>2<strong></strong><br>  
  <option value='3'>3<strong></strong><br>  
  <option value='4'>4<strong></strong><br>  
  </select>
                  <BR><BR>
                  </td>  
    </table>
</div>    
  <div id="form2">
    <Center><B>Ниже укажите сведения о партнере</B></center>
    <br>
<table WIDTH=100%>
                 <tr>
                   <td align="center">
<input type="text" class="inptx" name="familiya2" id="ifamiliya2" value="Фамилия партнера" onfocus="ClearT(this); if (this.value = 'Фамилия партнера') {this.value = '';} return false;" />
                   <BR><BR>
                   </td>
<td align="center">
<select  name=data2 onchange="display_variant(this.value);return false;"> 
  <option value=''>456<strong></strong><br>  
  <option value='1'>1<strong></strong><br>  
  <option value='2'>2<strong></strong><br>  
  <option value='3'>3<strong></strong><br>  
  <option value='4'>4<strong></strong><br>  
  <option value='5'>5<strong></strong><br>  
  </select>  
                  <BR><BR>
                  </td>  
</table>  
</div>
<center>
<input type="checkbox" id="checkbox1" value="a1" onchange = 'showOrHide("checkbox1", "form1")'>Показать form1</p> 
<input type="checkbox" id="checkbox2" value="a2" onchange = 'showOrHide("checkbox2", "form2")'>Показать form2</p> </center>
                   <center><input type=button class="link_to_cart"onclick="document.cookie='from='+location.href+';path=/';this.form.submit();">
</form>
<script type="text/javascript">
document.getElementById("form1").style.display = "none" ;
document.getElementById("form2").style.display = "none" ;
</script> 
</span></p></td></tr>
</html>


Нужна ваша помощь нужно сделать следующее:
1) Нужно чтобы если какое-нибудь поле не заполнено или заполнено как в при загрузки страницы, то вылетал alert с просьбой заполнить поле

2) Нужно чтобы при выборе значения select name=kupon допустим первого значения появились div form1 и form2 . Если выбрано иное значение, то появился только div form1

3) Сделать так чтобы если div form2 не показан, то данные из тех полей которые скрыты чтобы не отправлялись скрипту.

4) У меня сделано что при нажатие на текстовое поле текст который был первоначально стирался. Но после того как кликнешь просто на страницу прошлое значение не отображается. Оно появляется после того как нажал на другое текстовое поле.
Нужно чтобы если нажали на текстовое поле и ничего не ввели, то первоначальный текст автоматически появлялся в этом же поле.



Помогите пожалуйста, а то уже всю голову сломал :( 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0354 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.