Tipmage es una clase javascript destinada a la creación y gestión de “notas” sobre las imágenes

Tipmage es una clase Javascript encaminadas a crear y gestionar información sobre herramientas (o “notas”) sobre las imágenes.

Tipmage permite marcar porciones rectangulares de una imagen y adjuntar una descripción a cada uno de ellos. La descripción se muestra como un tooltip cuando el ratón está sobre la parte derecha de la imagen.

La clase puede trabajar de dos maneras: en modo normal, sólo muestra la información sobre herramientas, mientras que en el modo de edición que también permite al usuario para modificarlas.

Tipmage apoya el uso de funciones de llamada especiales para realizar operaciones relacionadas con la edición de un texto de ayuda (por ejemplo AJaX llamadas para acceder a una base de datos).

Una hoja de estilos CSS externa permite personalizar la apariencia de la interfaz de usuario.

Esta clase de trabajo ha sido probado en Internet Explorer 5.5-> 8.0, Firefox 1.0-> 3.6, Chrome 5.0, Safari 2.0-> 5.0, Opera 7.6-> 10.0. y el apoyo parcial de IOS 3.0-> 4.0 (iPhone, IPAD).

Enlace:  jpcbdp.wordpress.com

jQuery es un árbol de archivos configurables, es un plugin para jQuery en AJAXpara la exploración de archivos. Usted puede crear un árbol personalizado, el archivo es completamente interactiva con tan sólo una línea de código JavaScript.

En la actualidad, las secuencias de comandos del lado del servidor del conector están disponibles para PHP, ASP, ASP.NET, JSP, y Lasso. Si eres un desarrollador, usted puede hacer fácilmente su propio conector de trabajar con el idioma de su elección.

jQuery árbol de archivos es totalmente personalizable mediante CSS con la capacidad de los iconos de estilo basado en la extensión de archivo. Algunas características son:

• Utiliza AJAX para recoger el archivo de información sobre la marcha

• Fácil de configurar y poner en práctica

• Incluye conector de scripts para PHP y ASP.NET (C #)

• Apoya  scripts personalizados conector de funcionalidad extendida

• Personalizables expandir o contraer caso

• Personalizables expandir o contraer velocidades

• Apoya  jQuery facilitar las funciones

• Solo-y multi-vistas de carpeta

• Mensaje de carga configurable

Enlace: ajaxupdates

Las cronologías son particularmente útiles para el estudio de la ciencia, ya que transmiten una sensación de cambio en el tiempo. Las guerras y los movimientos sociales a menudo se muestran como líneas de tiempo.

TimeLine es un widget AJAXy basadas en DHTML para visualizar los eventos basados en el tiempo. Permite a los creadores de sitios web para incrustar líneas de tiempo interactiva en sus sitios. Sólo requiere que los usuarios tienen JavaScript activado. A menudo es mencionado como “Google Maps” por el tiempo.

Enlace: reencoded.com

Hay varios tutorials de ajax en la web, pero creo que no los suficientes cuando queremos saber más y más.
En la busqueda insaciable para aprender ajax, ahora les enlisto 30 manuales muy completos para poder aprender ajax, hay de nivel basico y avanzado.

Aqui estan:

• AJAX cliente-servidor
• HTML dinámico y XML: El Objeto XMLHttpRequest
• Guía para el uso XMLHttpRequest
• Hacer solicitudes asincrónicas con JavaScript y Ajax
• Tutorial al Instante
• Avanzada solicitudes y respuestas en AJAXR
• Arrastrar y soltar – Tutoriales AJAX
• Drag & Drop Listas ordenables con JavaScript y CSS
• AJAX Tutoriales de Formulario
• Presentar un formulario con Ajax
• AJAX File Uploader Tutorial
• Marco AJAX Toolkit y Tutoriales
• Aprenda xajax en 10 Minutos
• Uso de Ajax con PHP y Sajax

Enlace: Tutorials AJAX

El complemento Asistente para formularios es un plugin basado en jQuery que puede ser utilizado para simular el asistente como los flujos de página para las formas sin tener que navegar entre las diferentes páginas.

El plugin es muy discreto y le da al desarrollador gran libertad sobre cómo configurar el flujo de las diferentes etapas de sus asistentes, como el plug-in soporta la creación de rutas específicas en la forma en función de la entrada del usuario.

Características

- Divide una sola forma en los diferentes pasos para simular un flujo de pasos en lugar de una forma grande.
- Apoya las rutas que deben tomarse en forma
- Presenta sólo los campos de entrada en los pasos que se visitan en forma
- Soporta múltiples pasos “submit”
- Soporta tanto atrás y adelante de navegación
- Apoya el uso del navegador hacia atrás y hacia adelante a través de botones de la integración con el plugin de jQuery.history
- Apoya la validación del cliente mediante la integración con el plug-in de validación de jQuery
- Permite publicar el formulario con AJAX mediante la integración con el plugin jQuery.form
- Plugins integrados son totalmente configurables, estableciendo, por ejemplo posibilidad para la localización y las reglas de validación adicional

Paso 1
Crea un formulario como este.

<form id="theForm" method="post" action="#">
               <div class="step">
                 <h1>step 1 - falls through to step 2 on next</h1>
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" /><br />
               </div>
               <div class="step">
                 <h1>step 2 - branch step</h1>
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" /><br />
                 <select disabled="disabled" class="link" >
                   <option value="" >Choose the step to go to...</option>
                   <option value="step3" >Go to Step3</option>
                   <option value="step4" >Go to Step4</option>
                 </select><br />
               </div>
               <div id="step3" class="step">
                 <h1>step 3 - submit step</h1>
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" class="required"/><br />
                 <input disabled="disabled" type="hidden" class="link" value="submit_step" />
               </div>
               <div id="step4" class="step">
                 <h1>step 4</h1>
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" name="email" class="required email" /><br />
               </div>
               <div id="step5" class="step">
                 <h1>step 5 - last step</h1>
                 <input disabled="disabled" type="text" value="" /><br />
                 <input disabled="disabled" type="text" value="" /><br />
               </div>
               <input type="reset" value="Reset" />
               <input type="submit" value="Submit" />
             </form>

Paso 2
Descarga jQuery y agrega este código al mismo archivo

<script type="text/javascript" src="./jquery-1.3.2.js"></script>
            <script type="text/javascript" src="./jquery.history.js"></script>
            <script type="text/javascript" src="./jquery.form.js"></script>
            <script type="text/javascript" src="./jquery.validate.js"></script>
            <script type="text/javascript" src="./jquery.form.wizard-1.0.1.js"></script>
 
            <script type="text/javascript">
              $(function(){
                $("#theForm").formwizard({ 
                  //form wizard settings
                  historyEnabled : true, 
                  formPluginEnabled: true, 
                  validationEnabled : true},
                 {
                   //validation settings
                 },
                 {
                   // form plugin settings
                 }
                );
              });
            </script>

Descargar

Ver Ejemplo

QuickFlip funciona usando un acceso directo de la animación que es apenas perceptible cuando pasó rápidamente (de ahí el nombre). Este acceso directo mejora el rendimiento al tiempo que permite el efecto del tirón a trabajar sin problemas con cualquier pieza de marcado, independientemente de imágenes, fondos o CSS.

Ofrece una alternativa atractiva a otros más lentos y Flash más pesados de los recursos y jQuery animaciones tapa. Sin embargo, si desea una opción más suave con un efecto de profundidad intentar Flip jQuery!, Aunque esto sólo funciona con los colores de fondo (no imágenes) y esconde el contenido del panel antes de mover de un tirón.

Descargar

Ver Ejemplo