Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.58/55: Рейтинг темы: голосов - 55, средняя оценка - 4.58
-1 / 0 / 0
Регистрация: 19.10.2013
Сообщений: 38
1

Как сделать, чтобы при нажатии на button появлялась форма?

19.10.2013, 22:03. Показов 10330. Ответов 8
Метки нет (Все метки)

Приветствую, как мне сделать так что бы при нажатии на <button> появлялась форма?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.10.2013, 22:03
Ответы с готовыми решениями:

Как сделать так чтобы при нажатии на картинку на ее месте появлялась другая
Как сделать так чтобы при нажатии на картинку на ее месте появлялась другая через четыре секунды

Создать кнопку и сделать, чтобы при ее нажатии появлялась дата и время
надо создать кнопку, чтобы при ее нажатии появлялось дата и время Помогите пожалуйста правильно...

При нажатии на кнопку появлялась новая форма
Не могу реализовать, чтобы при нажатии на кнопку появлялась новая форма input type=&quot;text&quot;. Нужна...

OnMouseOver - как сделать, чтобы при наведении на надпись появлялась картинка?
Здравствуйте, вопрос относительно On Mouse Over - При наведении мыши есть у кого пример не...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
8
295 / 283 / 84
Регистрация: 10.05.2013
Сообщений: 920
19.10.2013, 22:11 2
SoraxCO, JS
0
-1 / 0 / 0
Регистрация: 19.10.2013
Сообщений: 38
19.10.2013, 22:23  [ТС] 3
Цитата Сообщение от Dealiss Посмотреть сообщение
SoraxCO, JS
Можно подробнее? я только только начал изучать все эти дела
0
0 / 0 / 1
Регистрация: 19.10.2013
Сообщений: 5
19.10.2013, 23:03 4
Вот готовый пример, только что написал и протестил!
HTML5
1
2
3
4
5
6
7
8
9
10
<head>
    <script async="" type="text/javascript" src="http://yandex.st/jquery/2.0.3/jquery.js"></script>
</head>
<body>
    <form action='' style="display:none;" id="new_form">
    тут форма
    </form>
    <button onClick="$('#new_form').show();">Показать форму</button>
    <button onClick="$('#new_form').hide();">Убрать форму</button>
</body>
Добавлено через 2 минуты
Пример выше с использованием библиотеки JQuery (набор готовых функций JavaScript)
0
-1 / 0 / 0
Регистрация: 19.10.2013
Сообщений: 38
19.10.2013, 23:36  [ТС] 5
Цитата Сообщение от free-frilans Посмотреть сообщение
Вот готовый пример, только что написал и протестил!
HTML5
1
2
3
4
5
6
7
8
9
10
<head>
    <script async="" type="text/javascript" src="http://yandex.st/jquery/2.0.3/jquery.js"></script>
</head>
<body>
    <form action='' style="display:none;" id="new_form">
    тут форма
    </form>
    <button onClick="$('#new_form').show();">Показать форму</button>
    <button onClick="$('#new_form').hide();">Убрать форму</button>
</body>
Добавлено через 2 минуты
Пример выше с использованием библиотеки JQuery (набор готовых функций JavaScript)
Спасибо большое, но это по сути спойлер, нужно вот так - http://www.legiona.ru/ (не реклама) к примеру нажмите на "ЗАказать"
0
Заблокирован
20.10.2013, 04:38 6
чистый css http://jsfiddle.net/Kalashnikov/ZbxfW/

Добавлено через 2 минуты
У меня аналогичный сделан на чекбоксе. Это позволяет обойтись без href.

Вот он http://jsfiddle.net/tovic/bY6ty/

Сравните. В первом случае сразу засвечивается кнопка браузера "назад", потому что ссылка была щелкнута, во втором остается мертвой.

Добавлено через 6 минут
Цитата Сообщение от SoraxCO Посмотреть сообщение
нужно вот так
А, вот так, ну тогда вешайте addEventListener'ом функцию на щелчок по картинке и вперде.
0
0 / 0 / 1
Регистрация: 19.10.2013
Сообщений: 5
20.10.2013, 08:59 7
если использовать библиотеку JQuery в ней есть уже готовый dialog, по факту это обычная форма только открывающаяся в модальном окне (плюсы: уже всё реализована, к примеру: перемещение формы, активные кнопки, большой функционал настройки, при инициализации из JS )
тут пример с оф сайта
0
-1 / 0 / 0
Регистрация: 19.10.2013
Сообщений: 38
20.10.2013, 12:23  [ТС] 8
Цитата Сообщение от free-frilans Посмотреть сообщение
если использовать библиотеку JQuery в ней есть уже готовый dialog, по факту это обычная форма только открывающаяся в модальном окне (плюсы: уже всё реализована, к примеру: перемещение формы, активные кнопки, большой функционал настройки, при инициализации из JS )
тут пример с оф сайта
Вот, спасибо, то что нужно! вот только я вставляю форму в это модальное окно, а она не отображается
0
0 / 0 / 1
Регистрация: 19.10.2013
Сообщений: 5
20.10.2013, 15:32 9
SoraxCO, выложи код, для наглядности, а о на словах не понятно в чём проблема у тебя!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.10.2013, 15:32

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как сделать чтоб при нажатии войти форма, которая выше открывалась в модальном окне?
&lt;div class=&quot;sidebox2&quot;&gt; &lt;h1&gt;Client Login&lt;/h1&gt; &lt;form method=&quot;post&quot;...

Как сделать миниатюру, чтобы при нажатии разворачивалась на максимум
она при нажатии разворачивалась на максимум (как здесь)?

Как сделать так, чтобы кнопка появлялась только после нажатия на другую кнопку
Всем привет. Возник вопрос. У меня есть сайт обмен визитами. И я хотел бы добавить такую функцию....

Как сделать, так чтобы появился текст, при нажатии на <option>
У меня есть вот такой код на странице add_auto.php, который уже находится в форме. &lt;form...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.