Закрыть окна или вкладки одним нажатием кнопки

Question

В моем браузере открыта вкладка, которая запускает мой веб-сайт. После нажатия кнопки мой сайт откроет другие окна или вкладки с разными URL-адресами в каждом.

<form action="search.php" method="get">
    <input type="text" name="item" size="30" style="font-size:140%" id="item">
    <input type="submit" value="Search All" style="font-size:140%" id="submit">
</form>

JS, который выполняет это, представлен ниже:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function(){
    function get(id) {
        return document.getElementById(id);
    }
    $("#submit").click(function() {
        get("guitarcentertext").value = get("item").value;
        get("music123text").value = get("item").value;
        get("musiciansfriendtext").value = get("item").value;
        get("prosoundtext").value = get("item").value;

        $("input#guitarcenterbutton").click();
        $("input#btnSearch").click();
        $("input#musiciansfriendbutton").click();
        $("input#prosoundbutton").click();
        return false;
    });
});
</script>

Вопрос. Есть ли способ, которым при нажатии другой кнопки я могу закрыть ранее открытые вкладки?

Спасибо за вашу помощь! :)

Answer 1

Вы можете использовать window.open () для создания новых окон и управления моментом их закрытия.

Пример:

function mypopup() {
    mywindow = window.open ("http://www.javascript-coder.com",
                            "mywindow",
                            "location=1,status=1,scrollbars=1,"+
                            "width=100,height=100");
    mywindow.moveTo(0,0); // move the window to a particular location

    // do your stuff ...

    mywindow.close(); // close that popup when you are done
}

Как видите, вы можете контролировать, когда хотите закрыть окна, используя window.close () .

Вы можете открывать ссылки на новых вкладках, просто используя target="_blank" в ссылке, но вы говорите, что у вас есть форма, отправка которой приведет к открытию нового окна. Но вместо использования кнопки отправки, используйте обычную кнопку и прикрепите обработчик события к нему, по которому щелкаете. Когда вы нажмете на него, откройте окно и работайте над своим моджо.

Что касается вашего запроса об открытии вкладок вместо окон, я не совсем уверен, что это можно сделать. Я могу придумать пару плохих способов сделать это, используя участие на стороне сервера, но я почти уверен, что вы этого не ищете. Даже использование target="_blank" просто говорит браузеру не открывать ссылку на той же странице. В браузере можно выбрать новое окно или новую вкладку (в основном это новая вкладка).

Ура!

Answer 2

Попробуйте:

<input type="button" class="add-btn" value="Close" onclick="javascript:window.top.close();">