escribojava

Entradas

Mostrando las entradas etiquetadas como JavaScript

Eliminar elemento de un Array, Especificando el valor

Array. prototype . remByVal = function ( val ) { for ( var i = 0 ; i < this . length ; i ++ ) { if ( this [ i ] === val ) { this . splice ( i , 1 ); i -- ; } } return this ; } //Call like [ 1 , 2 , 3 , 4 ]. remByVal ( 3 );

Validar si un selector es visible o no con jquery

$el . is ( ':visible' ) === $el . is ( ':not(:hidden)' ); ó $el . is ( ':visible' ) === ! $el . is ( ':hidden' ); ó comprobación de regla css : if ( $el . css ( 'display' ) !== 'none' ) { // codigo a ejecutar }

Comprar 2 arrays con underscore.js y retornar la diferencia - Compare 2 arrays of objects with Underscore to find the differnce

var changedObj = _.find(newVal, function(obj, index) { return obj.Rating != oldVal[index].Rating; });

Data Layer Google maps Api V3, Eventos e Infowindow

La capa de datos Maps Google proporciona un contenedor para datos geoespaciales arbitrarias. puede utilizar la capa de datos para almacenar sus datos personalizados, o para mostrar datos GeoJSON en un mapa google . GeoJSON es una norma común para el intercambio de datos geoespaciales en Internet. es ligero y fácilmente legible, por lo que es ideal para compartir y colaborar. con la capa de datos, puede agregar datos GeoJSON a un mapa de google en una sola línea de código. Acontinuación un ejemplo, el html completo: <!DOCTYPE html> <html> <head> <title> Data Layer: Event Handling </title> <meta name= "viewport" content= "initial-scale=1.0, user-scalable=no" > <meta charset= "utf-8" > <style> html, body, #map-canvas { height : 100 % ; ...

Autocomplete Api V3 google Automaticamente a todos los input del DOM

Las funciones de la biblioteca de JavaScript de Google Places permiten que una aplicación busque lugares (definidos en esta API como establecimientos, ubicaciones geográficas o puntos de interés destacados) incluidos en un área definida como, por ejemplo, los límites de un mapa o los alrededores de un punto fijo. Debe tener en cuenta que para la utilización de esta api, es necesario la utilización de los mapas de Google o en su defecto adquirir una licencia con un proveedor de su país. Ejemplo de la función: <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <title> Autocomplete Google Demo </title> <style> .textbox { border : 1px solid #DBE1EB ; font-size : 18px ; ...

Vinculación de Múltiples Eventos Jquery

Muy a menudo, elementos en una aplicación estarán vinculados a múltiples eventos, cada uno con una función diferente. En estos casos, es posible pasar un objeto dentro de $.fn.on con uno o más pares de nombres claves/valores. Cada clave será el nombre del evento mientras que cada valor será la función a ejecutar cuando ocurra el evento. Vincular múltiples eventos a un elemento ejemplo: $ ( 'p' ). on ({ 'click' : function () { console . log ( 'clickeado' ); }, 'mouseover' : function () { console . log ( 'sobrepasado' ); } }); Fuente: Libro Fundamentos Jquery.

Objeto literal Javascript (Opcion para no utilizar switch)

// Declaración var stuffToDo = { 'bar' : function () { alert ( 'el valor es bar' ); }, 'baz' : function () { alert ( 'el valor es baz' ); }, 'default' : function () { alert ( 'de forma predeterminada se ejecutará este código' ); } }; // Consumo if ( stuffToDo [ 'foo' ]) { stuffToDo [ 'foo' ](); } else { stuffToDo [ 'default' ](); } Fuente: Libro fundamentos de Jquery.

Determinación de un vector en Javascript (Forma robusta)

if (Object. prototype . toString . call ( myArray ) === '[object Array]' ) { // definitivamente es un vector; // esta es considerada la forma más robusta // de determinar si un valor es un vector. } Fuente: Libro Fundamentos JQuery.

Función utilizando el objeto $.Deferred JQuery

// función que calcula si un número entero es par o impar var isEven = function ( number ) { // guarda en una variable al objeto $.Deferred() var dfd = $ . Deferred (); // si es par, resuelve al objeto utilizando deferred.resolve, // caso contrario, lo rechaza utilizando deferred.reject if ( number % 2 == 0 ) { dfd . resolve (); } else { dfd . reject (); } // devuelve al objeto diferido con su estado definido return dfd . promise ();...

Eventos personalizados con JQuery

// Esta es la forma como se declara -- es decir seía algo como el receptor $ (document). on ( 'myCustomEvent' , { foo : 'bar' }, function ( e , arg1 , arg2 ) { console . log ( e . data . foo ); // 'bar' console . log ( arg1 ); // 'bim' console . log ( arg2 ); // 'baz' }); // Este es la forma como se dispara el evento -- sería el emisor $ (document). trigger ( 'myCustomEvent' , [ 'bim' , 'baz' ]); Fuente: Libro Fundamentos JQuery.

Validar campo email con JavaScript

Saludos amigos en esta oportunidad dejo una pequeña función de JavaScript para validar el campo email de una aplicación: function Validar(){ var email=document.getElementById("email").value; if( document.getElementById("email").value.toLowerCase().search('(^[a-z][a-z0-9\-_.]+[@][a-z0-9\-_.]+[.][a-z]+$)') == -1 ) { alert("El correo electronico no es valido !"); document.getElementById('email').value=""; document.getElementById('email').focus(); }else { /...