Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Несколько submit на одной странице (Как пронумеровать формы в коде, чтобы каждому нажатию соотве)
Несколько submit на одной странице
admin4778
Сообщений: 25
Репутация: 0

Сообщение # 1 | 01:52:25
Как пронумеровать формы в коде, чтобы каждому нажатию соответствовало только одно открытие?

Код
<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
udevlife
Сообщений: 272
Репутация: 60

Сообщение # 2 | 07:56:29
<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
admin4778
Сообщений: 25
Репутация: 0

Сообщение # 3 | 15:10:43
Это up

Заработало так, как надо! Спасибо!

Подскажите ещё, пожалуйста, на этой же странице сеть код окна с почтовой формой.Сейчас форма не вызывается кликом.

Её так же нужно пронумеровать?

<div id="chat" style="display:none;">$MFORM_1$</div>
<!--</Форма заказа>-->

<p style="text-align: right;"><strong><a href="javascript:;" onclick="openchat();" title="Форма вопроса">Задать свой вопрос >></a></strong></p>

Заранее благодарна за ответ!
udevlife
Сообщений: 272
Репутация: 60

Сообщение # 4 | 15:34:41
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
Сообщений: 25
Репутация: 0

Сообщение # 5 | 22:14:04
Спасибо!!! Это действительно помогло!
Форма открывается, только теперь на странице (при нажатии на кнопку происходит повторное открытие страницы).
Есть ли способ оставить форму в отдельном (модальном окне)?
udevlife
Сообщений: 272
Репутация: 60

Сообщение # 6 | 08:31:36
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
Сообщений: 25
Репутация: 0

Сообщение # 7 | 00:14:42
Огромное спасибо! Оно открывается, но если вместо 'Здесь мой контент' вставить $MFORM_1$ (для вывода постовой формы) - получается абра-кадарбра
Подскажите, где я опять нафеячила sad
udevlife
Сообщений: 272
Репутация: 60

Сообщение # 8 | 16:40:27
admin4778, код который выводится информером не способен правильно отобразиться в силу своей структуры.
Я ещё раз поправил ссылку замените её на эту и всё будет "THE BEST" ^_^
Код
<a href="#" onclick="$('#chat').toggle('normal');" title="Форма вопроса">Задать свой вопрос >></a>
admin4778
Сообщений: 25
Репутация: 0

Сообщение # 9 | 00:31:06
Заменила на это
<a href="$MFORM_1$" onclick="$('#chat').toggle('normal');" title="Форма вопроса">Задать свой вопрос >></a>
Не помогает cry
Это безнадежно, Да?
udevlife
Сообщений: 272
Репутация: 60

Сообщение # 10 | 08:35:31
admin4778, Замените на то, что я Вам дал.
PtrPt
Сообщений: 87
Репутация: 33

Сообщение # 11 | 11:20:30
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 поставил, и, конечно же, непременно нужна куча разных окошек, которые я насобирал на разных сайтах.
admin4778
Сообщений: 25
Репутация: 0

Сообщение # 12 | 11:35:07
Благодарю за ЛикБез!
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Несколько submit на одной странице (Как пронумеровать формы в коде, чтобы каждому нажатию соотве)
Страница 1 из 11
Поиск: