Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.12.2017, 08:10
Новичок на форуме
Отправить личное сообщение для chij25 Посмотреть профиль Найти все сообщения от chij25
 
Регистрация: 12.12.2017
Сообщений: 3

Переход по ссылке в зависимости от индификатора
Вопрос в следующем, есть код на сайте
<td>
            <a id="knopka1" onClick="knopka1();" href="#menu1">
            <img src="./images/images1.jpg" width="91" height="137" alt="menu"></a></td>
            <td>
            <a id="knopka2" onClick="knopka2();" href="#menu2">
            <img src="./images/images2.jpg" width="371" height="137" alt="menu"></a></td>
            <td>
            <a id="knopka3" onClick="knopka3();" href="#menu3">
            <img src="./images/images3.jpg" width="371" height="137" alt="menu"></a></td>
</tr>

Каким образом составить javascript код, что бы в зависимости от индификатора осуществлялся переход по нужной ссылке.
Все ссылки будут на разные сайты, сами ссылки будут в коде javascript
Можно на jquery.
Переход будет в этом же окне
Ответить с цитированием
  #2 (permalink)  
Старый 13.12.2017, 08:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,206

Сообщение от chij25
образом составить javascript код, что бы в зависимости от индификатора осуществлялся переход по нужной ссылке
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var arr=[
		'url0',
		'url1',
		'url2'
	];
	$('a').click(function(){
		var i=this.id.match(/\d+/);
		alert(arr[i]);
	});
});
</script>
</head>
<body>
<table>
	<tr>
		<td>
			<a id="knopka0" href="#menu1">
			<img src="./images/images1.jpg" width="91" height="137" alt="menu 0"></a>
		</td>
		<td>
			<a id="knopka1" href="#menu2">
			<img src="./images/images2.jpg" width="371" height="137" alt="menu 1"></a>
		</td>
		<td>
			<a id="knopka2" href="#menu3">
			<img src="./images/images3.jpg" width="371" height="137" alt="menu 2"></a>
		</td>
	</tr>
<table>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переход по ссылке metlick Общие вопросы Javascript 2 26.12.2015 18:11
Плавный переход к элементу по внешней ссылке deniskutovskiy jQuery 13 16.10.2015 22:30
Переход по ссылке porezon Общие вопросы Javascript 0 25.10.2014 18:21
По клику на картинку с ссылкой открывается портфолио, а нужен переход по ссылке nitoiti Общие вопросы Javascript 7 08.09.2014 14:39
переход по ссылке только после нескольких кликов по ней smilexpo Events/DOM/Window 8 24.11.2009 16:57