Открытие внешних ссылок на одной и той же новой вкладке

Question

Как открыть внешние ссылки в той же новой вкладке в том же окне браузера?

(т.е. первый щелчок во внешней ссылке запускает новую вкладку, но последующие клики на внешних ссылок открываются в той же вкладке без создания дополнительных вкладок в окне браузера)

Пример: Посмотрите, как LegWorkStudio делает это в своем портфеле между следующими ссылками

1. http://www.legworkstudio.com/interactive/laika-the-boxtrolls
2. http://www.legworkstudio.com/interactive/kentucky-fried-chicken
3. http://www.legworkstudio.com/interactive/newton-run-better
4. http://www.legworkstudio.com/interactive/coke-ahh-effect

Answer 1

Кажется, они просто изменить window.location переменную onclick затем работает некоторое JS код для отображения нужного раздела.

При загрузке они наверняка прочитали последний аргумент window.location и отобразили правую секцию.

Вы можете сделать что-то подобное:

var myButton = document.getElementById("sectionXXXButton"); 
myButton.onclick = function(){ 
    var a = window.location.split("/"); 
    a[a.length-1] = "XXX"; 
    window.location = a.join("/"); 
    // Some code to undisplay/display appropriate sections 
} 

Answer 2

HTML:

<div id="target" /> 
<div id="source"><p>bla bla bla</p></div> 

Содержание замена через нормальный JavaScript:

document.getElementById("target").innerHTML = document.getElementById("source").innerHTML; 

Содержание replament с помощью JQuery:

$("#target").html($("#source").html()); 

Вы можете связать этот код с ссылкой, добавив метод onclick к ссылке и обернув ее в функцию (обычный JS) или с помощью различных методов jQuery (on, click).

Пример JS:

<a id="copytext" href="#" onclick='copyText();return false'>Copy text</a> 
<script> 
    function copyText() { 
     document.getElementById("target").innerHTML = document.getElementById("source").innerHTML; 
    } 
</script> 

Пример JQuery:

<script> 
$(function() { 
    $("#copyref").click(function(e) { 
     e.preventDefault(); 
     $("#target").html($("#source").html()); 
    }); 
}) 
</script>