Salajax: simple Ajax library solving back button and bookmarks for Ajax web applications

Salajax is a simplified Ajax library that handles back buttons, bookmarks and is extremely simple to use. Yes, Ajax is great. It does have some minor issues though, like the back button not working and the inability to use bookmarks. This library provides a simple class that will handle all these issues and more, without you having to think about it too much.
The Simple Ajax Library Ajax class (Salajax) tries to:

• Make the back button work with Ajax
• Make bookmarks work with Ajax
• Run JavaScript contained in the Ajax response
• Keep the .NET Viewstate
• Submit forms as an Ajax request
• Specify OnStart and OnEnd JavaScript functions to call
• Specify an OnError JavaScript function to call when the Ajax response is an error
• Set the HTML to display when updating a div with an Ajax request
• Set the HTML to display when there is an error making the Ajax request
• Be extremely simple to use

Basically, I'm hoping that the Salajax class will make it very easy to do everything and anything you could possibly want to do using Ajax.

Dragging and dropping with ASP.NET 2.0 and Atlas

Introduction

This tutorial is intended to help readers understand how certain aspects of Microsoft's new AJAX Extensions technology works. AJAX Extensions is intended to simplify the development of AJAX-style functionality. As with all technologies, however, to use a tool well, it is important to understand the underlying technology that Atlas abstracts. One of the key ASP.NET AJAX abstractions is the new XML markup syntax developed to make coding with AJAX easier (originally included with the core Atlas files, XML markup is now a part of the CTP called AJAX Futures). With XML markup, developers can modify their code declaratively. However, there are times when a developer may want to be able to change her code programmatically, and in order to accomplish this, she will need to understand that underneath the markup abstraction, she is actually dealing with good 'ol JavaScript and some custom JavaScript libraries developed by Microsoft. In order to demonstrate the relationship between the Atlas declarative model and the programmatic model, I will go through a series of examples in which the same task will be accomplished both declaratively and programmatically. I will be demonstrating how to use the PreviewDragDrop library file to perform basic drag-drop operations as well as setting up drop zones.

Ajax AutoComplete in ASP.NET

Without using AjaxControlToolKit, we can implement AutoComplete Extender using pure Ajax Call. This article explains how to do make AutoComplete Extender.

OnKeyUp event helps you to fetch data from database with Ajax call. Here one Handler.ashx handles the AJAX request form Client. I add a Class file to handle database operations to better coding practice. Below I explain the database helper Class. Class has one method:

GetTable(string sqlQuery) 

Making Cross Domain jQuery AJAX Calls

Today's web browsers do not allow web pages to make cross-domain Ajax calls. By this, I mean that if you are at www.ajax.com and try to make an Ajax call (a call using the XmlHttpRequest object), the browser would not allow this to happen. Why? For security purposes that I cannot currently name.

However, at some point you get to a project where you're interfacing this third-party site that needs to talk to your main site, or some other similar situation where the only way you're going to get the data you need from point a to point b is with some JavaScript magic. Here is how to accomplish it.

Getting Started with iPhone and iOS Development

Introduction
This is a first in a series of articles to get some one up and running with iOS development. iOS is the operating system that runs on the iPhone, iPad, and iPod Touch. While I will use an iPhone for my example code you could apply the code to all three devices.

Web App Common Tasks by jQuery

Introduction
One of my experience of using jQuery is that I often need to search around for solutions to some particular tasks, although there are good chances that the problems you try to tackle have already been solved by someone else via a plug-in, you still need to digest, evaluate, test and sometimes modify it to fit your project needs. That's perfectly fine for most rapid web development efforts. However, for some browser based, low-level tasks that are common for almost all web applications, searching for multiple plug-ins then put them together and test them out would cost unnecessary time. This article provides a jQuery plug-in (CBEXP) that encapsulates the most common tasks together and is reusable for different web applications.

For example, if your web application needs to conditionally (say, one Ajax call hasn't returned yet) warn user when navigating away or closing the browser window, or your client/service interaction relies on cookies and you want to make sure browser cookie is not turned off, or you need to parse query string and retrieve a particular parameter value in the client, or need to load different stylesheet dynamically without a post back to server, etc., it would be nice to have one jQuery plug in to handle all these low level browser based tasks, then we can focus more on application specific features.

As a matter of fact, CBEXP plug-in was initially put together for a real world consumer facing web application, it has been tested and working, wish it would be useful for your web application too.

Scroll Bar for Blog Post Body

Adding Scrollbar to Blog Post body
once you are logged into Blogger account, go to Template -> Edit HTML and scroll to this code. Add the portion shown in red:-

Step 1 : Open your Blogger Account and Edit Html Under Layouts Tab;
Set 2 : Search for .post ( by browser Search) and Put the Red Portion in Curly Bracket. { }

.post {
height:200px;
overflow:auto;

}

This will give you scrollbars to every post:-

Scrollbars within Blog Post
Sometimes, you may not want to have the scrollbars to all the [...]

This will give you scrollbars to every post:-

Scrollbars within Blog Post

This setting, scrollbars will automatically appear according to your need:-
Sometimes, you may not want to have the scrollbars to all the blog posts, but only for several paragraphs within a post. Assuming you are writing an article and you wish to enclose some long text within a scrollbox, you have to first define a class within the stylesheet.

For example, we can insert in the stylesheet this code to specify the maximum height and width of the scrollbox. Once the text overflows

Step 1 : Open your Blogger Account and Edit Html Under Layouts Tab;
Set 2 : Search for by Browser search place the below code before it.

.scrollbox {

height:100px;

width:400px;

overflow:auto;

}

Step 3: Save the template.

Next, when you are writing a post, switch from the “Compose” mode to the “Edit HTML” mode and put the below code where your want to appear scrolling bar.

<div class=”scrollbox”>TEXT TO BE INCLUDED IN THE SCROLLBOX.</div>

You can continue typing the post by switching back to the “Compose” mode.

After you are done, when you publish your post, you will see that only the part of the text comprised with the tags will be in a scrollbox, like this:-

Show Limited Number of Labels in Widget.

As you write more and more posts you will keep adding labels to them to categorize your posts. You can add more than one label to any single post. Labels are useful as they serve as keywords channelling traffic to your posts through search engines like Technorati.

However the list of labels in your blog can get to be very long stretching your sidebar until y

our blog post looks like a flag on top of a long sidebar. To prevent this you can modify the code of your Labels widget to show only the topmost labels in your blog..............

Javascript Redirect Traffic from Blogspot to WordPress Site

Ok. So you’ve had a blogspot blog for a little while and you’ve decided you want a WordPress site. How do you redirect traffic from the old site to the new site and lose as little traffic as possible in the process.

First. Use the import feature available in WordPress. From your Daskboard, look for Tools > Import

Second. Add some javascript code to your blogger template. Update the vars blogTitle and wordPressUrl to match your blogspot blog.

<script>

  var blogTitle = 'Flexing My Kerkness';

  var wordPressUrl = 'http://kerkness.ca';
if( document.title == blogTitle ){

  window.location = wordPressUrl;

  } else {

  var newUrl = str_replace( document.title, blogTitle+’: ‘, ” );

  window.location = wordPressUrl + ‘/?s=’ + newUrl;

  }

  function str_replace(haystack, needle, replacement) {

  var temp = haystack.split(needle);

  return temp.join(replacement);

  }

  </script>

Basically what this script does is redirects from your blogger site to your new domain while conducting a search based on the title of page being requested.

For example. If you had a post called “How to change outboard motor oil” on blogger. When you try and access the blogspot url for that post you will be directed to the new wordpress domain and you will search for posts matching “How to change outboard motor oil”. If that post was imported into word press and you haven’t changed the title. Users will be shown a link to the post on your new site. Also they may find any new or relevant content you’ve posted since making the change to WordPress.

JAX Labels Reloaded

The AJAX Labels is back with more features! I was planning to release this with my new template, but the template design is slipping beyond schedule.
Note: If you want to integrate AJAX Labels with Phydeaux3's Label Clouds, read this post and come back here.
Some of the new features are:

• Built-in navigation system.
• More user customizability. (You don't even need to know coding for that!)
• Support for Unicode Categories in IE.
• More user-friendly installation. (Code to be copied/modified in template is reduced)

Adding Background Image to Post Titles

Dcloud Of Dcblog brought this fantastic thing to us.By this we can put a Image Just behing the Post Title like on his blog.It’s Very Simple,the only thing is that you need to have a superb image to put on their.

You will have to just check hard for the codes to implement as different blogger have different type of coding.

To locate the code which controls the post titles go to your Layout Tab (located in your Customize window) and click the Edit HTML sub tab. The code you are searching for is “.post h6″ (it can be something else also,So try searching) which looks like this

Scroll Bar for Blog Post Body

Adding Scrollbar to Blog Post body
once you are logged into Blogger account, go to Template -> Edit HTML and scroll to this code. Add the portion shown in red:-

Step 1 : Open your Blogger Account and Edit Html Under Layouts Tab;

Set 2 : Search for .post ( by browser Search) and Put the Red Portion in Curly Bracket. { }

.post {
height:200px;
overflow:auto;

}

Yahoo! Buzz is open for everybody

It’s been about six months since Yahoo Buzz launched and now Yahoo has decided to “open-up” Buzz. The Yahoo Buzz is similar to Digg, in which users can vote popular Internet news stories up and down.

When a story got so much buzz, it will be reached the Yahoo! homepage! This is good news for publishers because those who have already experienced a “Yahoo! Buzz Effect” have talked about the surge in traffic they experienced once Yahoo placed an article on their homepage.

Add Yahoo Buzz button to your blog Post

Yahoo Buzz can be your excellent traffic-maker if your story is interesting and get to Yahoo! homepage. The First Step to get it is to put a Yahoo! Buzz button to your blog so that people can vote your entry up. Adding a Yahoo! Buzz button is not too complicated if you follow my steps below

Step 1. Choose your favorite button from Yahoo! Buzz that fitted well with your site design (large button with vote count -Square Button - is highly recommended), then click “Get Code”.

Step 2. If you have selected the Square Button the code will be like this

<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square">ARTICLEURL</script>

15 Best Image Search Engines to Find Photos

What to find a great photo or perfect celebrity picture? This list of best image search engines will help you find interesting photos in the easiest way possible. You will learn about hidden preferences, unique features that will make you searches images like a professional and actually find the best images possible. Check them out… and see their test results on Aishwarya Rai.



Imageryis my favorite image search engine due to the intuitive interface. This has a cool tabbed search interface to browse your searched images. Just keep searching new image terms, which keep compiling in new tabs, click to load full size image at the bottom or in new window. Loads 20-100 images at a time in ajax-y fashion. Best for research and keep collecting all your search images easily. You can tweak preferences to select JPG, GIF or PNG, sort by size, sort by black and white, grayscale or color and of course get safe for work images too. Test

What is Google Adsense and how to get a Adsense account fast.

Google Adsense is one of the easiest way to allow webmasters to make money from content websites. You just need to add some simple javascript codes on the web pages, and then when visitors click the ads, you make money. No need to sell and think yourself, Google does all thinking for you. Very easy, right?

Google Adsense is really a gold mine. People are creating niche websites just to display the ads and make easy money everyday - automatically. There are so many success stories about people earning thousands of dollars a month from Adsense!

If you don’t have an Adsense account yet, you should get one and start profiting from it!
However, not all who applied for an Adsense account gets approved. You need to show your content websites to Google first to get approved.

Then how if you don’t have a content website? No need to worry, here is a secret method to get approved - fast and easily - just read on...

Google has its own blogging service - Blogger.com ( http://www.blogger.com/ ). You can start a blog on Blogger.com with any topics you like - and it is completely free. Once your blog is created, post two or more related articles on it. Wait for a day and then you can apply your blog for an adsense account using this link:

https://www.google.com/adsense

Wow, your Adsense account will get approved in 5 days.
Happy Earning from Adsense!

A - Z Tricks and Tips for Layout Optimization and Highest CTR

Google Adsense is perhaps the easiest way to attract advertisers from across the globe to your blog. Just submit your blog to Google for approval. If Google likes what it sees, it will place contextual ads linking to products likely to appeal to the readers. Each time a reader clicks a link, the advertiser pays Google a small fee, and Google splits that with you.

The next interesting question - How to Make Money with Google Adsense ? Here are The best Google Adsense Tips and Tricks for making more money (profit) from Google adsense program.

Precautions for Google AdSense before testing on your website

If you are testing your new website layout, you might be reloading your website pages again-n-again. And if these pages contain Google Ads, each time your reload your page, you make a request to Google Ads Server for a new set of ads.

Certainly Google is unaware that you are testing your website and it might even penalize your account for "click-fraud" since the IP requesting ads remains same. And if in the worst-case scenario, you might accidently click on your own ads. And these extra "ad impressions" will also chance your CTR data.

One simple way to avoid this serious problem is to remove the Adsense code altogether from your page before testing. But this may not be the best solution as your Google Ads are an important part of your layout. So here are a few simple but effective workarounds:

1. Instead of using Adsense code, add a static graphic (jpg image) with the same dimesions as your adsense code. (Google itself provides static images of various ad formats.)

2. Modify the value of google_ad_client to something like "pub-googleIamTesting"

3. Add another line to Google Adsense code google_adtest = "on"; Don't forget the semicolon.

4. Though there is no official comment, it is safer to remove the google_ad_channel variable.

Or contact Google Adsense Team with your query. Google folks are very quick to respond.

Google AdSense policies require that websites displaying Google ads be active and not under construction. When your site is complete and active, you may add the AdSense
ad code.

Show Adsense ads in individual post

First of all you should know how to show adsense ads in between the posts.
For that You will have to follow the steps below :

Step 1: Sign in to your adsense account and get the adense code.
Now, you have to parse the code using online parser. Paste your adsense code here and you will get the parsed code.

Step 2 : Sign in to your blogger account and from Template panel go to Edit-HTML. Expand HTML and then put your adsense code in the following format.
Example is given here :

For Wordpress users : I will prefer a plugin “Shylock Adsense” using which you can have adsense ads of different sizes, type on selected posts. You can fully customize your ads’ looks, it’s placement and much more.

Guide for Google AdSense Publishers

If you are a regular visitor to my site, you might have noticed some changes in the style. Well, I drew most of the inspiration from the picture above also known as the "heat map".


This “heat map” illustrates ideal ad placements on a sample page layout. Google folk have published an elaborate Optimization Tips page for Google Adsense publishers.


Looking at my recent adsense statistics, I must admit that the above illustration is fairly nice. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). All other things being equal, ad placements above the fold tend to perform better than those below the fold. Ads placed near rich content and navigational aids usually do well because users are focused on those areas of a page.


Google has done an impressive presentation to woo new Adsense Publishers.


Adsense for Content remains my primary source of revenue from this blog. I do not use "Adsense for Search" as Googlebot doesn't index my site too well. Yahoo! spiders do a better job, atleast in my case.