Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Несколько submit на одной странице (Как пронумеровать формы в коде, чтобы каждому нажатию соотве) |
| Несколько submit на одной странице |
|
Как пронумеровать формы в коде, чтобы каждому нажатию соответствовало только одно открытие?
Код <h5><strong>Заголовок</strong></h5> <input type="submit" onclick="$('div.nagato').toggle('normal2');" value="Прочитать ответ"> <div class="nagato" style="display:none;"><p style="text-align: justify;">МНОГО ТЕКСТА.</p> </div> <br> Сайт: онлайн-доход.рф Страница с кодом: http://online-income.ru/index/chastye_voprosy/0-48 |
|
<h5><strong>Заголовок</strong></h5>
<input type="submit" onclick="$('#nagato1').toggle('normal2');" value="Прочитать ответ #1"> <input type="submit" onclick="$('#nagato2').toggle('normal2');" value="Прочитать ответ #2"> <input type="submit" onclick="$('#nagato3').toggle('normal2');" value="Прочитать ответ #3"> <div class="nagato" id="nagato1" style="display:none;"><p style="text-align: justify;">МНОГО ТЕКСТА.</p> <div class="nagato" id="nagato2" style="display:none;"><p style="text-align: justify;">МНОГО ТЕКСТА.</p> <div class="nagato" id="nagato3" style="display:none;"><p style="text-align: justify;">МНОГО ТЕКСТА.</p> </div> <br> Сообщение отредактировал udevlife - Вторник, 10 Ноя 2015, 07:56:56
|
|
Это
 Заработало так, как надо! Спасибо! Подскажите ещё, пожалуйста, на этой же странице сеть код окна с почтовой формой.Сейчас форма не вызывается кликом. Её так же нужно пронумеровать? <div id="chat" style="display:none;">$MFORM_1$</div> <!--</Форма заказа>--> <p style="text-align: right;"><strong><a href="javascript:;" onclick="openchat();" title="Форма вопроса">Задать свой вопрос >></a></strong></p> Заранее благодарна за ответ! |
|
admin4778,
Замените это: Код <a href="javascript:;" onclick="openchat();" title="Форма вопроса">Задать свой вопрос >></a> На это: Код <a href="#" onclick="$('#chat').toggle('normal');" title="Форма вопроса">Задать свой вопрос >></a> P.S. Наблюдаю скрытие кнопок с ответами при нажатии, чтобы исправить в CSS в самый низ добавьте: Код .row > input:focus {background:#00a8d6;} Или куда удобней добавить (но если не сработает, прописать !important перед ;). |
|
admin4778,
<a href="javascript://" onclick="new _uWnd('formBack','Моё окно 1',500,300,{autosize:1,maxh:300,minh:100},'Здесь мой контент');return false;">Окошко номер 1</a> Выделенное изменить на своё. 500,300 - Размеры окна в пикселях (500 - ширина, 300 - высота) Сообщение отредактировал udevlife - Среда, 11 Ноя 2015, 08:34:34
|
|
admin4778, код который выводится информером не способен правильно отобразиться в силу своей структуры.
Я ещё раз поправил ссылку замените её на эту и всё будет "THE BEST" ^_^ Код <a href="#" onclick="$('#chat').toggle('normal');" title="Форма вопроса">Задать свой вопрос >></a> |
|
admin4778, $MFORM_1$ - это html-код. Нельзя вставлять в атрибут тега другие теги.
Чтобы всё же вывести текст в ajax-окошке вместе со всеми тегами, нужно: 1) сохранить код, генерируемый $MFORM_1$ (скопировать из исходного кода страницы); 2) создать у себя на компьютере текстовый файл, сохранить (в кодировке UTF-8) в него этот код, назвать файл, к примеру, mform1.html; 3) загрузить через файловый менеджер на сайт; 4) на нужной странице вставить нижеследующий код (то же самое, что и выше, только немного другая структура). Код <a onclick="new _uWnd('mfw','Заголовок окошка',400,300,{autosize:1},{url:'/mform1.html',xml:false});return false;" href="javascript://">ссылка</a> /mform1.html - адрес вашего файла с формой от корня сайта. Другие параметры тоже легко настраиваются. Рекомендую почитать небольшую справку о uCoz'овских окошках. Можно использовать и другие окошки, просто, на мой взгляд, красивее, когда все окошки выдержаны в одном стиле, а не так: там uОкно, там ulightbox, там я вообще alert поставил, и, конечно же, непременно нужна куча разных окошек, которые я насобирал на разных сайтах. |
| |||
| |||