Jump to content

Recommended Posts

Друзья! нужна помощь в JS

 

дано:

 

ID = link1

ID = link2

 

нужно чтобы при клике на ID link1 вызывалась страничка site1.ru в новом окне

а при клике на ID link2 вызывалась страничка site2.ru в новом окне

 

что-то типа

 

<script>

document.getElementById("link1").onclick="http://site1.ru/";

</script>

 

 

ток не работает почему-то(

Link to post
Share on other sites

 

ID = link1

ID = link2

 

нужно чтобы при клике на ID link1 вызывалась страничка site1.ru в новом окне

а при клике на ID link2 вызывалась страничка site2.ru в новом окне

 
прошу прощение, не в новом окне, а новой вкладке, аналог <a href="http://site1.ru"target="_blank"></a>
 

 

там не понятно как сделать чтобы при клике на кнопку или картинку с ID link1 Открывалась нужная вкладка

Link to post
Share on other sites

На jQuery это можно сделать так:





<span id="link1" data-url="http://www.yandex.ru/">Yandex</span>
<br />
<span id="link2" data-url="http://www.google.ru/">Google</span>
<script type="text/javascript">
	$(document).ready(function(){
		$("span").click(function(){
			//var id = $(this).attr("id");
			var url = $(this).data("url");
			window.open(url);
		});
	});
</script>

Или на чистом JavaScript:




<span id="link1" data-url="http://www.yandex.ru/">Yandex</span>
<br />
<span id="link2" data-url="http://www.google.ru/">Google</span>
<script type="text/javascript">
	var id = document.querySelectorAll("span");
	for(var i = 0; i < id.length; i++){
		id.item(i).addEventListener("click", function(){
			var url = this.dataset.url;
			window.open(url);
		});
	}
</script>
Edited by xmka
Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...