Función Loading para AJAX

A continuación muestro una función para el uso de AJAX.

NOTA: La ruta de la imagen la tendrán que poner correctamente ustedes. Esta probado en IE8, FF 10.0.2 Chrome 17.0.963.56 m. La versión de JQuery es 1.4.2 que pueden descargar desde http://docs.jquery.com/Downloading_jQuery

Para crear su propia imagen del Loading, les recomiendo la página http://ajaxload.info/ donde hay vario tipos y pueden personalizar la imagen.


function loading(val) {
//val = 1 it is for create loading
//val = 0 it is for destroy it
if (val) {
var div = document.createElement("div");
var width = $(document).width() - 1;
var height = $(document).height();

$(div).attr("id","loadingDiv");

$(div).css({
"visility":"visible",
"position":"absolute",
"z-index":"100000",
"background-color":"#000",
"width":width+"px",
"height":height+"px",
"left":"0px",
"top":"0px"
}).fadeTo("slow",0.5);;

var heightWin = $(window).height();
var widthWin = $(window).width();
var img = document.createElement("img");

$(img).attr("src", "ruta/de/mi/imagen.gif");

var widthImg = img.width;
var heightImg = img.height;

var left = (widthWin - widthImg) / 2;
var top = (heightWin - heightImg) / 2;

$(img).css({"position":"relative", "left":left, "top":top })

$(div).append(img);


$("body").append(div);
}
else {
$("#loadingDiv").remove();
}
}

Espero que sea de bastante utilidad, cualquier duda

Saludos

Algunos selectores en JQuery Parte 2

Anteriormente ya he escrito sobre este tema, solo me gustaría amplearlo ya que si manejas bien este tema te puedes ahorrar muchos ciclos para buscar un objeto en determinada posición, por ejemplo en un arreglo de <li> posicionarte en el ultimo, el primero, etc.


:last-child indica posicionarte sobre el ultimo objeto de un arreglo de posiciones de la misma clase. Ej:


<ul><li>Valor1</li><li>Valor2</li><li>Valor3</li></ul>


alert($("ul li:last-child").html())  // Esta linea de código regresa el valor HTML <li>


.last() Indica lo mismo que el anterior, también te posiciona sobre el ultimo objeto, si nos situamos sobre el ejemplo anterior.


alert($("li").last().html()); // retorna Valor3


Por cuestiones de tiempo este tema será expandido después, pero si hay dudas pueden preguntar.

Submit is not a function

Esto parece uno de esos errores raros que IE6 y IE7 marcan, pero no incluso FF me lo marco y la solución es tan sencilla que reirán cuando las cuente.

Si estas presentando este problema es porque el botón que desencadena el submit o envío de los datos se llama como el método que desencadena el envío de los datos, es decir, esta mas o menos así "<input type="button" name="submit">.

Eso te puede ocasionar perder alrededor de 10 min, los 10 mas mal gastados y todo por algo tan simple. Pero no puede llamarse novatada (desde mi punto de vista).

Saludos!

Error CWPCA8522E: Application did not get installed

Para los que usamos Lotus Notes como cliente de correo electrónico, pues nos hemos llevado la sorpresa de que genera muchos error, esto si no lo sabes usar correctamente ó el equipo no tiene los suficientes recursos para soportar la aplicación. Ya que es muy robusta.

A continuación se detalla como solucionar el error CWPCA8522E.

• Cerramos la aplicación.
• Nos situamos en la carpeta data de lotus.
• Borramos la carpeta workspace.
• Abrimos Lotus y listo.

Este error se presenta cuando queremos abrir una de nuestras bases de datos.

Google te aconseja sobre seguridad informática

Google preocupado por los usuarios de la red, pone a disposición de todos un contenido de como hacer la navegación más segura, desde el desarrollo de sitios seguros, hasta cuidarnos nosotros mismos.

Debido que mundo virtual ya no es tan “virtual” y todo lo que ahí hacemos puede tener consecuencias en nuestra realidad. Ejemplo si en una página dejamos nuestro número de tarjeta de crédito, si llega a caer esa información en manos incorrectas podemos terminar muy endeudados.

Es por eso que se me hizo interesante las medidas que Google recomienda a modo de protección.

Para evitar llevar a cabo esta tarea no requieres ser un genio de la informática, solo aplicar un poco el sentido común.

Para evitar la suplantación de personalidad se recomienda lo siguiente:

·         No proporciones usuarios y contraseñas a páginas a las que esas cuentas no pertenezcan.

·         Numero de cuentas bancarias.

·         No proporciones información personal a desconocidos en salas de chat o por correo.

·         Fechas de cumpleaños u otras importantes.

Ten cuidado con el software que instalas en tu equipo:

·         Escanea tu equipo periódicamente, a menos que tu nivel de conocimiento informático sea avanzado y tengas el control total del software en tu equipo.

·         Actualizaciones del SO al día.

·        

No abras archivos con desconocidos y si los envía un conocido, confirma con la persona que tipo es ese archivo.

·          

Las memorias USB son el nido de virus, así que si es posible cada vez que conectes un dispositivo escanéalo.

A continuación una lista de aplicaciones que te pueden ayudar en el problema de virus:

• avast!
• AVG
• AVIRA
• BitDefender
• ESET Smart Security
• F-Secure
• G DATA
• Kaspersky Lab Internet Security
• McAfee
• MacScan (for Mac users)
• Microsoft Security Essentials
• Norton Internet Security
• TrendMicro

Se cuidadoso en los lugares con redes públicas, últimamente están de moda este tipo de lugares, asegúrate de no usarlos para enviar información importante, ya que no sabes quién puede ver la información antes de que llegue a su destino. O si lo haces asegúrate que los datos tengan un nivel de encriptación.

Las contraseñas deben de cambiarse periódicamente.

Cuando te levantes de tu equipo asegúrate de bloquearlo para que nadie más lo use sin tu consentimiento.

Usa aplicaciones para que los niños no entren a sitios restringidos.

No compres en cualquier sitio, hazlo solo en aquellos que tengan buena reputación.

En el desarrollo:

Cuando desarrolles un sitio en donde se requieran logueo, hay que utilizar un nivel de encriptación seguro.

No uses el nombre del usuario o algún dato que relacione al usuario con el sitio. Si es posible detecta las IP´s y crea un método para comparar las IP de donde se conecta y crea una relación, así si el usuario se conecta desde otra región podrás enviar un alerta (correo, celular, etc.).

Redes Sociales

No compartas información personal en redes sociales o reveles rutinas, ejemplo: lugares y horarios que frecuentas regularmente. Eso es una ventana a la delincuencia.

Esto es tan solo un fragmento del artículo original, si quieres verlo completo haz clic aquí

Enviando datos encriptado con JQuery

Es muy común que en nuestros sitios tengamos formas de logueo en la cual tenemos que encriptar la contraseña de los usuarios por cuestiones de seguridad.

Es por eso que hoy les voy a hablar sobre un plugin bastante sencillo hecho en JQuery para encriptar nuestros datos que se llama JQuery SHA256.

A continuación describo la implementación de esta herramienta:

1.       Debes de descargar la aplicación de aquí

2.       Incrustarlo en tu sitio web y hacer la llamada

3.       Tener un objeto que desencadene la acción (onclick(), submit(), etc).

4.       A continuación tendremos una cadena de 32 dígitos encriptada.

En esta parte se muestra la forma de empelarse este plugin:

$('#ex1_button').click(function(){

        var output = $.sha256($('#ex1_source'));

        $('#ex1_result').html(output);

});

Más información en:  http://plugins.jquery.com/project/sha256

Prueba el funcionamiento aquí

HTML5 y algunas funcionabilidades

A continuación enlisto algunas monadas nuevas de HTML5:

·         Audio Video: En HTML4 si deseas incrustar alguna de estas funcionabilidades requieres de utilizar flash, lo que significa que dependes de que el cliente tenga instalado este programa para la correcta visualización de la página. Con HTML5 trae etiquetas que permiten utilizar audio y video procesado por el mismo navegador. Estos tags son <video></video> y <audio></audio>. Esperemos que al ser soporte nativo del navegador sea mas rápido la ejecución, mas información aquí.

·         Dibujo: Con <canvas> y javascript puedes hacer dibujos más rápidos, ya que el rendimiento por código es más rápido que cargar imágenes, aquí algunos ejemplos de cómo hacerlo.

·         Web Sockets: Esta funcionabilidad permite especificar el puerto desde el cual enviar datos desde el cliente al servidor, podemos encontrar más información aquí.

·         Aplicaciones Web Offline: Permite trabajar online, es decir, si por alguna razón perdemos la conexión con el servidor de la página podemos continuar trabajando y posteriormente replicar los cambios en el servidor, esta funcionabilidad es muy buena para los usuarios viajero, mas información en este link o aquí.

·         Alamacenamiento Web: Para poder identificar las sesiones de usuario en HTML4 se usan las cookies, con esta versión de HTML5 se podrá almacenar hasta 5 MB por dominio. Al incrementar la capacidad de almacenaje también hay mas valores que podemos obtener sobre el cliente. En este sitio se describe mas a profundidad.

·         Web Worker:  Es algo parecido a lo que lo que los lenguajes multi-hilo implementan, ya que se pueden tener en ejecución varios procesos, pero esta característica cuenta con varias restricciones así solo se recomienda implementarlas cuando realmente se necesiten y se tenga el control sobre la operación del sitio, para mayor información vista este sitio.

·         Geolocalización: Permite localizar el sito a donde esta siendo descargado, es decir, revela nuestra localización basado en nuestra IP, en el sitio de la W3C veras mas a detalle esta información.

Este articulo lo puede encontrar en su versión original en esta liga http://dev.opera.com/articles/view/get-familiar-with-html5/