JavaScript
  Home arrow JavaScript arrow Developing the Behavioral Layer for a Cont...
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  
Dedicated Servers  
Actuate Whitepapers 
Moblin 
IBM® developerWorks 
Sun Developer Network 
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

Developing the Behavioral Layer for a Content Management System with Prototype
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2007-04-23

    Table of Contents:
  • Developing the Behavioral Layer for a Content Management System with Prototype
  • The full source code of the previously developed front-end
  • Working with Prototype's AJAX.Updater object
  • The full client-side code of the application

  • 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

    Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here

    Developing the Behavioral Layer for a Content Management System with Prototype


    (Page 1 of 4 )

    The Prototype JavaScript framework has become extremely popular with many web developers. This makes possible the development of many web applications that use the remarkable AJAX capabilities that come packaged with this library. In this article in particular, the functionality of Prototype is utilized to build a highly expandable content management system, so if you're interested in learning how this application will be created, start reading now!

    Introduction

    Welcome to the second installment of the series that began with "Building a Content Management System with Prototype." As the article's title claims, this series teaches you how to create a useful CMS application in a step-by-step format, which allows you to easily insert, edit and delete contents from a simple MySQL database.

    As you'll probably recall, in the preceding tutorial of the series I explained in a friendly fashion how to create a simple graphical interface for providing users with the capacity to add new contents to the content management system, aside from being able to edit the contents, or eventually delete them.

    In this case, I demonstrated the use of this application by using some data related to publishable articles, including information about authors, article titles, and so forth, but since the structure of the system is actually very flexible, it can be easily modified to work with contents of a different nature.

    All in all, at this point I believe that the simple front-end that was built in the previous article of the series shouldn't be hard for you to grasp at all, therefore it's time to take the next step involved in the development of this Prototype-based content management system.

    Essentially, in this second tutorial I'm going to take advantage of Prototype's AJAX capabilities to define the group of JavaScript functions that will be responsible for adding new articles to the system, as well as updating and deleting them. Of course, all of these useful tasks will be performed with the assistance of the popular "AJAX.Updater" object that comes bundled with this library, whose functionality is indeed remarkable.

    All right, having introduced clearly the topics that will be treated over the course of this article, let's move on together and see how to build the behavioral layer that corresponds to this Prototype-driven CMS. Let's get started now!

    More JavaScript Articles
    More By Alejandro Gervasio


       · This second part of the series is focused entirely on demonstrating in a...
     

    JAVASCRIPT ARTICLES

    - Detect Browser Compatibility with the Reques...
    - Using the EXT JS Date Picker Widget
    - Ajax Hack for Entering Information Without R...
    - EXT JS 2.1 Overview
    - Using the Style Object for Zebra Tables with...
    - Binary Searching
    - An Improved Approach to Building Zebra Tables
    - Assigning Background Colors Dynamically to Z...
    - Building Zebra Tables with CSS and JavaScript
    - JavaScript: Array Objects
    - A Closer Look at Smart Markers with Yahoo! M...
    - Using Polylines and Smart Markers with Yahoo...
    - Bulleted Menu of Links
    - Creating Click Loggers and Basic Markers wit...
    - Adding Pan Controls to Yahoo! Maps







    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway