Переход по ссылке в зависимости от индификатора
Вопрос в следующем, есть код на сайте
<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. Переход будет в этом же окне |
Цитата:
<!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>
|
| Часовой пояс GMT +3, время: 01:02. |