Вывод на поле страницы, текста из модального окна
Добрый день!
Помогите новичку! Есть задача: Сделать страницу с кнопкой - показать модальное окно при клике делаем показ модального окна с полем ввода строки после ввода строки любой и сабмита формы модальное окно уходит а на странице под кнопкой Показать модальное окно будет написано: вы ввели строку: _____ и текст того что я ввел в модальное окно. Все это на bootstrap. Вот код: <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1F wO5qRGvFXOdJZ4" crossorigin="anonymous"> <title>Test page</title> <script type="text/javascript"> var tf,ab,mt window.onload=function(){ tf=document.getElementById("message-text"); ab=document.getElementById("applyButton"); mt=document.getElementById("text"); tf.value="" } ab.onclick=function(){ mt.innerHTML=tf.value } </script> </head> <body> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">New message</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="message-text" class="col-form-label">Message:</label> <textarea class="form-control" id="message-text"></textarea> </div> </form> </div> <div class="modal-footer"> <button id="applyButton" type="button" class="btn btn-primary" data-dismiss="modal" >Send message</button> </div> </div> </div> </div> <div>You sent a message:</div><br> <i id="text"></i> </body> </html> На 28 строке Chrome выдает ошибку: "Uncaught SyntaxError: Unexpected identifier". Текст не выводиться на поле страницы. Помогите разобраться. Может подскажете альтернативные способы решения. |
KirillAlekseev,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
KirillAlekseev,
назначение onclick сработает ранее onload!!! решение: перенести onclick в onload |
Спасибо! Заработало!:dance:
|
| Часовой пояс GMT +3, время: 08:20. |