Изменение ссылки при установке флажка

Dezmont · October 22, 2010

Здравствуйте. Вот возник вопрос, прям не знаю куда с ним сунуться. Почему то мне кажется, что это к JS, но я о нём почти ничего не знаю и решил задать сюда.

В общем у меня есть 5 ссылок. Под ними есть флажок (checkbox) из тега <input>. Я хочу, чтобы если пользователь поставит этот флажок, мои ссылки вели уже в другое место. То есть чтобы в реальном времени они изменились. Для изменения ссылок я могу на РНР написать скриптик, но как мне передать этому скрипту параметр без обращения к серверу и без обновления вёб-страницы?

Veseloff · October 22, 2010

Это на яваскрипте надо делать. Ставим чекбоксу на onchange проверку if(this.checked) ну и в зависимости от этого делаем для нужной ссылки нужное значение атрибута href. Как-то так.

psywalker · October 22, 2010

Да, а у чекбокса можно в value записать нужный хреф.

CoDy · October 24, 2010

Можно так сделать

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
</head>
<body>
  <form id="my_form" action="" method="get">
	<ul>
	  <li><a href="default_href" id="link_1">LINK 1</a></li>
	  <li><a href="default_href" id="link_2">LINK 2</a></li>
	  <li><a href="default_href" id="link_3">LINK 3</a></li>
	</ul>
	<input id="linkChanger_1" type="checkbox" value="link_1@new_hre_1" onChange="java script: changeLinkHref(this);">
	<input id="linkChanger_2" type="checkbox" value="link_2@new_hre_2" onChange="java script: changeLinkHref(this);">
	<input id="linkChanger_3" type="checkbox" value="link_3@new_hre_3" onChange="java script: changeLinkHref(this);">
  </form>
<script type="text/javascript">
function changeLinkHref(inputChanger)
{
	var param = inputChanger.value.split('@');
	var link = document.getElementById(param[0]);

	param[2] = link.href;
	link.href = param[1];
	inputChanger.value = param[0] +'@'+ param[2];

	return true;
}
</script>
</body>
</html>

Sign In

Изменение ссылки при установке флажка

Question

Dezmont

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

CoDy

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information