RibosoMatic Blog

JobSpice, una interesante aplicación web hecha con jQuery y AJAX que nos ayuda a crear nuestro currículum u hoja de vida de manera sencilla e interactiva:

• Mediante añadir bloques ó secciones editables, tales como: Información de contacto, Objetivos, Educación, Experiencia, etc. 
• Cada sección que añadimos podemos editar mediante la técnica "edit in situ".
• También podemos arrastrar las secciones para ubicarlos en el lugar u orden deseado.
• Una vez terminado nuestra hoja de vida podemos ver una vista previa a la vez que le aplicamos diversos estilos.
• Si deseamos grabar nuestro trabajo ó compartir en la red debemos registrarnos, caso contrario podemos imprimir ó exportarlo en formato PDF.

Esta interesante aplicación nuevamente nos muestra qué podemos lograr con el uso de librerías con jQuery en JavaScript y funcionalidad AJAX.

Vía AjaxMagazine

Ptwix es un nuevo componente PHP/AJAX para mostrar los tweets (ó mensajes de tu cuenta twitter) en tu página web. Con esta herramienta web tus visitantes y usuarios pueden seguir tu cuenta de twitter directamente desde tu sitio web. El script hace uso de PHP y cURL para su funcionamiento. Este (tipo de widget) es personalizable, podemos elegir entre diversos temas de colores para su diseño.

Enlaces | descargar, instrucciones

noupe nos explica paso a paso cómo crear una pequeña aplicación en Ruby on Rails para enviar mensajes a Twitter agregándole funcionlidad AJAX. Un tutorial para tenerlo a la mano.

Enlace artículo

Otra utilidad web desde DHTMLX, se trata de un Calendario de Eventos. dhtmlxScheduler es más que un simple calendario, ya que proporciona una solución rica e intuitiva en cuando a la programación de eventos (agregar/actualizar), cambiar formato de fecha-hora, idioma y otras bondades similar a Microsoft Outlook Calendar, Apple's iCal ó Google Calendar.

Esta desarrollado sobre JavaScript con funcionalidad AJAX, es muy liviano en tamaño, soporte cross-browser y totalmente configurable. La interfaz del calendario es configurable a través de su API en JavaScript. 

Una característica interesante es que se puede configurar fácilmente para conectar a una base de datos con la ayuda de dhtmlxConnector, una extensión en PHP que hace posible la comunicación entre cliente-servidor. 

Distribuido bajo licencia GNU GPL y licencias comerciales.

Enlaces | Demo

Vía | Ajax Magazine

jQuery UniqueField es plugin para jQuery que verifica la disponibilidad de los nombres de usuarios ó dirección de correo (y otros valores) en los formulario de registro.

Cómo usarlo

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.uniquefield.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.uniquefield.css" />

Un ejemplo para verificar el nombre de usuario y correo:

<script type="text/javascript">
$(function(){
	$('#username_2').uniqueField({
		url: 'ajax.php',
		baseId: 'exam_y'
	});
	$('#email').uniqueField({
		url: 'ajax.php',
		baseId: 'exam_z'
	});
});
</script>

En archivo ajax.php en el servidor:

<?php
# Open a connection to a MySQL Server
$link = mysql_connect('localhost', 'mysql_user', 'mysql_password');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}

# Select a MySQL database
$db_selected = mysql_select_db('foo', $link);
if (!$db_selected) {
    die ('Can\'t use foo : ' . mysql_error());
}

if (isset($_POST['field']) && isset($_POST['value'])){

	$field = mysql_real_escape_string($_POST['field']);
	$value = mysql_real_escape_string($_POST['value']);

	$result = mysql_query("SELECT COUNT() AS `count` FROM `table_users` 
				WHERE `$field` = '$value' LIMIT 1", $link) or die(mysql_error());
	if (mysql_fetch_object($result)->count == 0) {
		# Value is available
		echo 1;
	} else {
		# Value is already in use
		echo 0;
	}

}
# Close MySQL connection
mysql_close($link);
?>

Enlace | Más información

En tutoriales anteriores explicabamos como combinar los lenguajes de servidor PHP y el gestor de base de datos MySQL con el objeto XMLHttpRequest (lo que hace posible AJAX) para llamadas asíncronas. Sin embargo hacer uso de manera tradicional de este objeto JavaScript es muy engorroso a la hora de codificar. Justamente la librerías JavaScript actuales han simplificado el trabajo. Es allí donde nos centraremos ahora. Haremos uso de la librería (que ha mi parecer es muy cómoda de usar) jQuery.