Табы и переменные в js / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Табы и переменные в js

15 сообщений из 15, страница 1 из 1

Табы и переменные в js

#37978131

Минин Игорь

Гость

Приветствую всех. Подскажите пожалуйста мне в моей возникшей проблеме. Суть вот в чем: имеется табы (вкладки) на js и css.

В виде:

html

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

<ul id="tabs">
<li><a href="#" title="one" class="close"><div class="select">Тариф 1</div></a></li>
<li><a href="#" title="two" class="close"><div class="select">Тариф 2</div></a></li>
<li><a href="#" title="tree" class="close"><div class="select">Тариф 3</div></a></li>
<li><a href="#" title="for" class="close"><div class="select">Тариф 4</div></a></li>

</ul>


<div id="content">
<div id="one">Один контент</div>
<div id="two">Второй контент </div>
<div id="tree">Третий контент</div>
<div id="for">Четвёртый контент</div>
</div>

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

$(document).ready(function() {
        $("#content div").hide(); 
        $("#tabs li:first").attr("id","current"); 
        $("#content div:first").fadeIn(); 
 
    $('#tabs a').click(function(e) {
        e.preventDefault();
        $("#content div").hide();
        $("#tabs li").attr("id",""); 
        $(this).parent().attr("id","current"); 
        $('#' + $(this).attr('title')).fadeIn(); 
    });
})();

Имеются эти вкладки с тарифами и имеется форма отправки. Стоит задача, чтобы в форму отправки автоматически вставлялось значение того тарифа, чья вкладка на данный момент открыта. Я понимаю, что js и php это разные вещи =)

Данный способ создания табов нашел на в сети. =) Признаюсь, с js только знакомлюсь.

...

Рейтинг:

0 / 0

01.10.2012, 11:38:58

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978261

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

Минин ИгорьСтоит задача, чтобы в форму отправки автоматически вставлялось значение того тарифа, чья вкладка на данный момент открытанифига не понятно
кем вставлялось?
в какой момент вставлялось?
как вообще связаны между собой "эти вкладки с тарифами и форма отправки"?

...

Рейтинг:

0 / 0

01.10.2012, 12:26:12

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978349

Минин Игорь

Гость

Форма и вкладки никак не связаны. Необходимо вставлять значение в форму, в зависимости от того, какая вкладка сейчас активна. Это возможно сделать с помощью js? Я его только начинаю изучать.

...

Рейтинг:

0 / 0

01.10.2012, 13:02:20

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978382

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Минин Игорьв зависимости от того, какая вкладка сейчас активнаЧтобы не громоздить разруливание таких зависимостей на js, я делаю по форме на каждую вкладку. Для выбора нужной формы требуется на порядок меньше скрипта. Или вообще не требуется — если каждую форму снабдить своим сабмитом.

...

Рейтинг:

0 / 0

01.10.2012, 13:13:05

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978413

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

Минин ИгорьФорма и вкладки никак не связаныв разных окнах чтоли?

...

Рейтинг:

0 / 0

01.10.2012, 13:22:27

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978456

Ифреймов Вася

Участник

Сообщения: 361

Рейтинг: 0 / 0

Минин Игорь,

такие вещи принято делать c помощью ajax

...

Рейтинг:

0 / 0

01.10.2012, 13:37:31

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978492

Минин Игорь

Гость

AntonariyЧтобы не громоздить разруливание таких зависимостей на js, я делаю по форме на каждую вкладку. Для выбора нужной формы требуется на порядок меньше скрипта. Или вообще не требуется — если каждую форму снабдить своим сабмитом.

Такой вариант рассматривал, просто код получается тогда очень перегруженным, т.к. таких форм будет порядка 20 штук у одного элемента. По этому хотелось сделать одну форму, в которую включались переменные в зависимости от активной вкладки.

...

Рейтинг:

0 / 0

01.10.2012, 13:52:22

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978506

Минин Игорь

Гость

Паганельв разных окнах чтоли?

Они находятся на одной странице. Только форма находится в модальном окне. А сами вкладки непосредственно на самой странице.

...

Рейтинг:

0 / 0

01.10.2012, 13:55:21

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978512

Ифреймов Вася

Участник

Сообщения: 361

Рейтинг: 0 / 0

Минин ИгорьAntonariyЧтобы не громоздить разруливание таких зависимостей на js, я делаю по форме на каждую вкладку. Для выбора нужной формы требуется на порядок меньше скрипта. Или вообще не требуется — если каждую форму снабдить своим сабмитом.

