Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > при нажатии на ссылку, передать ее значение

Автор: lumentek 16.7.2010, 20:15

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

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

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

Автор: CruorVult 16.7.2010, 20:31

Код


<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

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

Автор: domla 16.7.2010, 22:55

Код


<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

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

Код


<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

:( действительно.... ссылка не имеет свойства 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

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

Автор: domla 16.7.2010, 23:54

Код


<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>