AJAX tooltip for ASP.NET

Recently uploaded an AJAX tooltip example for the ASP.NET DataGrid. The sample code demonstrates how to add a cool AJAX tooltip to an ASP.NET DataGrid (DataGridView to be specific).

It uses my javascript based tooltip script along with the prototype.js(for AJAX).With minor modifications, I am sure that the code can be made to work with ASP.Net 1.x.

Clipboard Image Archiver - Revisited !

Ever saved images and forgot where you saved them !
That happens with me quite often.

If you face same problem the 'Clipboard Image Archiver' is for you !

Uploaded binaries for my older program. It allows you to simply paste any image copied to clipboard to a single location.

The coolest thing about it is it helps you to store all such images in a single location. It stores them in a compressed format so it takes less space. The program has been written in C# and uses SharpZipLib for compression.

Great for:

1. Taking and saving screen shots.

2. Saving images while browsing.

3. Saving those cute images in emails.

Download the program here: http://ashishware.com/Clip.shtml

DHTML Tooltip

Today, I uploaded a small tooltip javascript on my wesite. I made it such that can display any HTML content including images. By using some tricks it is also possible to create translucent tooltips. Well thats not all , it can even animate itself while showing. The tooltip grows from a small point to its specified size, when shown on screen.

Check out:

Information on the Tooltip.js and using it. Find more examples here.
http://ashishware.com/Tooltip.shtml

Cool translucent, animated javascript tooltip with background image:
http://ashishware.com/TransTT2.shtml

I plan to use it with AJAX and in my next writeup on AJAX tooltip for ASP.NET Datagrid. There are some issues with proper initialization of the tooltip in IE. Though I have a fix for time being, I would like a more elegant solution.

Video Streaming and some code !

Added a couple of articles on my website.

A small write up on handling 'fscommand' with Javascript and JScript. This method does not involve use of 'document.write' and in my opinion is much cleaner.
http://ashishware.com/fscommand.shtml

I found about this amazing piece of software called VLC Player. It can convert video from one format to another. Also it has a streaming server built-into it. It means you can stream your video over network.
http://ashishware.com/Video.shtml

Finished reading the famous book 'Man Eaters of Kumaon'. Really impressed by Jim Corbett. Especially by his knowledge about tigers and Indians. Great man, great book.
http://en.wikipedia.org/wiki/Jim_Corbet

Kodak's 6.1MP camera with 10x optical zoom !

I am not an expert on digital cameras but I get lot of requests to give my 'comments' on them. One of the most exciting cameras which are easily available in India, is the Kodak EasyShare V610. It is a 6.1MP camera, with 10x optical zoom !

And yes, there is no movement of lens outside the cameras body. That’s really great I think. You can see images of this camera here.

To add to it, it also has Bluetooth , which means you can transfer your images wirelessly. It uses Kodak's Li-Ion batteries. I mean those similar to mobile phone ones and not the normal AA size one.

Price in India is around Rs.23000. Add a couple of thousands more to it for memory card. But the same camera is available in US for around $325, which means ... :-)

Here are some reviews you may want to read before going to your nearest shop to see one:

http://www.pcmag.com/article2/0,1895,1963866,00.asp
http://www.dpreview.com/news/0604/06042502kodakv610.asp

Comments and more information are always welcomed.

[Believe this information at your own risk. These are my personal views about the product and may not necessarily be correct]

'Porok' : Xbox 360 in India

I have seen the 'Porok' advertisement on MTV a couple of times. It is really mind-blowing. Unfortunately people don’t understand it, because many still don’t know what Xbox 360 is!

Xbox 360
is a game console from Microsoft. To make it simple, it is a video game system that connects to your TV. It has a DVD drive, where you insert game DVDs and play. What makes Xbox so special is the realistic quality of graphics, smooth game play and some awesome games. Internally it is a powerful computer designed just for playing 3D games. You can also watch movies and listen to music on Xbox.

You can find out more from official site here: www.xbox.com/hi-IN/
You can find videos and screenshots of how the games look like here: xbox360.ign.com

Impressed!... So what’s the price?

The price in India to the best of knowledge is around Rs.20-23,000. Games could cost in thousands too!!

Are you thinking : Why the hell spend so much for 'GAMES' ? ....then think again.

People spend thousands on buying stylish mobile phones ...so why not Xbox 360! You should definitely try it out at some store or showroom; it's worth the money I bet!

About the advertisement:

I and my brother have kind of nicknamed Xbox 360 as 'Porok'.
The advertisements is really cool because:

1] It is very Indian (desi)
2] Shows games and gaming are very popular in every section of society, every age.
3] How people become crazy about certain games and start thinking of them all the time.
4] Tries to show that games are integral part of our life, kind of necessity.
5] Universal spirit of gaming share by a person playing on a costly game console and a villager
playing ‘Porok’.

Good luck MTV and Microsoft.

If you have any links, information on games for Xbox360 in India or advertisements to show on this page, drop in a comment.

Drag & Drop and a Game in Javascript !

I have posted (another!) article on creating collapsible panels. This time using Dojo. The best part is it requires very little javascript and it supports Drag&Drop.
Check out the artilce here: http://ashishware.com/Dojo_Panel.shtml
Live demo here: http://ashishware.com/Dndwipe.html

Also I uploaded The 'Snake Game' I wrote in Javascript, long back.I made minor modifications so that it works with IE and FireFox.
Play the game : http://ashishware.com/snakegame.shtml

AJAX with .Net Framework v1.1

Yes, there are quite a few ways of doing that. If you are looking for a AJAX toolkit for .Net Framework 1.1 then you should have a look at AJAX.NET . It is a very popular free AJAX library compatible with version 1.1 of the .Net Framework. It has been written in C#. There is a quick guide (really quick) available from its site. All you need to do is to register the HttpHandler in your web.config from the *.dll supplied and mark your methods in code-behind as '[AjaxPro.AjaxMethod]' . Then you can directly call these functions from client side javascript , using their names !

You can download AJAX.NET from this site http://www.ajaxpro.info/default.aspx.


Frankly, to do AJAX you really don’t need a library or even a language(like ASP ,PHP,JSP) as such. There is a great article on Mozilla's developer site that shows how to do AJAX using only your web browser and javascript (yes that’s all !). Server side programming is required to fetch data for the AJAX call, it does not make AJAX possible. It is the XMLHTTP object built inside modern browsers that does the trick.

Read the article titled AJAX:Getting Started

Comments and criticism will be highly appreciated :-)

Articles Moved !

Hi ,
Couple of articles from my blog have been moved to my homesite www.ashishware.com.

These include:

• Transliteration Tools for Indian Languages
  http://ashishware.com/Transl.shtml
  
  
• Running Linux on Windows Like Normal Programs
  http://ashishware.com/LinuxOnWindows.shtml

There is also an article on Making Animated Collapsible Panel Using Javascript and online demo of these panel.


Bookmark the site www.ashishware.com for new stuff.From now on updates and newer techincal articles will not be posted here. This blog will be maintained for non-techincal stuff.

Creating PDFs with Apache FOP

FOP (Formatting Objects Processor) is from the apache group.It is said to be the worlds first print formatter driven by XSL formatting objects (XSL-FO) and the world's first output independent formatter. Actually it isn’t a tool for specifically meant for PDF conversion or creation.FOP can be downloaded here.

But, its ability to convert XSL files (*.fo) to PDF certainly makes it worth mention . Basically FOP is great for template based PDF generation. Simple programs can fetch data from any data source and populate such a template , and generate PDF’s on fly !

Its not that it is not very flexible, but generation XSL files for complex PDF’s can be a big pain. It is a Java application that reads a formatting object (FO) tree and renders the resulting pages to a specified output.It comes with nice documentation and samples that get you started within minutes.

Before you start using FOP, you should have look at samples in \examples\fo\ folders particularly \examples\fo\basic.I think you will learn things more quickly than reading the reference document (xslfoRef.pdf). Given below is a very simple *.fo file that includes a heading,some text,hyperlink , table and a image.

<?xml version="1.0" ?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">

<!-- defines the layout master -->
<fo:layout-master-set>
 <fo:simple-page-master master-name="first"
                           page-height="29.7cm"
                           page-width="21cm"
                           margin-top="1cm"
                           margin-bottom="2cm"
                           margin-left="2.5cm"
                           margin-right="2.5cm">
          <fo:region-body margin-top="1cm" margin-bottom="1.5cm"/>
         <fo:region-before extent="3cm"/>
        <fo:region-after extent="1.5cm"/>
     </fo:simple-page-master>
 </fo:layout-master-set>

<!-- starts actual layout -->
<fo:page-sequence master-reference="first">
<fo:flow flow-name="xsl-region-body">

<!-- Heading -->
<fo:block font-family="Helvetica" background-color="blue"
color="white" text-align="center" font-size="14pt">
FOP Demonstration
</fo:block>

 <!-- Image-->
<fo:block space-before.optimum="20pt">
<fo:external-graphic src="url(test.jpg)"/>
</fo:block>

 <!-- Hyperlink -->
<fo:block space-before.optimum="10pt" text-align="left" >
You can download FOP here:
<fo:basic-link external-destination="www.apache.org" text-decoration="underline" color="blue">
 www.apache.org
</fo:basic-link>
</fo:block>

  <!-- table start -->
<fo:block space-before.optimum="10pt" >A Table</fo:block>
<fo:table table-layout="fixed" border-width="0.1mm" border-style="solid" background-color="yellow">
<fo:table-column column-width="50mm"/>
<fo:table-column column-width="50mm"/>
<fo:table-column column-width="50mm"/>
<fo:table-body>
<fo:table-row>
 <fo:table-cell border-style="solid" ><fo:block>good</fo:block></fo:table-cell>
 <fo:table-cell border-style="solid"><fo:block>bad</fo:block></fo:table-cell>
 <fo:table-cell border-style="solid"><fo:block>ugly</fo:block></fo:table-cell>
 </fo:table-row>
<fo:table-row>
               <fo:table-cell border-style="solid"><fo:block>nice</fo:block></fo:table-cell>
               <fo:table-cell border-style="solid"><fo:block>dice</fo:block></fo:table-cell>
               <fo:table-cell border-style="solid"><fo:block>vice</fo:block></fo:table-cell>
</fo:table-row>
<fo:table-row>
   <fo:table-cell border-style="solid"><fo:block>literature</fo:block></fo:table-cell>
           <fo:table-cell border-style="solid"><fo:block>music</fo:block></fo:table-cell>
                <fo:table-cell border-style="solid"><fo:block>art</fo:block></fo:table-cell>
 </fo:table-row>
<fo:table-row>
             <fo:table-cell border-style="solid"><fo:block>java</fo:block></fo:table-cell>
             <fo:table-cell border-style="solid"><fo:block>perl</fo:block></fo:table-cell>
             <fo:table-cell border-style="solid"><fo:block>python</fo:block></fo:table-cell>
</fo:table-row>
</fo:table-body>
</fo:table>
<!-- table end -->
</fo:flow>
 </fo:page-sequence>
</fo:root>

Save this in a file called test.fo. Now run fop.bat (or fop.sh on Unix/Linux)
: >fop.bat test.fo test.pdf

The test PDF in this example will look like this :

FOP is ideal for generation of simple PDF's from templates. It is a powerful alternative for server side PDF creation in all platforms supporting Java.