JavaScript
  Home arrow JavaScript arrow Creating the Front End of a Search Engine ...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

Creating the Front End of a Search Engine with AJAX
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 13
    2006-11-15

    Table of Contents:
  • Creating the Front End of a Search Engine with AJAX
  • Creating the search engine’s user interface
  • Creating the application’s look and feel
  • Programming the behavioral layer of the application
  • Putting the pieces together

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Creating the Front End of a Search Engine with AJAX


    (Page 1 of 5 )

    Welcome to the first part of a three-part series that will show you how to create a search engine that fetches content from a database. We will use PHP and AJAX to create this engine. This article will focus on creating the search engine's front end.

    Introduction

    When it comes to developing AJAX-driven applications, certainly there’s a plethora of possibilities that can be considered as potential targets. This is especially true if the web project that is going to be deployed may gain some kind of benefit from using this type of technology.

    In fact, there’s no point in using AJAX only because it’s cool, or because in the last few months it has became your favorite web development toy. Logically, there must be a strong reason for utilizing it, particularly considering that the most critical parts of your application shouldn’t depend on JavaScript to work properly.

    However, with the huge proliferation of AJAX-based programs, there are specific situations where this technology can greatly improve the functionality of a given application, and at the same time provide users with a richer experience when they’re using it. Of course, if you’ve already tasted the neat capabilities that come bundled with AJAX, then quite possibly you’ll be excited about them and want to expand your own boundaries as a web developer.

    Among the variety of web applications that can be created using JavaScript HTTP requester objects, there’s one that I’m sure you’ll find quite useful. In this case, I’m talking specifically about building a expansible search engine which can use HTTP requests triggered in the background to fetch content from a database, according to a specified search criteria.

    Considering that the core module of the search engine that I mentioned before can be implemented with PHP, while all the client-side programming can be reduced to sending HTTP requests with AJAX, in this three-part series, I’m going to show you how to create such a system, which can be included in any web site with minor problems.

    More specifically, the two first parts of this series will be focused on creating the search engine’s front end, in conjunction with the corresponding server-side module (using PHP). The third tutorial will be dedicated to improving the overall application by introducing full-text capabilities and Boolean searches.

    Ready to learn how to build a search engine with AJAX? Okay, let’s get going!

    More JavaScript Articles
    More By Alejandro Gervasio


       · Over the course of this first article, you'll learn how to create the user interface...
       · Sir/Madam,This is really one of the best articles i have read in the...
       · Thank you for the kind words on my AJAX article, and I’m glad to know it’s been...
     

    JAVASCRIPT ARTICLES

    - Validating Digits and Dates with jQuery`s Va...
    - Validating Ranges, Emails, and URLs with jQu...
    - More Uses for the jQuery Tooltip Plug-in`s b...
    - Building Image-Based Tooltips with the jQuer...
    - Using the jQuery Tooltip Plug-in`s bodyHandl...
    - Using Rangelength, Min and Max with the Vali...
    - Using Minlength and Maxlength with the Valid...
    - Modifying Tooltip Coordinates with the jQuer...
    - Applying a Fade Out Effect with the jQuery T...
    - Tracking Mouse Movements with the jQuery Too...
    - Checking Online Forms with the Validator jQu...
    - Nested JavaScript Functions as Objects
    - The jQuery Tooltip Plug-in
    - Active Client Pages at the Server
    - ACP Tab Web Page







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 1 Hosted by Hostway
    Stay green...Green IT