Modify javascript to open in a new window (window.location.href)

Question

I'm creating a site for a client who needs to use a zip code to search for a provider but the search is on a provider search website that's not within our domain. I need to modify this script to be able to force it to open in a new window.

<script type="text/javascript">
    $(document).ready(function () {
        var submitVetSearchD = function () {
            submitVetSearch($('#zip'));
        }

        function submitVetSearchM() {
            submitVetSearch($('#zipM'));
        }

        function submitVetSearchF() {
            submitVetSearch($('#zipF'));
        }

        function submitVetSearch(ele) {
            var zipval = ele.val();
            var url = 'https://www.fakesearchresultswebsite.com/';
            if (zipval !== "") {
                return window.location.href = url + '?zip=' + zipval;
            }
        }

        $("#zip").keyup(function (event) {
            if (event.keyCode == 13) {
                submitVetSearchD();
            }
        });
        $('#large-header-vet-search').click(submitVetSearchD);

        $("#zipM").keyup(function (event) {
            if (event.keyCode == 13) {
                submitVetSearchM();
            }
        });
        $('#mob-vet-search').click(submitVetSearchM);

        $("#zipF").keyup(function (event) {
            if (event.keyCode == 13) {
                submitVetSearchF();
            }
        });
        $('#footer-vet-search').click(submitVetSearchF);

        $("a[rel^='prettyPhoto']").prettyPhoto();

        //top menu size
        $(window).resize(function () {
            setTopMenuHeight();
        });

        setTopMenuHeight();

        var smallHeader = false;
        var menuBig = true;

        $(document).scroll(function () {
            var ele = $("#top-menu-height");
            var menuBigNew = !(ele.is(":visible") && $(window).scrollTop() > 200);

            if (menuBig != menuBigNew && smallHeader) {
                menuBig = menuBigNew;

                $("#navtop").toggleClass("small-page-header");
                $(".fixed-top").toggleClass("pos-fix");
                $("#page-header").toggleClass("fixed-header");
                $("#title-area").toggleClass("title-area-small");

                $("#logo1").finish();
                $("#logo2").finish();
                $("#top-menu").finish();

                if (menuBig) {
                    $("#logo2").toggle();
                    $("#logo1").toggle(1000);
                } else {
                    $("#logo1").toggle();
                    $("#logo2").toggle(1000);
                }

                //$("#top-menu").fadeToggle();
            }
        });

        //$('body').on('open.fndtn.reveal', function(){
        //    $('body').css('overflow', 'hidden');
        //});

        //$('body').on('closed.fndtn.reveal', function(){
        //    $('body').css('overflow', 'visible');
        //});
    });

    function setTopMenuHeight() {
        var ele = $("#top-menu-height");
        var height = $("#page-header").height();
        ele.height(height);
    }
</script>

developer.mozilla.org/en-US/docs/Web/API/Window/open

Teemu
– Teemu

2016-11-13 17:31:14 +00:00
Commented Nov 13, 2016 at 17:31 — Teemu
– Teemu, Commented Nov 13, 2016 at 17:31

Feathercrown · Accepted Answer · 2016-11-13 17:33:38Z

1

Replace

return window.location.href = url + '?zip=' + zipval;

with

var newWin = window.open(url + '?zip=' + zipval);
return true;

Declare newWin in the global scope, it will reference the new window.

Reference: http://www.w3schools.com/jsref/met_win_open.asp

answered Nov 13, 2016 at 17:33

Feathercrown

2,5911 gold badge18 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Modify javascript to open in a new window (window.location.href)

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related