Te encuentras en: Inicio » Javascript
Categoría:
Javascript
Todo sobre Javascript. Ejemplos, algoritmos, comprobaciones de campos de formularios, efectos y trucos en Javascript
El siguiente artículo es una adaptación de uno de los capítulos de expresiones regulares del libro de O’reilly Javascript Cookbook. Por lo que algunos nombres, y ejemplos de frases los he conservado en inglés. También he eliminado algunas secciones, en este artículo tan sólo se conservar al rededor de 1/3 de todo el contenido original, conservando la teoría más básico y algunos ejemplos prácticos. Introducción Las expresiones regulares son patrones de búsqueda que se pueden utilizar para encontrar el texto que coincide con un patrón determinado. Por ejemplo, en el último capítulo, buscamos la subcadena Cookbook dentro de una cadena más larga: var testValue = "This is the Cookbook’s test string"; var subsValue = "Cookbook"; var iValue = testValue(subsValue); devuelve el valor 12 que es el indice de la subcadena Este fragmento de código funcionó porque estábamos buscando una coincidencia exacta. Pero lo que si queremos una búsqueda más general? Por ejemplo, queremos buscar para Cook y la palabra Book, en cadenas como “Joe’s Cooking Book” o “JavaScript Cookbook”? Cuando estamos en busca de cadenas que coinciden con un patrón en lugar de una cadena exacta, tenemos que usar expresiones regulares. Podemos tratar de hacerlo con las funciones de String [...]
Hace unas semanas que he recibo 2 libros de Javascript que me he comprado en Amazon y estoy empezando poco a poco a leerlos. Intentaré todo lo que pueda ir colgando resúmenes de los capítulos de uno de los libros : Javascript Cookbook. Por lo que he visto, una maravilla. Las cadenas en JavaScript es uno de los componentes mas importantes, probablemente mas usado que cualquier otro tipo de dato. Las cadenas son también usadas como parámetros cuando se invoca aplicaciones AJAX del lado del servidor, además de crear el formato de serialización básica de todos los objetos JavaScript. Uno de los métodos que comparten todos los objetos JavaScript es toString, que devuelve una cadena que contiene el formato serializado del objeto. Una cadena JavaScript puede ser un tipo de dato primitivo o un objeto. Los tipos de datos primitivos en Javascript son: números, Boolean (true or false), null (sin dato), and undefined (unknown o no conocido). Adicionalmente como tipo de dato primitivo las cadenas son también literales JavaScript: una colección que incluye los números (ya sean floats o enteros), el formato literal de las matrices, objetos y expresiones regulares, así como los números y booleanos. Una cadena Objeto Un [...]
Pongamos que tenemos un formulario con n campos y su correspondiente botón submit para enviarlo. Para hacer el formulario mas usable e intuitivo siempre está bien desactivar el botón submit de enviar, siempre y cuando el formulario no este completado. Importante también mostrando mensajes de ayuda, o tooltips que es fundamental. Vamos a poner que tenemos un formulario con una caja de texto y un botón submit. Lo que haremos será desactivar o deshabilitar el botón submit hasta que no haya algo escrito en la caja de texto. <input type="text" name="textField" /> <input type="submit" value="send" /> Para deshabilitar o desactivar el boton submit. Usaremos Jquery para llevar a cabo esta tarea y no usar Javascript a pelo. Seleccionamos todos los inputs que sean del tipo submit y le agregamos el atributo disabled=”disabled” $(‘input[type="submit"]‘).attr(‘disabled’,'disabled’); Para habilitar o activar el botón submit y poder enviar el formulario. Ejecutamos el siguiente código. Que lo que hace es eliminar el atributo disabled que hemos agregado anteriormente. $(‘input[type="submit"]‘).removeAttr(‘disabled’); Ejemplo completo. Cuando la caja de texto esta vacía el botón submit de desactiva. Cuando algo se escribe en la caja del formulario se muestra el boton submit activo. Si la caja de texto volviese a estar [...]
Desde el siguiente vídeo consejo, podremos aprender como hacer para mostrar los elementos de un listado que aparezcan secuencialmente mediante Jquery. Hay muchas formas de llevar a cabo esta tarea pero la que comenta el video tutorial es una de ellas y no esta del todo mal porque es bastante sencillo y no incluye mucho código. Se trata de una técnica para utilizar funciones recursivas. (function() { // Inicialmente ocultamos todos los elementos del listado var lis = $(‘li’).hide(); // El desencadenante es en este caso un anchor, un enalce. Esto es muy generico pero se puede customizar, claro. $(‘a’).click(function() { var i = 0; // Hacemos un FadeIn a cada elemento del listado cuando llega a los 200 ms, despues, // cuando ha terminado, recursivamente se llama a displayImages. // Cuando eq(i) hace referencia a un elemento que no existe, // jQuery devolverá un objeto vacio y no continuará haciendo fadeIn (function displayImages() { lis.eq(i++).fadeIn(200, displayImages); })(); }); })(); Lo que hace este uso efectivo es el hecho de que, cuando lis.eq (i) se refiere a un elemento que no existe en el conjunto, se devuelve un objeto vacio jQuery. Cuando esto sucede, los métodos posteriores de la cadena [...]
A continuación indico algunas funciones de Jquery muy útiles para trabajar con elementos de formularios. En este caso para trabajar con checkbox. Seleccionar/deseleccionar un checkbox: // Seleccionar un checkbox $(‘input[name=acheckbox]‘).attr(‘checked’, true); // Deseleccionar un checkbox $(‘input[name=acheckbox]‘).attr(‘checked’, false); Seleccionar/deseleccionar todos los checkbox: // Seleccionar todos los checkboxes $("input:checkbox").attr(‘checked’, true); // Deseleccionar todos los checkboxes $("input:checkbox").attr(‘checked’, false); A continuación una función para obtener la lista de checkboxes seleccionados. Se crea una función que extiende las propiedades de Jquery. Para todos los checkbox seleccionados se va guardando su valor en un array. Con este array se puede pasar a un ajax, a otra funcion jquery, o se puede hacer lo que cada uno desee en su lógica. También se puede hacer un alert() con el array para testear y comprobar los datos del mismo antes de continuar. jQuery.fn.getCheckboxValues = function(){ var values = []; var i = 0; this.each(function(){ values[i++] = $(this).val(); }); return values; } var arr = $("input:checked").getCheckboxValues(); Tags de búsquedas: checkbox marcar desmarcar todos, ajax comprobar checkbox, obtener datos vector checkbox nombre, obtener el valor de un checkbox jquery, pasar chekbox a array en php, pasar parametros con ajax jquery, pasar valores de checkboxes a arreglo con javascript, recoger valores [...]
2 Comentarios Categoria : Javascript 
RSS Feed 
Suscríbete al RSS por email
Últimos Comentarios
6-02-2012 02:54
3-02-2012 21:40
3-02-2012 17:08
3-02-2012 05:38
1-02-2012 15:48
1-02-2012 10:12
1-02-2012 04:27
1-02-2012 00:57