CODEWITHSUNDEEP
javascriptjqueryhtml
John Brad
John Brad

Reputation: 467

Input field open in new Tab with OnClick

I have an Input Field. When I click on this field it will add product into the Cart and moves on the Cart Page.

<input type="button" class="bgbutton"
value="Add to Shopping Cart" id="addtocart" name="addtocart"
onkeypress="window.event.cancelBubble=true;"
onclick="if (document.forms['form590'].onsubmit()) { document.forms['form590'].submit(); } return false;"
target="_blank">

I have given the tag target but unfortunately it does not work. Kindly give me any Solution in JQuery / JavaScript etc.

SOLUTION

Simply I add target attribute in form tag. that's it.

$("form").attr("target", "_blank");

I resolved my issue.

Thanks

Upvotes: 1

Views: 3340

Answers (2)

Sunil Kashyap
Sunil Kashyap

Reputation: 2984

Simply you can use anchor tag instead of the button

<a
     href="CART_URL" <-- here goes cart url you want to open in the new tab
     class="bgbutton"
     id="addtocart"
     name="addtocart"
     onkeypress="window.event.cancelBubble=true;"
     onclick="document.forms['form590'].onsubmit() ? document.forms['form590'].submit() :; return false;"
     target="_blank"
>Add to Shopping Cart</a>

Upvotes: 4

Coder
Coder

Reputation: 338

To open a new tab you can use the following code.

<input type="button" class="bgbutton" value="Add to Shopping Cart" id="addtocart" name="addtocart" onkeypress="window.event.cancelBubble=true;" onclick="window.open('NewPage.aspx', 'NewPage');" >

To move between pages 

<input type="button" class="bgbutton" value="Add to Shopping Cart" id="addtocart" name="addtocart" onkeypress="window.event.cancelBubble=true;" onclick="location.href = 'NewPage.aspx';" >

For more details you may want to refer to the following questions:

In JQuery you can use the following

<script>
        $(document).ready(function () {
            $(".bgbutton").click(function () {
                window.location.href = "NewPage.aspx";
            });
        });

</script>

You can carry the variables to the other page through the URL like below. 

 <script>
        $(document).ready(function () {
            var name = "coder";

            $(".bgbutton").click(function () {
                window.location = 'NewPage.aspx?username=' + name;
            });
        });

 </script>

To get the passed values to open up in new tab use the following

 <script>
        $(document).ready(function () {
            var name = "coder";

            $(".bgbutton").click(function () {
                window.open('NewPage.aspx?username=' + name,"")
            });
        });

 </script>

In order to understand how to retrieve a value from a URL, you might want to refer to the following question: Get url parameter jquery Or How to Get Query String Values In js

Upvotes: 1

Related Questions