Появление модального окна при нажатии кнопки

@Kryak · Регистрация: 27.11.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте, я совсем новичёк в js - программировании, поэтому обращаюсь за советом на форум.
Задача следующая - нажимается кнопка ("Редактировать" например) и поверх страницы, по центру экрана, появляется окошко, в котором несколько текстовых полей и две кнопоски ("Ok" и "Отмена"); при нажатии на "Ok" совершается какое-то действие и окно закрывается, а при нажатии "Отмена" окно просто закрывается без совершени каких-либо сторонних действий.

Куму не жалко, напишите пожалуйста простой пример, похожий на выше описанный -открытие и закрытие окошка при нажатии кнопочки. Буду очень благодарен.

@Web-ulyanov · 09.10.2013, 01:23

Kryak,
Куча решений в интернете, смотрите и разбирайте код..

@dolte · 10.10.2013, 15:19

HTML5

<!doctype html>
<head>
<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>
<script>
$(document).ready(function(){
    $('.openwnd').click(function(){
        $('.poup').fadeIn();
    });
    $('.poup .close').click(function(){
        $('.poup').fadeOut();
    });
    $('.poup .submit').click(function(){
        alert("Нажата кнопка ''Действие ")
    });
});
</script>
<style>
.poup{
width:200px;
height:200px;
border:1px solid black;
margin:0 auto;
margin-top:250px;
}
</style>
</head>
<body>
 
<span class="openwnd">Open</span>
<div class="poup" style="display:none;">
    <div class="close" >Закрыть</div><br/><br/><br/>
    <div class="submit">Действие</div>
</div>
</body>
</html>

@Kryak 1 / 1 / 0 Регистрация: 27.11.2012 Сообщений: 35
		1
	Появление модального окна при нажатии кнопки 08.10.2013, 23:04. Показов 15053. Ответов 2 Метки нет (Все метки) Здравствуйте, я совсем новичёк в js - программировании, поэтому обращаюсь за советом на форум. Задача следующая - нажимается кнопка ("Редактировать" например) и поверх страницы, по центру экрана, появляется окошко, в котором несколько текстовых полей и две кнопоски ("Ok" и "Отмена"); при нажатии на "Ok" совершается какое-то действие и окно закрывается, а при нажатии "Отмена" окно просто закрывается без совершени каких-либо сторонних действий. Куму не жалко, напишите пожалуйста простой пример, похожий на выше описанный -открытие и закрытие окошка при нажатии кнопочки. Буду очень благодарен. 0

@Web-ulyanov 55 / 54 / 24 Регистрация: 07.10.2013 Сообщений: 200
	09.10.2013, 01:23	2
	Kryak, Куча решений в интернете, смотрите и разбирайте код.. 0

	10.10.2013, 15:19