Archive for the ‘JavaScript’ Category

10 cosas sobre AJAX que deberías saber

Viernes, Septiembre 19th, 2008

ajaxEl término AJAX fue acuñado por nuestro amigo Jesse James Garrett y ésto es lo básico que deberíamos saber sobre él:1. AJAX (Asynchronous JavaScript and XML en inglés «JavaScript y XML asíncronos») es una técnica de desarrollo web que conjuga varias tecnologías que ya existían mucho antes de ser acuñado el término. AJAX no es una tecnología o un lenguaje de programación en si, citando a Félix “AJAX es una forma de programar”. Las tecnologías implicadas en AJAX son:

XHTML o HTML y CSSS
DOM Document Object Model
XMLHttpRequest
XML
La última: XML como formato para intercambio de información no es imprescindible, por ejemplo en CompareBlogs no lo utilizamos con esta finalidad. (more…)

Cargando imágenes con CSS

Viernes, Septiembre 19th, 2008

Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho mas fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un truco para mostrar la carga de una imagen a través de un simple GIF animado; en realidad puede ser cualquier mensaje que estimes conveniente, siempre que sea una imagen liviana (no más de 2KB). (more…)

Implementar Menu con CSS

Sábado, Febrero 23rd, 2008

Uno de los problemas mas comunes para un desarrollador es el crear una barra de menú, existen muchas formas, algunas con Javascript, otras no son compatibles con todos los navegadores y otras muy engorrosas de implementar. Esta vez les presento una forma elegante y sencilla de implementar un menú utilizando CSS.

menu-css.gif (more…)

Subir imagenes con javascript

Sábado, Octubre 13th, 2007

Con este código podremos generar un formulario con que poder subir imágenes gif y jpg en el servidor:

<html>
<head>
<!– Copiar dentro del tag HEAD –>
<script LANGUAGE=”JavaScript”>

extArray = new Array(”.gif”, “.jpg”);
function LimitAttach(form, file) {
allowSubmit = false;
if (!file) return;
while (file.indexOf(”\\”) != -1)
file = file.slice(file.indexOf(”\\”) + 1);
ext = file.slice(file.indexOf(”.”)).toLowerCase();
for (var i = 0; i < extArray.length; i++) {
if (extArray[i] == ext) { allowSubmit = true; break; }
} (more…)