Форум

chij25 · #1 (**permalink**) 13.12.2017, 08:10

Вопрос в следующем, есть код на сайте

<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.
Переход будет в этом же окне

ksa · #2 (**permalink**) 13.12.2017, 08:45

Сообщение от 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>

Форум

Справочник

Discord чат

Курсы javascript