VPF::при нажатии на ссылку, передать ее значение

lumentek

Дата 16.7.2010, 20:15 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

На некоторых сайтов видел следущее (сейчас эти сайты вспомнить не могу)

Например, есть поисковая форма, и там помимо ввода указывается логика И ИЛИ, и заместо радио там сдеанно вот как: Размещенны 2 пунктирные ссылки И ИЛИ, если нажимаем на или, то она выделяется фоном и при отправке формы передает соответсвующее значение, и аналогично если нажали ИЛИ.

Кто знает где можно такое найти или у кого-то есть работающий пример?

CruorVult

Дата 16.7.2010, 20:31 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28

Код


<form  method="post">
<a href="" onclick="this.form.action='mysite?param=and; this.form.submit()'">и</a>
<a href="" onclick="this.form.action='mysite?param=or; this.form.submit()'">или</a>
</form>

lumentek

Дата 16.7.2010, 22:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Нет, не пойдет. В вашем случае при нажатии на ссылку, она уже отправляет, а мне нужно чтобыбыло просто выбрано значение (аналог радио формы). А отправлять уже будет кнопка submit
Вот я в аттаче пример для новостей показал. тоесть в нем выделенный желтым явялется выбранным значением. Мне нужно точно так же выбирать значение И ИЛИ, а форма должна в соответсвии с выбранным пользователем значением отправлять либо OR, либо AND

Это сообщение отредактировал(а) lumentek - 16.7.2010, 23:06

Присоединённый файл ( Кол-во скачиваний: 5 )

ya.png 1,53 Kb

domla

Дата 16.7.2010, 22:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 19.12.2009

Репутация: нет
Всего: 1

Код


<form  method="post">
<input type="hidden" name="param" value="" />
<a href="" onclick="this.form.param.value='and'; return false;">и</a>
<a href="" onclick="this.form.param.value='or'; return false;">или</a>
</form>

lumentek

Дата 16.7.2010, 23:11 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Мысль верная, но ваш код не работет

Код


<html>

<head>
  <title></title>
</head>

<body>

<form  method="post">
<input type="hidden" name="param" value="" />
<a href="#" onclick="this.form.param.value='and'; return false;">и</a>
<a href="#" onclick="this.form.param.value='or'; return false;">или</a>
<input type="submit" value="Send">
</form>

<?
  print_r($_POST);
?>

</body>

</html>

domla

Дата 16.7.2010, 23:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 19.12.2009

Репутация: нет
Всего: 1

:( действительно.... ссылка не имеет свойства form...
тогда так:

Код


<form method="post" id="frm">
<input type="hidden" name="param" value="" />
<a href="" onclick="document.getElementById('frm').param.value='and'; return false;">и</a>
<a href="" onclick="document.getElementById('frm').param.value='or'; return false;">или</a>
<input type="submit" value="Send">
</form>

lumentek

Дата 16.7.2010, 23:38 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Спасибо Вам!!!!
Такой еще вопрос как сделать так чтобы при кликании на И она становилось активной, тоесть чтобы например имела желтый фон и аналогично для ИЛИ

domla

Дата 16.7.2010, 23:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 19.12.2009

Репутация: нет
Всего: 1

Код


<form method="post" id="frm">
<input type="hidden" name="param" value="" />
<a href="" id="and" onclick="return params(this);">и</a>
<a href="" id="or" onclick="return params(this);">или</a>
<input type="submit" value="Send">
</form>

<script type="text/javascript">
var param = document.getElementById('frm').param;
var and = document.getElementById('and');
var or = document.getElementById('or');
function params(o) {
    param.value = o.id;
    and.style.backgroundColor = 'white';
    or.style.backgroundColor = 'white';
    o.style.backgroundColor = 'yellow';
    return false;
}
</script>

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »