tag:blogger.com,1999:blog-33910324505421973722024-03-13T23:43:04.881-07:00Coding WebOne stop portal for tutorials, guides, how-to, code, designs etcSrinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.comBlogger77125tag:blogger.com,1999:blog-3391032450542197372.post-40775094639991847252008-03-14T02:37:00.000-07:002008-03-14T02:38:50.868-07:00Google Says You can trust us, really, on data securityGoogle Says You can trust us, really, on data security<br /><br />Google described on Tuesday how it secures the mountains of data that it handles every day, saying that it has highly automated processes and employs the best and brightest in Web security.<br /><br />On the <a class="external-link" href="http://googleblog.blogspot.com/2008/03/how-google-keeps-your-information.html">Official Google Blog, Douglas Merrill</a>, a vice president of engineering, spelled out the company's philosophy, processes, and technology that the company employs for security.<br /><br />He said that the company is developing its own security software, particularly to address areas such as large-scale computing and automation.<br /><br />Google's processes are set up so that sensitive personal information can only be viewed by exception, Merrill said.<br /><br /><a href="http://www.news.com/8301-10784_3-9890847-7.html?tag=nefd.top">Read The Complete article</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-28435311735095381792008-03-14T02:34:00.000-07:002008-03-14T02:36:40.157-07:00Google's Click versus Facebook's Click!!!!<strong><span style="color:#990000;">Google Second Click</span></strong><br /><br />For those of you who haven't read Dave Morgan's article on Google trying to capture the "second click" you should do so here: <a href="http://publications.mediapost.com/index.cfm?fuseaction=Articles.showArticleHomePage&art_aid=73436">MediaPost - The Fight for the Second Click</a>. It's a couple months old, but worth the read if you haven't seen it.<br /><br />The point is, because of Google's position as the de-facto start page of the internet, they are able to control where users go - and that control makes them powerful, because traffic = money. The fight for the "second click" refers to Google thinking about how they can control not just the first click (Search!) but also provide a shortcut to answer the query on a second click. And because of their control of the search engine result page (SERP), they can always place their content above everyone else's.<br /><br />It might seem like a big deal to do this, but you can imagine that if you ran a business in weather, real estate, dictionary reference, or movies, you'd want to know where Google was planning to expand here.<br /><br /><a href="http://andrewchen.typepad.com/andrew_chens_blog/2008/03/googles-second.html">Read Complete Article Here</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-22926895144538666042008-03-14T01:36:00.000-07:002008-03-14T02:21:28.011-07:00Best Javascript Image Galleries!!!!Best Javascript Image Galleries!!!!<br /><br />There are a large number of Flash image galleries but sometimes Flash is not equired or cant be used so we turn to Javascript and CSS. Here is a roundup of some of the better Javascript and Ajax based solutions to our gallery requirements …<br /><br /><a href="http://solardreamstudios.com/_img/learn/css/pg/">Modified Hoverbox Image Gallery</a> - This following is a modified version of Nathan’s incredible Hoverbox Image Gallery. This version uses a single image for thumbnail/larger view and partially supports :active and :focus states for keyboard only users<br /><br /><a href="http://bp3.blogger.com/_Mw9uxCHSpZs/R9pCYFBLN8I/AAAAAAAAAHQ/oE4FRELzSv0/s1600-h/5.jpg"><img id="BLOGGER_PHOTO_ID_5177523703047206850" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_Mw9uxCHSpZs/R9pCYFBLN8I/AAAAAAAAAHQ/oE4FRELzSv0/s320/5.jpg" border="0" /></a><br /><a href="http://www.puidokas.com/portfolio/frogjs/">FrogJS Javascript Gallery</a> - FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries <br /><a href="http://bp2.blogger.com/_Mw9uxCHSpZs/R9pCY1BLN-I/AAAAAAAAAHg/iFPGLCQAISE/s1600-h/7.jpg"><img id="BLOGGER_PHOTO_ID_5177523715932108770" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_Mw9uxCHSpZs/R9pCY1BLN-I/AAAAAAAAAHg/iFPGLCQAISE/s320/7.jpg" border="0" /></a><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">slideViewer</a> - slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images<br /><br /><div><a href="http://www.e2interactive.com/e2_photo_gallery/">(E)2 Photo Gallery Made With Mootools</a> - (E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP</div><div></div><br /><div><a href="http://bp3.blogger.com/_Mw9uxCHSpZs/R9pBXFBLN4I/AAAAAAAAAGw/bWYD1H5LkAw/s1600-h/119.jpg"><img id="BLOGGER_PHOTO_ID_5177522586355709826" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_Mw9uxCHSpZs/R9pBXFBLN4I/AAAAAAAAAGw/bWYD1H5LkAw/s320/119.jpg" border="0" /></a></div><br /><div></div><div><a href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/">jqGalViewIII</a> - Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved </div><br /><div><a href="http://bp0.blogger.com/_Mw9uxCHSpZs/R9pBXVBLN5I/AAAAAAAAAG4/00BzmQX6wyY/s1600-h/2.jpg"><img id="BLOGGER_PHOTO_ID_5177522590650677138" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp0.blogger.com/_Mw9uxCHSpZs/R9pBXVBLN5I/AAAAAAAAAG4/00BzmQX6wyY/s320/2.jpg" border="0" /></a></div><p>Z<a href="http://www.zenphoto.org/">enphoto</a> - Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense </p><p><a href="http://bp1.blogger.com/_Mw9uxCHSpZs/R9pBXlBLN6I/AAAAAAAAAHA/ermQnJFdR2c/s1600-h/3.jpg"><img id="BLOGGER_PHOTO_ID_5177522594945644450" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_Mw9uxCHSpZs/R9pBXlBLN6I/AAAAAAAAAHA/ermQnJFdR2c/s320/3.jpg" border="0" /></a><a href="http://codeboje.de/imago/">Imago </a>- Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting<br /><a href="http://bp1.blogger.com/_Mw9uxCHSpZs/R9pBXlBLN7I/AAAAAAAAAHI/1D0WhMx55W4/s1600-h/4.jpg"><img id="BLOGGER_PHOTO_ID_5177522594945644466" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_Mw9uxCHSpZs/R9pBXlBLN7I/AAAAAAAAAHI/1D0WhMx55W4/s320/4.jpg" border="0" /></a></p><p>Hope you find these links useful.<br /></p>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-63358256760227145082008-03-13T00:43:00.000-07:002008-03-13T00:44:52.948-07:00How to Create a Ajax Based Style Switcher?<strong>Unobtrusive Degradable Ajax Style Sheet Switcher!</strong><br /><br />Boy are you in for treat today ‘cause we’re gonna have a whole lotta Ajaxifida Unobtrucitosity CSS swappin’ Fun!<br /><br />Okay are you really kidding? Nope. I’ve even impressed myself on this one. Unfortunately, I don’t have much time to tell you the ins and outs of what I actually did to get this to work. We’re talking JavaScript, CSS, PHP...Ajax. But don’t worry about that. I’ve always believed that a good A.P.I. is an invisible A.P.I… and this I felt I achieved. The only thing you need to know is how it works and what to do.<br /><br />What I did to achieve this was used server-side cookies instead of JavaScript cookies. Hence, PHP. However this isn’t a “PHP style switcher” – which is where Ajax comes in. For the extreme technical folks, no, there is no xml involved here, or even a callback response. I only say Ajax because everyone knows what ‘it’ means. With that said, it’s the Ajax that sets the cookies ‘on the fly’. Got it? Awesome!<br /><br /><a href="http://24ways.org/2005/introducing-udasss">Continue Reading</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-80066739141610843542008-03-13T00:40:00.000-07:002008-03-13T00:42:48.545-07:00How To Use Ajax and Flash together?<a href="http://bp1.blogger.com/_Mw9uxCHSpZs/R9javFBLNyI/AAAAAAAAAF4/Q_OHIMkBZN8/s1600-h/aflax_ad_md.jpg"><img id="BLOGGER_PHOTO_ID_5177128273998198562" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_Mw9uxCHSpZs/R9javFBLNyI/AAAAAAAAAF4/Q_OHIMkBZN8/s320/aflax_ad_md.jpg" border="0" /></a>Aflaxtm stands for Asynchronous Flash and XML. Defined simply, Aflax is a development methodology which combines Ajax and Flash to create more dynamic web based applications.<br /><br />Developed by Paul Colton, the Aflax technology is available as a library that enables developers to use JavaScript to fully utilize all of the features of Adobe's Flash runtime -- including graphics, networking, video and camera support.<br /><div></div><br /><div><a href="http://www.aflax.org/">Continue Reading The Library</a></div>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-69196074466911192632008-03-13T00:38:00.000-07:002008-03-13T00:40:25.334-07:00How to : Make SlideShows using Ajax!!!!<strong><span style="color:#990000;">Introduction</span></strong><br /><strong><span style="color:#990000;"></span></strong><br />I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless.<br /><br />The idea came to me because I wanted a lightweight slideshow based on HTML, CSS and JavaScript, but I also wanted to separate the data of each page from the actual code that presents it. Therefore, I decided to move the data into an XML file and then use AJAX to retrieve it. The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to).<br /><br /><a href="http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/">Continue Reading Further</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-43572219239355926442008-03-13T00:34:00.000-07:002008-03-13T00:38:26.644-07:00How To: Use Ajax for Designing Purpose, For Designers!!!!<strong><span style="color:#990000;">Introduction</span></strong><br /><br />For some AJAX is marketing speak for something that has been around for years. For others, it is the salvation they have been looking for, for seemingly centuries. I would tell the former group that the latter group finally caught up, and you should revel in the growth of your new community and accept them with open arms. Snobbery really won’t help anyone.<br /><br />Recently Jesse James Garrett from Adaptive Path wrote an article for the duo at Ok-Cancel called “Why AJAX Matters Now”. As usual Jesse is insightful and dead on about why AJAX has arrived. More aptly I would say that Jesse describes well why the world is now ready for<br />AJAX where earlier uses of the same technology had really no chance of taking off.<br /><br />Jesse does still speak of AJAX’s arrival in his article, and while it is not such an important distinction, I would like to correct him and say that AJAX (as our former group notes above) has been around for a while, and that other environmental variables have been put in place to make AJAX consumable.<br /><br /><a href="http://developer.mozilla.org/webwatch/?p=81">Continue Reading The Tutorial</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-88729495007413914142008-03-13T00:30:00.000-07:002008-03-13T00:34:50.539-07:00How To: Upload Files in Java using Ajax<a href="http://bp1.blogger.com/_Mw9uxCHSpZs/R9jY2FBLNxI/AAAAAAAAAFw/7vAZmOoEwEo/s1600-h/untitled.bmp"><img id="BLOGGER_PHOTO_ID_5177126195234027282" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://bp1.blogger.com/_Mw9uxCHSpZs/R9jY2FBLNxI/AAAAAAAAAFw/7vAZmOoEwEo/s320/untitled.bmp" border="0" /></a><br /><div><strong><span style="color:#990000;">Introduction</span></strong></div><br /><div></div><br /><div>Browser-based file uploads, in particular those involving the HTML <input type="file"> tag, have always been rather lacking. As I am sure most of you are aware, uploading files exceeding 10MB often causes a very poor user experience. Once a user submits the file, the browser will appear to be inactive while it attempts to upload the file to the server. </div><br /><div></div><div>While this happening in the background, many impatient users would start to assume that the server is "hanging" and would try to submit the file again. This of course, only helps to make matters worse. </div><div></div><br /><div>In an attempt to make uploading of files more user-friendly, many sites display an indeterminate progress animation (such as a rotating icon) once the user submits the file. Although this technique may be useful in keeping the user distracted while the upload being submitted to the server, it offers very little information on the status of the file upload. </div><div></div><br /><div>Another attempt at solving the problem is to implement an applet that uploads the file to the server through FTP. The drawback with this solution is that it limits your audience to those that have a Java-enabled browser.</div><br /><div>C<a href="http://today.java.net/pub/a/today/2006/02/09/file-uploads-with-ajax-and-jsf.html">ontinue Reading The Article</a></div>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-16296892111735523222008-03-13T00:29:00.000-07:002008-03-13T00:30:42.461-07:00How To: Submit Form using AjaxThe new release of CakePHP (RC2) comes with a completely rewritten AjaxHelper::form() function (with the disadvantage that it breaks existing code). Let’s look how to use it:<br /><br />$ajax->form(array('action' => '/controller/action'), 'post',<br />array('update' => 'mydiv'));<br /><br />I think this code is self-explanatory (if not, please write a comment). What’s cool about this code is the fact that it will also work when you disable JavaScript. The form will submit the form data in both cases to /controller/action.<br /><br />That means you have to distinguish in your action whether it is called via Ajax or not, and then you have at least to select the appropriate layout. You can do it in the following way (thanks to nate for this hint):<br /><br /><a href="http://cakebaker.wordpress.com/2006/01/18/submit-a-form-with-ajax/">Continue Reading the Tutorial</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-949542882559317952008-03-13T00:27:00.000-07:002008-03-13T00:28:59.967-07:00How To: Learn AJAX in 20 minutes<strong><span style="color:#990000;">How To: Learn AJAX in 20 minutes<br /></span></strong><br />Here is a quick overview and example of AJAX in action. Before you begin, this example will only work in FireFox work in FireFox and IE7. You’ll have to change few things in the JavaScript for it to work in IE6. To download the files used below click here.<br /><br />If you don’t have PHP/Apache installed, follow the tutorial I made to install it. The example below assumes you know the basics of PHP, you can learn as you go along if you don’t. A good reference is the base PHP website.<br /><br />AJAX stands for Asynchronous JavaScript and XML. Conventional web application trasmit information to and from the sever using synchronous requests. This means you fill out a form, hit submit, and get directed to a new page with new information from the server.<br /><br />With AJAX when submit is pressed, JavaScript will make a request to the server, interpret the results and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server.<br /><br /><a href="http://www.sematopia.com/?p=34">Continue Reading The Article</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-64360466229843597142008-03-13T00:21:00.000-07:002008-03-13T00:27:04.509-07:00What The Hell Is Ajax? For Non-Techies!!!!<strong><span style="color:#990000;">Introduction</span></strong><br /><br />Have you wondered what AJAX is, and whether you should learn to apply it in your web development work? You’ve probably heard the buzzword, but what exactly makes AJAX tick? Let’s take a look “under the hood” and see just what the buzz is all about.<br /><br /><strong><span style="color:#990000;">What is AJAX?<br /></span></strong><br />AJAX is an acronym for Asynchronous JavaScript and XML. It is a development technique for creating interactive web applications. Unlike classic web pages, which must load in their entirety if content changes, AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes.<br /><br /><strong><span style="color:#990000;">What Does Ajax Uses?</span></strong><br /><br />1. CSS, for marking up and styling information.<br /><br />2. The Document Object Model accessed with a client-side scripting language like JavaScript to dynamically display and interact with the information presented.<br /><br />3. The XMLHttpRequest object to exchange data asynchronously with the web server.<br /><br />4. XML is sometimes used as the format for transferring data between the server and client, although any format will work.<br /><br /><a href="http://webhelpermagazine.com/2008/01/ajax-tutorial-just-what-is-ajax-all-about/">Continue Reading The Tutorial</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-70407096038551445812008-03-12T06:12:00.000-07:002008-03-12T06:14:17.635-07:00How to make Username Avaialable or not checking Script using Ajax?How to make Username Avaialable or not checking Script using Ajax?<br /><br />The goal of this AJAX example is to allow a user who is registering for your site to see if the username they want to use is taken already or not, without having to submit a form and reload the page.<br /><br />Read the complete tutorial<br /><a title="AJAX username availability checking" href="http://www.mgroves.com/blog_archive.php?blogID=245">AJAX username availability checking</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-364852615432259602008-03-12T06:11:00.001-07:002008-03-12T06:12:40.309-07:00How to Make Sortable Tables using Ajax???/How to Make Sortable Tables using Ajax???<br /><br />Read the tutorial and check for yourself.<br /><br /><a title="Sorttable: Make all your tables sortable" href="http://www.kryogenix.org/code/browser/sorttable/">Sorttable: Make all your tables sortable</a><br />While the web design community gradually moves away from using tables to lay out the structure of a page, tables really do have a vital use, their original use; they're for laying out tabular data.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-10244777485207976112008-03-12T06:09:00.000-07:002008-03-12T06:11:37.339-07:00Best Collection of Tutorials for Ajax Begineers and Newbies!!!!Best Collection of Tutorials for Ajax Begineers and Newbies!!!!<br /><br /><a title="An Introduction to AJAX" href="http://prokata.com/ajax">An Introduction to AJAX</a><br />A very nice introduction to AJAX.<br /><br /><a title="Nitty Gritty Ajax" href="http://www.webmonkey.com/06/15/index3a.html">Nitty Gritty Ajax</a><br />In the course of this tutorial, we're going to look at what Ajax can do. Then we'll use a JavaScript class to simplify your first steps toward the ultimate in speedy user interactivity.<br /><br /><a title="A simple AJAX example" href="http://www.mgroves.com/blog_archive.php?blogID=57">A simple AJAX example</a><br />Based on Rasmus's 30 second AJAX tutorial, I've cobbled together a very rudimentary example of one approach to AJAX programming. A "Hello, World" AJAX program, if you will. You can view the demo here on my site, and download the source code (document attachment at the bottom of this article).<br /><br /><a title="A List Apart: Articles: Getting Started with Ajax" href="http://www.alistapart.com/articles/gettingstartedwithajax">A List Apart: Articles: Getting Started with Ajax</a><br />The start of 2005 saw the rise of a relatively new technology, dubbed "Ajax" by Jesse James Garrett of Adaptive Path. Ajax stands for Asynchronous JavaScript and XML. In a nutshell, it is the use of the nonstandard XMLHttpRequest() object to communicate with server-side scripts.<br /><br /><a title="Ajax Toybox" href="http://www.funwithjustin.com/ajax-toybox/">Ajax Toybox</a><br />Justin has put together a nice group of AJAX tutorials including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.<br /><br /><a title="Introduction to Ajax" href="http://www-128.ibm.com/developerworks/web/library/wa-ajaxintro1.html?ca=dgr-mk-MasterAJAX1">Introduction to Ajax</a><br />When it comes to Ajax, the reality is that it involves a lot of technologies -- to get beyond the basics, you need to drill down into several different technologies (which is why I'll spend the first several articles in this series breaking apart each one of them).<br /><br /><a title="Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples" href="http://www.ajaxtoolbox.com/request/examples.php">Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples</a><br />A great group of AJAX examples.<br /><br /><a title="Rasmus' 30 second AJAX Tutorial" href="http://blog.coderlab.us/rasmus-30-second-ajax-tutorial/">Rasmus' 30 second AJAX Tutorial</a><br />I find a lot of this AJAX stuff a bit of a hype. Lots of people have been using similar things long before it became "AJAX". And it really isn't as complicated as a lot of people make it out to be. Here is a simple example from one of my apps.<br /><br /> <a title="An Ajax " href="http://mikeoncode.blogspot.com/2006/02/ajax-project-to-get-you-going.html">An Ajax "Hello World" project to Get You Going</a><br />Sometimes we all want something very simple to build a thorough understanding of the mechanics of a new technique before we dive into the deeper water beyond. Now, if you are into ASP.NET and not PHP you might like to take a look at my version of this ultra-simple introduction to Ajax with sincere thanks to the original author.<br /><br /><a title="Ajax Beginners Tutorial" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=10">Ajax Beginners Tutorial</a><br />In this tutorial we'll discuss the basic principles of remote scripting using Ajax, a combination of javascript and XML to allow web pages to be updated with new information from the server, without the user having to wait for a page refresh.<br /><br />I hope you find these links useful. Please drop in your comments.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-24232741139864451012008-03-12T06:05:00.001-07:002008-03-12T06:09:20.824-07:00Collection of Best Ajax Based TutorialsCollection of Best Ajax Based Tutorials<br /><br />Contains scripts from building a Spy, Building Shelf in wordpress, Cookies, Simple Ajax Code and Snippets, Ajax using ASP.NET, How to Speed up your web applications, Creating your own effects using Ajax.<br /><br />All the tutorials under one roof.<br /><br /><a title="Building a Spy" href="http://www.stromcode.com/modules.php?name=News&file=article&sid=18&mode=&order=0&thold=0">Building a Spy</a><br />Step by step instructions on how to build a Digg like spy page.<br /><br /><a title="Building a Shelf in WordPress" href="http://asymptomatic.net/2006/04/13/2311/building-a-shelf-in-wordpress/">Building a Shelf in WordPress</a><br />Nice tutorial on how to build a sliding shelf in Wordpress.<br /><br /><a title="AJAX from Scratch: Implementing Mutual Exclusion in JavaScript" href="http://www.developer.com/lang/jscript/article.php/3592016">AJAX from Scratch: Implementing Mutual Exclusion in JavaScript</a><br />This AJAX from Scratch series of articles describes fundamental techniques needed to develop AJAX Rich Internet Applications in JavaScript from scratch.<br /><br /><a title="Saving Session Across Page Loads Without Cookies, On The Client Side" href="http://codinginparadise.org/weblog/2005/08/ajax-tutorial-saving-session-across.html">Saving Session Across Page Loads Without Cookies, On The Client Side</a><br />This is a mini-tutorial on saving state across page loads on the client side, without using cookies so as to save large amounts of data beyond cookies size limits.<br /><br /> <a title="A Tale of Two IFrames or, How To Control Your Browsers History" href="http://codinginparadise.org/weblog/2005/08/ajax-tutorial-tale-of-two-iframes-or.html">A Tale of Two IFrames or, How To Control Your Browsers History</a><br />This is a mini-tutorial on the black art of iframes and browser history, known to AJAX experts but rarely presented clearly.<br /><br /><a title="AjaxWorld Special: What Is AJAX?" href="http://coldfusion.sys-con.com/read/138966.htm">AjaxWorld Special: What Is AJAX?</a><br />Learn more about AJAX and ColdFusion<br /><br /><a title="Simple Ajax Functions - Snippets" href="http://www.ajaxtutorial.net/index.php/category/ajax-basics/">Simple Ajax Functions - Snippets</a><br />I've created a list of very common JavaScript functions for Ajax. They have been created in quick reference fashion and do not contain any fancy stuff. Instead of creating one function which can handle various tasks depending on passed values, they are split into seperate basic task functions. The reason for this is simplicity.<br /><br /><a title="AJAX Using ASP.NET 1.1" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=12">AJAX Using ASP.NET 1.1</a><br />You've heard of it. It is the latest buzz term for web programmers these days. AJAX is an acronym that stands for Asynchronous JavaScript and XML. AJAX gains its popularity by allowing data on a page to be dynamically updated without having to make the browser reload the page. I will describe more about how AJAX works, and then go into some sample code to try out.<br /><br /><a title="Speed up Your AJAX Based Webapps" href="http://vivekjishtu.blogspot.com/2006/04/speed-up-your-ajax-based-webapps.html">Speed up Your AJAX Based Webapps</a><br />It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache.<br /><br /><a title="Kick-start your Java apps, Part 2" href="http://www-128.ibm.com/developerworks/edu/j-dw-java-kickstart2-i.html?ca=drs-">Kick-start your Java apps, Part 2</a><br />This tutorial guides you through the development of a small human-resources application, first using conventional JavaServer Pages (JSP) based technology, and then migrating it to a highly interactive solution using Ajax.<br /><br /><a title="Howto integrate Google Calendar in your website using AJAX" href="http://www.maxkiesler.com/index.php/mhub/item/howto_integrate_google_calendar_in_your_website_using_ajax/">Howto integrate Google Calendar in your website using AJAX</a><br />One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it's a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website.<br /><br /><a title="Create Your Own Ajax Effects" href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create Your Own Ajax Effects</a><br />Why let script.aculo.us have all the fun? Start building your own Ajax-driven visual effects today. The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We're going to show you how to take basic effects and build on them to create your own.<br /><br />Hope you find these collection useful. If you find them useful, please drop in comments.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-59869449251489695722008-03-12T06:03:00.000-07:002008-03-12T06:05:16.473-07:00How to Implement Forms & Autocomplete using Ajax!!!!!How to Implement Forms & Autocomplete using Ajax!!!!!<br /><br /><a title="Scriptaculous Lists with PHP" href="http://www.gregphoto.net/sortable/index.php">Scriptaculous Lists with PHP</a><br />The drag-and-drop effects, most notably the sortables, caught my eye because the look great, they are so easy to implement, and they're just so much nicer than the standard listbox with up/down arrows that we see in most of today's applications and administration tools.<br /><br /><a title="Alter data with Ajax forms" href="http://www.symfony-project.com/askeet/10">Alter data with Ajax forms</a><br />Displaying rich formatted questions and lists, even paginated, is not enough to make an application live. And the heart of the askeet concept is to allow any registered user to ask a new question, and any user to answer an existing one. Isn't it time we get to it?<br /><br /><a title="Dynamic Client Lookup" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax_client_lookup">Dynamic Client Lookup</a>This script uses AJAX to autofill a form. Open the demo and type in 1001 in the "client ID" text field. AJAX will when you have done this call a script on the server and auto fill the rest of the form with client data.<br /><br /><a title="Chained Select Boxes" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax_chained_select">Chained Select Boxes</a>This script uses Ajax to popuplate a select box with cities based on which country you choose.<br /><br /><a title="Ajax Dynamic List" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-dynamic-list">Ajax Dynamic List</a>This script shows you a list of options based on what you type into a text input. Example: Type in "A" and Ajax will get you a list of all contries starting with "A".<br /><br />Know of more scripts? Drop us a line/commentSrinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-17951354841343683282008-03-12T06:01:00.001-07:002008-03-12T06:03:23.418-07:00How to Load Data Dynamically using Ajax?These set of tutorials are collection of articles which teaches you how to load data dynamically using Ajax.<br /><br />Ajax has become a new mantra of web. Its a must for sites now and for every developer as well.<br /><br />Check these tutorials and let us know what you think<br /><br />1. <a title="Dynamically loaded articles" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax_dynamicArticles">Dynamically loaded articles</a><br />This is a basic example showing you how to use AJAX. In this script, you have a list of article titles at the right side. When you click on one of them, AJAX will be used to request the content of the article from an external file and show it in the main DIV.<br /><br />2. <a title="Ajax - Dynamic Content" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-dynamic-content">Ajax - Dynamic Content</a><br />This small generic script makes it easy for you to load content of external files into HTML elements on your page.<br /><br />Know of more scripts? Let us know by dropping commentsSrinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-56771778198434117842008-03-12T05:59:00.000-07:002008-03-12T06:00:56.391-07:00Drag and Drop with Symfony Project. Coool Video Tutorial!!!!Adding items to a shopping cart in common e-commerce applications isn't very close to the actual "add to cart" metaphor, since it requires clicking an "add to cart" button, watch a new page (the shopping cart), and then go back to the shop or checkout with buttons.<br /><br />Ajax allows to get closer to the cart metaphor, by enabling drag-and-drop interactions and giving immediate visual feedback, without leaving the shop.<br /><br />Check this cool video and learn how to make your own Drag-n-Drop script using PHP Framework, Symfony Project.<br /><a title="Drag and Drop Tutorial (with a cool video)" href="http://www.symfony-project.com/tutorial/symfony_ajax.html">Drag and Drop Tutorial (with a cool video)</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-33226102286918409102008-03-12T05:56:00.000-07:002008-03-12T05:59:06.304-07:00Make Ajax Based Chat Applications in Minutes!!!!!Its the most comprehensive collection of all the Ajax based Chat systems.<br /><br />Now, its very simple to just use these freely distributed code and demo so that one can integrate in any of the server side or client side for Chatting purpose.<br /><br />One can also use them in their blogs and target readers and encourage user engagement.<br /><br /><a title="AJAX Chat Sources Code for Download" href="http://www.plasticshore.com/logfile/entry/legacy_483">AJAX Chat Sources Code for Download</a><br />After a slow start (following the announcement of the XHTML (ajax) Chat) things got finally busy. I had so many requests that I have decided to offer the complete sources for download.<br /><br /><a title="Lace - Ajax Chat" href="http://socket7.net/lace/">Lace - Ajax Chat</a>Lace is a free, lightweight Ajaxian communications engine suitable for a shoutbox, chat room or similar. Version 0.1.3 brings with it several bug fixes, a tiny bit of code reorganization and most importantly, an oft-requested User List.<br /><br /><a title="Most Simple Ajax Chat Ever" href="http://www.linuxuser.at/index.php?title=Most_Simple_Ajax_Chat_Ever">Most Simple Ajax Chat Ever</a><br />Very easy to use AJAX chat demo.<br /><br />Know of more scripts? Drop in comments and share with us.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-12766529216518573362008-03-12T05:54:00.000-07:002008-03-12T05:56:01.418-07:00How to Create Ajax based Bookmarking system!!!!A bookmarklet is a special piece of JavaScript code that can be dragged into a user's link toolbar, and which later can be clicked on to implement cross-site behavior. People have done all sorts of cool stuff with it.<br /><br />I particularly found it very simple and agile.<br /><br />JUst check this out and fall in love with it.<br /><a title="Creating Huge Bookmarklets" href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">Creating Huge Bookmarklets</a><br /><br />Know of more scripts? Drop in comments I shall add them here too.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-60635564002332719862008-03-12T05:52:00.000-07:002008-03-12T05:54:31.029-07:00How to Upload Files using Ajax and Progress Bar!!!!Check this tutorial for more on how to upload files along with a Progress bar.<br /><br /><a title="CakeTimer - An Ajax File Uploads Progress Bar" href="http://thinkingphp.org/demos/cake-timer/">CakeTimer - An Ajax File Uploads Progress Bar</a><br />This is a demonstration of an AJAX powered progressbar to monitor file uploads with (Cake)PHP<br /><br /><a title="HowTo add Ajax in-progress indicators" href="http://www.rubynoob.com/articles/2006/04/24/howto-add-ajax-in-progress-indicators">HowTo add Ajax in-progress indicators</a><br />Ok, so my little del.icio.us app (click link to read about how I added Ajax functionality to a simple Rails app) is pretty cool, but it was missing one big thing. When the user clicks the "Get Results" link she has no idea that the page is communicating with the server.<br /><br />IF you know of any more Uploading file scripts, please drop in a comment.Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-27129223957600371402008-03-12T05:45:00.000-07:002008-03-12T05:51:36.902-07:00Best Javascript & Ajax based Tabs!!!!!If you’re building a web site which has tabs within the design, why not spice it up with a little Javascript magic. Today we round up 10 Javascript/Ajax Tab scripts you can easily incorporate into your future designs …<br /><br /><a href="http://www.ndoherty.com/demos/coda-slider/">JQuery Coda Slider</a> : The sliding effect is what the Coda-Slider is all about; Nice, slick content presentation<br /><a href="http://bp2.blogger.com/_Mw9uxCHSpZs/R9fQwlBLNjI/AAAAAAAAAEE/lRnoWupLRes/s1600-h/115.jpg"><img id="BLOGGER_PHOTO_ID_5176835829675013682" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_Mw9uxCHSpZs/R9fQwlBLNjI/AAAAAAAAAEE/lRnoWupLRes/s320/115.jpg" border="0" /></a><br /><a href="http://people.cs.uchicago.edu/~meweltman/sliding_tabs.html">Perspective Tabs</a> - Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a lagre number of tabs to fit into a small space<br /><br /><p><a href="http://bp2.blogger.com/_Mw9uxCHSpZs/R9fQylBLNkI/AAAAAAAAAEM/QC_-szTvGBM/s1600-h/106.jpg"><img id="BLOGGER_PHOTO_ID_5176835864034752066" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_Mw9uxCHSpZs/R9fQylBLNkI/AAAAAAAAAEM/QC_-szTvGBM/s320/106.jpg" border="0" /></a><br /><a href="http://www.nyokiglitter.com/tutorials/tabs.html">Tab Accordion</a> - Tabbed style accordion script written with Moo.FX</p><p><a href="http://bp1.blogger.com/_Mw9uxCHSpZs/R9fQzVBLNlI/AAAAAAAAAEU/9dFNdmFC_CU/s1600-h/35.jpg"><img id="BLOGGER_PHOTO_ID_5176835876919653970" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_Mw9uxCHSpZs/R9fQzVBLNlI/AAAAAAAAAEU/9dFNdmFC_CU/s320/35.jpg" border="0" /></a><br />These are some of the useful links you should follow to achieve some of the best Tabs available.</p><p>some more useful links are<br />1. <a href="http://wiki.script.aculo.us/scriptaculous/show/Tabs">Tabs in Scriptaculous</a> - This script will allow you to create interactive tabs for use in an application<br />2. <a href="http://www.fueledsoftware.com/2006/06/02/ajax-tabs-reloaded-based-on-the-havoc-studios-arti">Ajax Tabs Reloaded</a> - From time to time you run across a cool site or test code and think that you may use it somewhere. I thought that about the HavocStudios Ajax tab system so I went back to the site to check it out</p><p>If you know of anymore of tutorials, please drop in a line or comment.</p>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-7775771829593949922008-03-12T05:28:00.000-07:002008-03-12T05:29:14.454-07:00Submit Forms Conditionally using JavaScriptIn the long-gone days of the early Internet, having a form on the website was tantamount to dabbling with "cutting-edge" technologies. Intricate Perl scripts and esoteric CGI scripts were required to process those forms and people used to suffer bouts of cold sweat whenever there manifested a need to use web forms.<br /><br />To create a form-handling script used to be in the realms of MCAs and computer engineers. No longer is it so. The Internet these days is replete with all sorts of form handling scripts, and wherever you choose to host your website, or for that matter even a web page, you can easily deploy a form handling script and start interacting with your visitors.<br /><br />As the level of interaction goes complex, you require more complicated scripts. One way is to write a single script containing hundreds of lines of code. The action script (that comes within <form action="scriptname.php">) encompasses numerous if-then-else conditions, and even within these conditions, there could be zillions of nested if-then-else conditions. After a certain time it becomes a Herculean task to maintain such a form handling script and unless you are an avid documenter, you'll lose the track in no time.<br /><br /><a href="http://www.developertutorials.com/tutorials/javascript/submit-forms-conditionally-7-11-28/page1.html">Continue Reading</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-80307629126553547962008-03-12T05:25:00.001-07:002008-03-12T05:27:45.191-07:00How To Open PDFs in a New Window with JavaScriptIntroduction<br /><br />Opening documents such as PDFs in a new window should be automated using JavaScript for the following reasons:<br />1. Users will often close the web browser when a PDF is opened, mistakenly believing the document has been opened in Adobe Reader<br />2. The attribute historically used to open a new window, target, has been removed from the HTML 4.01 Strict specification (it's now deprecated)<br />3. Opening a new window is a behaviour and should be moved to <a href="http://www.webcredible.co.uk/user-friendly-resources/dom-scripting/progressive-enhancement.shtml" target="_blank">the behavioural layer</a>1.<br /><br />Using JavaScript can also be particularly useful when a website is content managed. Rather than having to rely on site editors to remember to open a link to a PDF in a new window the process is handled by a simple JavaScript function.<br /><br /><a href="http://www.developertutorials.com/tutorials/javascript/opening-pdfs-in-a-new-window-with-javascript-8-01-23/page1.html">Continue Reading</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0tag:blogger.com,1999:blog-3391032450542197372.post-66731819268977670762008-03-12T05:24:00.000-07:002008-03-12T05:25:44.981-07:00How to Create Striped Tables Using JavaScript<strong>Introduction</strong><br />JavaScript can be incredibly useful when you need to automate repetitive tasks. In this article we'll implement a simple JavaScript function that will apply alternate striped rows to a table.<br />We'll implement this technique using unobtrusive JavaScript.<br /><br /><a href="http://www.developertutorials.com/tutorials/javascript/striped-tables-using-javascript-8-01-23/page1.html">Continue Reading the Tutorial</a>Srinivashttp://www.blogger.com/profile/01936398579566155247noreply@blogger.com0