How to: Create and Delete a cookie in ASP.NET C#

Didsbury Design — Thu, 29 Apr 2010 12:27:55 +0000

I thought I would do a quick post about Creating and more importantly Deleting cookies in ASP.NET as it’s not quite as obvious as it may seem with the misleading .Remove() method which doesnt do as you would expect.

I hope this helps someone get started with cookies if your just getting started with the .NET framework.

Creating a cookie

This is a basic example of how to create a cookie in ASP.NET C#

//Create a new cookie, passing the name into the constructor
HttpCookie cookie = new HttpCookie("MyCookie");

//Set the cookies value
cookie.Value = "CookieValue";

//Set the cookie to expire in 1 day
cookie.Expires = DateTime.Now.AddDays(1);

//Add the cookie
Response.Cookies.Add(cookie);

Deleting a cookie

When deleting a cookie all you need to do is amend the HttpCookie object so it has an expiry date in the past, then re-save the cookie to push the new value to the client.

// Clear cookie Info
            if(Request.Cookies["MyCookie"]!=null){

                HttpCookie cookie = Request.Cookies["MyCookie"];
                cookie.Expires = DateTime.Now.AddDays(-1);

                Response.Cookies.Add(cookie);
            }

How to: Use JQuery – The Basics

Didsbury Design — Fri, 29 Jan 2010 00:04:33 +0000

JQuery Basics
This post will show you some of the basics of JQuery. It is not an in depth tutorial but will give you some pointers to get you started with JQuery.
OK, the first piece of code you need to use JQuery is a link to the JQuery JS library. First, download the latest JQuery Library from the following link….
http://docs.jquery.com/Downloading_jQuery
Then link to it like any other javascript file (like so)…

<script src="./js/jquery-1.4.1.js">script>

Obviously choosing the correct path for your version web server file system setup.
The next step after linking the JQuery library is to use it! Look at the following piece of code.

<script src="./js/jquery-1.4.1.js">script>
	<script>
		$(document).ready(function() {
			// here is some code
		});
	script>

This is essentially the same as calling a standard Javascript Window.OnLoad event handler, except it’s the JQuery way.
We are saying… when the document is ready (loaded) run some code.
This is your basic first step to using JQuery. You can also use other event handlers to launch your code, or even call the functions directly, but often when using JQuery, especially for styling/design features, you will want to run the code and so this is the easiest way.
At the moment this code is not very useful, as it doesn’t do anything, so let’s add a little more.
Let’s create a very basic html page.


	
		JQuery Basics
	
	
		Link 1
		Link 2
		Link 3

Ok now let’s add some JQuery….


	
		JQuery Basics
		
		
	
	
		Link 1
		Link 2
		Link 3

Now save the file and open it in a web browser. When you click a link you should find you get a popup.
Let’s examine this code a little further.

$('a').click(function() {
		alert("This is JQuery in action!");
	});

The first part

$('a')

is a selector, the same as in CSS. Here we are saying apply to all of the A (anchor) tags in the document.
Next we’re saying

.click(function() {

This means for all of those A tags use the click event handler.
Finally we’re saying when that click event is found on an A tag

alert("This is JQuery in action!");

This generates the popup.
In this example we chose to use

$('a')

as our selector, but there are many other ways we can select elements.

$('#link1').click(function() {

This is the same as the getElementByID function that is commonly used in JavaScript. Here we are selecting the element with the ID “link1”.
We could also use

$('.myLink').click(function() {

to select all elements with the class name “myLink”.

In our examples we have used the click event handler to launch the code when the link is clicked. We don’t have to add an event handler here if we don’t want to.
Let’s look at another example.


	
		JQuery Basics
		
		
	
	
		Link 1
		Link 2
		Link 3

This sets all A tags in documents to have the class “red”.
This is a basic class which is built into the JQuery library, but you could just as easily add your own class.


	
		JQuery Basics
		
		
		
	
	
		Link 1
		Link 2
		Link 3

You could also use first, last, parent and child selectors just like in CSS. For example

$('a:first').addClass("myClass");

to select the first of the link tags and apply the class “myClass” just to that first link.

These are just a few very basic examples of how you can start using JQuery, look out for more posts in the future where we will show you some of the many other exciting features of JQuery.

Didsbury Design Blog » how to

How to: Create and Delete a cookie in ASP.NET C#

Creating a cookie

Deleting a cookie

How to: Use JQuery – The Basics