Open Twitter Share Window in Popup in ASP.Net Application

Introduction

This article explains how to open a Twitter Share Window in a a popup in an ASP.NET application.

Nearly everyone of us accesses Twitter daily and shares something on it, we can provide a sharing feature on our Website that also does not allow the user to leave our website, this can be done by letting the user share something using the popup window. Here I will create a simple application where I will show how you can share something on Twitter using a popup window.

Step 1

First of all create a new web application. In this application create a Div and use an anchor that will help us to redirect.

As I said here, I took a Div and an anchor whose href is set to "http://twitter.com/share".

Now at this time if you run the application then an output like this will be seen:

If you click on this link then a Twitter page will be opened in the same window but not in a popup, so the user will leave your website and be redirected to Twitter.

Step 2

Now to open this Twitter window in a popup without letting the user leave the current page.

This functionality can be done by using jQuery, so write this code in the script tag:

Here I created a click function using the Id of anchor, I had defined the height, width and position of the window in which the new URL needs to be opened.

You need to apply this function to the body section because I had not applied the ready function at the start of it, if you don't want to apply it in the body section and want to apply it in the head section then you need to first use the ready function at the start of it otherwise it will not work.

Now if we run the application then an output like this will be seen:

As I click on the link a popup window is opened in which Twitter is avilable.

But still our link button is not so impressive and looks like a normal link, it should like a Twitter button.

Step 3

For making the normal link a Twitter Link add this style: