Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Форма входа меняется на форму регистрации с помощью свойств visible и hidden / 15 сообщений из 15, страница 1 из 1
17.03.2013, 10:11
    #38187070
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
Доброго времени суток!
Сегодня я столкнулась с такой проблемой....
Решила сделать форму форму входа и регистрации в одном месте. Но не знаю как...попробовала javascript visible и hidden.
Скрыть форму входа получается, а вот как одновременно показать форму регистрации...да еще и на том же месте, мозгов не хватает...

Может кто-нибудь знает, как это сделать?
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
  <div id="div1" class="border_box"><br/>
			<form method="post" action="vhod.php">
             <input name="login" type="text"  maxlength="22" value=" Введите Ваш логин "  class="reg"><br/>
             <input  type="password" name="pass"  maxlength="22" value=" Введите пароль"  class="reg"><br/><br/>
             <input type="submit"  class="vhreg" value="Войти">
          <br/><br/>
          </form>
           </div>
           
  <div id="div2" class="border_box"><br/>
	              <form method='post' action='register.php'>
 		<input type='text' size='22' name='login' value=" Введите Ваш логин " class="reg">

 		<input type=text size=22 name='email' value=" Введите Ваш email" class="reg">

  		<input type='text' name='pass1' size='22' value=" Введите пароль" class="reg">

		<input type='text' name='pass2' size='22' value=" Повторите пароль" class="reg">


  		<input type='submit' value='Регистрация'  class="vhreg">
          <br/><br/>
          </form>
           </div>
    </div>
...
Рейтинг: 0 / 0
17.03.2013, 10:11
    #38187071
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
Вот так скрывает...
...
Рейтинг: 0 / 0
17.03.2013, 10:13
    #38187072
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
Блин)) почему тут нельзя удалять свои сообщения??)) Вот так скрывает)) не тот рисунок загрузила)
...
Рейтинг: 0 / 0
17.03.2013, 10:39
    #38187077
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
ololosha123попробовала javascript visible и hidden
Пробуй

Код: css
1.
display: none;
...
Рейтинг: 0 / 0
17.03.2013, 10:52
    #38187084
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
krvsa, а как же сделать, что бы при нажатии на ссылку один блок был none, а другой видимый?
...
Рейтинг: 0 / 0
17.03.2013, 11:10
    #38187086
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
krvsa, если сделать вот так...то они не реагируют на событие "нажатие на ссылку"

Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<A HREF="javascript:void(0)" class="reg" onClick="document.getElementById('div1').style.visibility='visible'">Вход</a> / 
       <A HREF="javascript:void(0)" class="reg" onClick="document.getElementById('div2').style.visibility ='visible' ">Регистрация</a></a></div>
           <div id="div1" class="border_box" style="position:absolute; display:none;"><br/>
		- - - - - - - -
           </div>
           
           <div id="div2" class="border_box" style="position:absolute; margin-top:-127px; display:none;"><br/>
	- - - - - -- 
           </div>
    </div>
    
...
Рейтинг: 0 / 0
17.03.2013, 11:18
    #38187092
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
ololosha123как же сделать, что бы при нажатии на ссылку один блок был none, а другой видимый?Вы хотите менять видимость блоков по каждому клику? Тогда вешайте на onclick такую приблизительно функцию
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
function changestate () {
  if(document.getElementById('div1').style.display=='none') {
    document.getElementById('div1').style.display='block'
    document.getElementById('div2').style.display='none'
  }
  else {
    document.getElementById('div1').style.display='none'
    document.getElementById('div2').style.display='block'
  }
}
...
Рейтинг: 0 / 0
17.03.2013, 11:34
    #38187103
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
vkleololosha123как же сделать, что бы при нажатии на ссылку один блок был none, а другой видимый?Вы хотите менять видимость блоков по каждому клику? Тогда вешайте на onclick такую приблизительно функцию
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
function changestate () {
  if(document.getElementById('div1').style.display=='none') {
    document.getElementById('div1').style.display='block'
    document.getElementById('div2').style.display='none'
  }
  else {
    document.getElementById('div1').style.display='none'
    document.getElementById('div2').style.display='block'
  }
}




Не по каждому клику....
изначально отображается div1 (вход)
Нажимаю на другую ссылку(регистрация) - отображается div2
Нажимаю на ссылку (Вход) - отображается div1
...
Рейтинг: 0 / 0
17.03.2013, 11:38
    #38187106
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
vkle, функция - то в принципе работает, если не жать по второму разу на регистрацию или на вход))) а так получается без разницы на какую ссылку я нажала...все равно поменяются блоки...
...
Рейтинг: 0 / 0
17.03.2013, 11:47
    #38187109
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
vkle,а может можно ссылкам задать id и в функции сделать условие с этим id ???
вместо
Код: javascript
1.
if(document.getElementById('div1').style.display=='none')
...
Рейтинг: 0 / 0
17.03.2013, 12:49
    #38187125
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
Неужели никто не знает, как это делается?((( Постоянно же такое на сайтах вижу...
...
Рейтинг: 0 / 0
17.03.2013, 12:52
    #38187126
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
function changestate (showdiv1) {
    document.getElementById('div1').style.display = showdiv1 ? 'block' : 'none'
    document.getElementById('div2').style.display = showdiv1 ? 'none' : 'block'
}

............

<a href="javascript:void(0)" onclick="changestate(true)">Показать первый, скрыть второй</a>
<a href="javascript:void(0)" onclick="changestate(false)">Показать второй, скрыть первый</a>
...
Рейтинг: 0 / 0
17.03.2013, 12:54
    #38187128
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
ololosha123Неужели никто не знает, как это делается?Это довольно тривиальная штуковина на самом то деле.
...
Рейтинг: 0 / 0
17.03.2013, 13:35
    #38187147
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
vkle,
а что вместо вопросиков там должно быть?
...
Рейтинг: 0 / 0
17.03.2013, 13:36
    #38187150
ololosha123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Форма входа меняется на форму регистрации с помощью свойств visible и hidden
а) так и должно быть)) впервые такое вижу))
Все работает) спасибо огромное за помощь!)
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Форма входа меняется на форму регистрации с помощью свойств visible и hidden / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]