1

Всем привет.

Есть проблема в следующем коде: скрипт не работает.

Цель - при нажатии на "click here" спрятать login div и перекинуть юзера на login helper.

Буду рад любой критики и лучшим примерам!

function loginHelper(){

     document.getElementById("pass_forgot").onclick = function (){ 

     document.getElementById("login").style.display = "none";
     document.getElementById("login_help").style.display = "block";
    
    }
}
 
<div id = "login" class = "login_form">

 <form id = "logger">
 	
  <label for id = "user_name">User name:</label>
  <input id = "user_name" name = "user_name" type = "text" placeholder = "user name">
  <br>
  <label for id = "password">Password:</label>
  <input id = "password" name = "password" type = "text" placeholder = "password">
  <br>
  <label for id = "email">Email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <label for = "remember_me">Remember you on this computer ? </label>
  <input type = "checkbox" name = "remember_me" id = "remember_me">
  <br>
  <input type = "submit" value = "Login">

 </form>

<p id = "pass_forgot">Forgot your password? <a href="#login_help"> <button onclick = "loginHelper()">Click here!</button></a></p>


<div id  = "login_help" class = "login_help">

  <form id = "helper">
  <label for id = "email">Your current email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <input type = "submit" value = "Send">
  </form>

  </div>

6
  • что есть "перекинуть юзера на login helper"?
    – user176262
    8 июн 2016 в 17:05
  • Не понял вопроса .. что конкретизировать ? 8 июн 2016 в 17:09
  • Зачем у Вас кнопка внутри линка?
    – user176262
    8 июн 2016 в 17:11
  • Не понимаю как это связанно с моим вопросом.. Решил поставить для красоты.. уверен что проблема не в этом.. пробовал и без.. 8 июн 2016 в 17:13
  • так сформулируйте проблему, или ее надо угадать?
    – user176262
    8 июн 2016 в 17:19

1 ответ 1

2

function loginHelper(){

 //    document.getElementById("pass_forgot").onclick = function (){ 

     document.getElementById("login").style.display = "none";
     document.getElementById("login_help").style.display = "block";
    
 //   }
}
<div id = "login" class = "login_form">

 <form id = "logger">
 	
  <label for id = "user_name">User name:</label>
  <input id = "user_name" name = "user_name" type = "text" placeholder = "user name">
  <br>
  <label for id = "password">Password:</label>
  <input id = "password" name = "password" type = "text" placeholder = "password">
  <br>
  <label for id = "email">Email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <label for = "remember_me">Remember you on this computer ? </label>
  <input type = "checkbox" name = "remember_me" id = "remember_me">
  <br>
  <input type = "submit" value = "Login">

 </form>

<p id = "pass_forgot">Forgot your password? <a href="#login_help"> <button onclick = "loginHelper()">Click here!</button></a></p>
  
  </div>


<div id  = "login_help" class = "login_help" style="display:none;">

  <form id = "helper">
  <label for id = "email">Your current email:</label>
  <input id = "email" name = "email" type = "email" placeholder = "email">
  <br>
  <input type = "submit" value = "Send">
  </form>

  </div>

1
  • 1
    да, скорей всего: 1. ТС забыл закрыть один див 2. Прятать не login, a logger (т.е. саму форму)
    – garmayev
    13 сен 2017 в 16:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.