Такой вариант рассматривал, просто код получается тогда очень перегруженным, т.к. таких форм будет порядка 20 штук у одного элемента. По этому хотелось сделать одну форму, в которую включались переменные в зависимости от активной вкладки.

у формы есть событие onsubmit - подпишитесь на него, и проверяйте там, какая вкладка является активной
если вы затрудняетесь это сделать, так как "Признаюсь, с js только знакомлюсь" - то советую получше познакомиться - все равно понадобиться

...

Рейтинг:

0 / 0

01.10.2012, 13:57:26

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978557

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

Минин ИгорьНеобходимо вставлять значение в форму, в зависимости от того, какая вкладка сейчас активнаПаганельв какой момент?

...

Рейтинг:

0 / 0

01.10.2012, 14:17:24

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978568

Ифреймов Вася

Участник

Сообщения: 361

Рейтинг: 0 / 0

Минин Игорь,

Я вот еще что подумал:
решения с множеством табов и единственной кнопкой submit будет неизбежно приводить к тому, что пользователи будут путаться, заполнять данные, а потом вместо сохранения - переключаться на другой таб. данные будут теряться или будет теряться время пользователей и их нервы. пользователи будут нервничать и материть разработчика - и справедливо.

Если уж вы спрашиваете на форуме - то опишите проблему на уровень выше - не как пытаетесь ее решить, а что должно происходить на странице. Без указания конкретных элементов - табов или чего-то еще

...

Рейтинг:

0 / 0

01.10.2012, 14:21:20

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978605

Минин Игорь

Гость

Ифреймов ВасяЯ вот еще что подумал:
решения с множеством табов и единственной кнопкой submit будет неизбежно приводить к тому, что пользователи будут путаться, заполнять данные, а потом вместо сохранения - переключаться на другой таб. данные будут теряться или будет теряться время пользователей и их нервы. пользователи будут нервничать и материть разработчика - и справедливо.

Если уж вы спрашиваете на форуме - то опишите проблему на уровень выше - не как пытаетесь ее решить, а что должно происходить на странице. Без указания конкретных элементов - табов или чего-то еще

Информация во вкладах несет собой информативный характер и в них никакой информации вбивать не надо. Если человеку тариф на той или иной вкладки понравился, то он просто нажимает кнопку "оформить заявку", которая ведет в модальное окно, где располагается форма отправки, и куда предполагается вставлять название выбранного им тарифа (название той вкладки, которая была активна, при переходе им в модальное окно).

...

Рейтинг:

0 / 0

01.10.2012, 14:40:55

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978608

Минин Игорь

Гость

Паганельв какой момент? В момент перехода в модальное окно с формой.

...

Рейтинг:

0 / 0

01.10.2012, 14:42:27

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978612

Минин Игорь

Гость

Ифреймов Васято советую получше познакомиться - все равно понадобиться

Это само собой, но сейчас нужно разобраться с этой задачей.
А так уже по этой теме занялся поиском подходящей литературы.

...

Рейтинг:

0 / 0

01.10.2012, 14:43:26

| Ответить | Цитировать | Написать

Табы и переменные в js

#37978682

Ифреймов Вася

Участник

Сообщения: 361

Рейтинг: 0 / 0

Минин ИгорьИфреймов ВасяЯ вот еще что подумал:
решения с множеством табов и единственной кнопкой submit будет неизбежно приводить к тому, что пользователи будут путаться, заполнять данные, а потом вместо сохранения - переключаться на другой таб. данные будут теряться или будет теряться время пользователей и их нервы. пользователи будут нервничать и материть разработчика - и справедливо.

Если уж вы спрашиваете на форуме - то опишите проблему на уровень выше - не как пытаетесь ее решить, а что должно происходить на странице. Без указания конкретных элементов - табов или чего-то еще

Информация во вкладах несет собой информативный характер и в них никакой информации вбивать не надо. Если человеку тариф на той или иной вкладки понравился, то он просто нажимает кнопку "оформить заявку", которая ведет в модальное окно, где располагается форма отправки, и куда предполагается вставлять название выбранного им тарифа (название той вкладки, которая была активна, при переходе им в модальное окно).

Ну в таком случае вы подписываетесь на событие onclick кнопок "оформить заявку", и присваиваете значение, например:
form.tarif_type.value = val;

...

Рейтинг:

0 / 0

01.10.2012, 15:13:39

| Ответить | Цитировать | Написать

15 сообщений из 15, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Табы и переменные в js

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=37978506&tid=1449287]:	0ms
get settings:	8ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	185ms
get topic data:	9ms
get forum data:	3ms
get page messages:	51ms
get tp. blocked users:	1ms
others:	280ms

total:	557ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы