Ajax Updates

Posted by education training on Wednesday, November 25, 2009

Ajax Updates

osTicket:: Open Source Support Ticket System

Posted: 25 Nov 2009 12:32 PM PST

osTicket is a widely-used open source support ticket system. It seamlessly integrates inquiries created via email, phone and web-based forms into a simple easy-to-use multi-user web interface. Manage, organize and archive all your support requests and responses in one place while providing your customers with accountability and responsiveness they deserve.

Features
OsTicket is designed to help you streamline support requests and improve customer support efficiency by providing staff with tools they need to deliver fast, effective and measurable support. Some of the core features include;
Web and Email Suppport
Tickets can be created via email, online forms or phone (created by staff). Flexible configuration and mapping.
Auto Response
Automatic reply that is sent out when a new ticket is opened or a message is received. Customizable mail templates.
Canned Replies
Predefined responses for frequently asked questions.
Internal Notes
Add internal notes to tickets for staff
Help Topics
Configurable help topics for web tickets. Route inquiries without exposing internal departments or priorities.
Alerts and Notices
Staff and clients are kept up to date with email alerts. Configurable and flexible settings.
Role-based Access
Control staff’s access level based on groups and departments.
Assign & Transfer Tickets
Assign tickets to a staff and/or department.
No signup Required
No user account or registration required for users (ticket ID/email used for login).
Support History
All support requests and responses are archived.


Download: http://osticket.com/dl/osticket_1.6.rc5.tar.gz
Source: http://osticket.com/index.php

Related Listings:

  1. Open Source Carousel Like Widgets One of the most common problems a web developer usually...
  2. Helma – Open source framework Helma is a server-side Javascript environment and web application framework...
  3. DHTML Window with Tab Support – AJAX Script Configuration You need to include one css file and one...

Validation Hints for Forms

Posted: 25 Nov 2009 12:16 PM PST

As someone is typing an in an input field, it would be nice give feedback to the user as they are typing if they have satisfied that field’s validation criteria. This article will explain one way of achieving this effect using JavaScript and CSS.

Start at the beginning – testing for length

Let’s start with field for creating a username.

  <fieldset>   <label for="username">Create a Username:</label>   <input type="text"     id="username"     maxlength="16" /> </fieldset>

For our form, in order for the username to be valid, it should be at least 8 characters long, and no more than 16 characters. The maxlength attribute in the HTML takes care of the high limit. As for the low limit, that’s where we can introduce some JavaScript.
JavaScript

In English: The function tests to see if the length of what I typed is greater than 7 characters. If so, do something. If not, do something else.

  function checkUsername(whatYouTyped) {   var txt = whatYouTyped.value;   if (txt.length > 7) {     ... do something to indicate job well done ...   } else {     ... do something else ...   } }

As for what to do, what if we took the containing fieldset and changed it’s class to something like “welldone”?

   function checkUsername(whatYouTyped) {   var fieldset = whatYouTyped.parentNode;   var txt = stringinput.value;   if (txt.length > 7) {     fieldset.className = "welldone";   } else {     fieldset.className = "";   } }

The class can be defined in the CSS to assign a background color to the fieldset.

 fieldset.welldone {   background:green; }

We need to check for this validation on every keystroke, so we attach it to the HTML using onkeyup, like so:

  <fieldset>   <label for="username">Create a Username:</label>   <input type="text"     id="username"     maxlength="16"     onkeyup="checkUsername(this);" /> </fieldset>

A step further to indicate “almost there”.

We’ll also have people create a password. We’re a good company, so we let them create a password with as little as 4 characters. But we also feel a sense of responsibility to encourage (not impose upon) people to use longer passwords, at least 8 characters, as a security measure.

The HTML for the password field will look like this:

 <fieldset>   <label for="password">Create a password:</label>   <input type="password"     id="password"     onkeyup="checkPassword(this);" /> </fieldset>

The JavaScript will be modified to serve an additional outcome based on length.

* If the password is at least 4 characters long, that’s good enough to continue.
* If the password is at least 8 characters long, that’s even better, because it’s oh-so-very secure.

 function checkPassword(whatYouTyped) {   var fieldset = whatYouTyped.parentNode;   var txt = whatYouTyped.value;   if (txt.length > 4 && txt.length < 9) {     fieldset.className = "almostthere";   }   else if (txt.length > 8) {     fieldset.className = "welldone";   }   else {     fieldset.className = "";   } }



Demo: http://www.askthecssguy.com/examples/validationhints/formfieldhints.html
Download: http://www.askthecssguy.com/examples/validationhints/validationhints.zip
Source: http://www.askthecssguy.com/examples/validationhints/formfieldhints.html

Related Listings:

  1. Valid8 – An input field validation plugin for Jquery Valid8 solves both simple and complex validation scenarios. Everything from...
  2. Form field hints with Ajax CSS and JavaScript It’s a basic example of how helpful a little JavaScript...
  3. jVal – jQuery Form Field Validation Plugin jVal is a jQuery form field validation plugin that provides...

CodeIgniter – Open source PHP web application framework

Posted: 25 Nov 2009 11:33 AM PST

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. If you’re a developer who lives in the real world of shared hosting accounts and clients with deadlines, and if you’re tired of ponderously large and thoroughly undocumented frameworks:

CodeIgniter is an Application Development Framework – a toolkit – for people who build web sites using PHP. Its goal is to enable you to develop projects much faster than you could if you were writing code from scratch, by providing a rich set of libraries for commonly needed tasks, as well as a simple interface and logical structure to access these libraries. CodeIgniter lets you creatively focus on your project by minimizing the amount of code needed for a given task.

CodeIgniter Features:

* You want a framework with a small footprint.
* You need exceptional performance.
* You need broad compatibility with standard hosting accounts that run a variety of PHP versions and configurations.
* You want a framework that requires nearly zero configuration.
* You want a framework that does not require you to use the command line.
* You want a framework that does not require you to adhere to restrictive coding rules.

* You are not interested in large-scale monolithic libraries like PEAR.
* You do not want to be forced to learn a templating language (although a template parser is optionally available if you desire one).
* You eschew complexity, favoring simple solutions.
* You need clear, thorough documentation.


Download: http://codeigniter.com/download.php
Source: http://codeigniter.com/

Related Listings:

  1. Helma – Open source framework Helma is a server-side Javascript environment and web application framework...
  2. Open Source Carousel Like Widgets One of the most common problems a web developer usually...
  3. Prototype – Javascript Framework Prototype is a JavaScript Framework that aims to ease development...

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.