how to use image button to open the url in another window

Question

Hi I know how to acheive this in hyperlink by setting target = _blank , how can i do this using image button control , below is my code:

<asp:ImageButton OnClick="test_Click" ImageUrl="/images/contactUs/directionbtn.png" ID="test" runat="server" ValidationGroup="group2" />

             <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
            ControlToValidate="txtPostcode1" ErrorMessage="Postcode is required"  ValidationGroup="group2"></asp:RequiredFieldValidator>
            <br />

Code behind:

    protected void test_Click(object sender, ImageClickEventArgs e)
{

    Response.Redirect(String.Format("http://maps.google.co.uk/maps?saddr={0}&daddr=&daddr=Wigan+WN6+0HS,+United+Kingdom&iwloc=1&dq=Tangent+Design", txtPostcode1.Text));



}

Any help or advice will be highly appreciated

Use an anchor as a container of the image. Or asp.net jargon, — Roberto Alarcon, Apr 21 '11 at 15:54
i need to pass txtpostcode value to the link , how will i acheive that then4 — Mr A, Apr 21 '11 at 15:56
ok... do it in javascript in javascript: foo(){ var txtPostCode = document.getElementById('txtPostcode1').value; window.open("http://maps.google.co.uk/maps?saddr=" + txtPostcode1 + "&daddr=&daddr=Wigan+WN6+0HS,+United+Kingdom&iwloc=1&dq=Tangent+Design"","MyWindow","height=375,width=350"); } // don't forget to validate if(txtPostcode1 !== ''){foo();} — Roberto Alarcon, Apr 21 '11 at 16:00

score 6 · Answer 1 · edited Oct 18 '20 at 09:17

6

protected void Page_Load() {
   ControlID.Attributes.Add("target", "_blank");    
}

If that doesn't work, try adding this to your ImageButton:

<asp:ImageButton runat="server" OnClientClick="window.open('http://url/to/open');" ></asp:ImageButton>

edited Oct 18 '20 at 09:17

ag93

343
4
17

answered Apr 21 '11 at 16:01

Jack Marchetti

15,536
14
81
117

should i do something like this ImageButton1.Attributes.Add("target", "_blank"); – Mr A Apr 21 '11 at 16:04
Just curious - Why don't you just use the control or – Jack Marchetti Apr 21 '11 at 16:18
link button doesnt support image .. and i can use hyperlink but hyperlink doesnt support onclick event:( – Mr A Apr 21 '11 at 16:24
1

i tried ImageButton1.Attributes.Add("target", "_blank"); but still the it opens up in the same window .. – Mr A Apr 21 '11 at 16:24

score 4 · Answer 2 · answered Mar 10 '13 at 07:57

I just figure it out..

On Page_Load event, put

    this.Form.Target = "_blank"; // Will set all link's target to a new window

Then for example in a image button Click event, you put:

    Response.Redirect("http://stackoverflow.com");

It will simply open this page in a new tab. Try it :)

score 3 · Answer 3 · answered Dec 31 '12 at 17:42

3

Add target="_blank" to onClientClick will do the trick

answered Dec 31 '12 at 17:42

user1940039

31
1

score 3 · Answer 4 · answered Feb 20 '15 at 18:43

3

In the code behind.

imgbtn.OnClientClick = "target='blank'";

And you're done.

answered Feb 20 '15 at 18:43

M H

2,179
25
50

score 3 · Answer 5 · answered Apr 21 '11 at 15:57

3

you could use the Attributes collection to add "target","_blank"

this should add the target attribute to the anchor link surrounding the image

answered Apr 21 '11 at 15:57

Sonic Soul

23,855
37
130
196

do we have to do something like this ImageButton1.Attributes.Add("target", "_blank"); – Mr A Apr 21 '11 at 16:02

score 0 · Answer 6 · answered Feb 19 '14 at 11:35

0

Try this:

<asp:ImageButton OnClick="test_Click" ImageUrl="/images/contactUs/directionbtn.png" ID="test" runat="server" ValidationGroup="group2" OnClientClick="form1.target ='_blank';" />

answered Feb 19 '14 at 11:35

Can Ayten

1

score 0 · Answer 7 · edited Jan 08 '18 at 11:09

0

this.Form.Target = "_blank";

This way the client can see what he wants in a new page, since the server and what is available and his account in the site available at the beginning PageLoad

edited Jan 08 '18 at 11:09

Petter Friberg

21,252
9
60
109

answered Jan 08 '18 at 11:05

Pedro Alves

1
1

how to use image button to open the url in another window

7 Answers7