Apuntes de programador: jquery

Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas

lunes, 26 de enero de 2015

Seleccionar una celda especifica de una fila.

JQuery: ¿Cómo seleccionar una celda especifica que fue esta usando un radiobutton?

<input type="radio" class="primero" name="radio" >

$("input[@name='radio']:checked").parents('tr').children().eq(1).html().trim()

jueves, 18 de septiembre de 2014

¿Como obtener el contenido de un button que comparte id con otros button?

Uso la funcion "this".

html:

<button id="btnIdSolicitudExcepcion">
            aa
</button>
<button id="btnIdSolicitudExcepcion">
            bb
</button>
<button id="btnIdSolicitudExcepcion">
            cc
</button>
<button id="btnIdSolicitudExcepcion">
            dd
</button>

jquery:

       $(':button[id="btnIdSolicitudExcepcion"]').click(function(event) {
                var idSelect = $(this).text().trim();
                console.log( "button:" + idSelect);
                 // do
            });

martes, 9 de septiembre de 2014

Cambiar la propiedades CSS cuando ultilizamos tabs (Jquery IU)

Cuando utilizamos los "tabs" ( un Widgets de Jquery IU) vienen propiedades de CSS por default. ¿Como hacemos para cambiar estas propiedades?

Al CSS de nuestra pagina le seteamos la parte (contenedor, contenido, botones, cabecera) del tabs.

Ejemplo:

para el contenedor y los li (cabacera)

.ui-tabs .ui-tabs-nav li {
    width:200px;
    text-align: center;
    border-width: 2px;
}

Otros pueden ser:

* contenedor: .ui-tabs

* contenido .ui-tabs .ui-widget-content

* botones: .ui-tabs .ui-state-default a

* botones al pasar el mouse sobre ellos: .ui-tabs .ui-state-default a:hover

* botón activo: .ui-tabs .ui-tabs-active a, .ui-tabs .ui-tabs-active a:hover

* cabecera: .ui-tabs .ui-tabs-nav

jueves, 4 de septiembre de 2014

¿Como saber la version de Jquey y Jquery IU?

Muchas veces cuando estamos trabajando sobre la capa vista, necesitamos saber que versión de Jquery y/o Jquery IU esta usando nuestra aplicación.

Para Jquery:

$().jquery

jQuery().jquery;

Para Jquery IU:

$.ui.version

jQuery.ui.version

miércoles, 27 de agosto de 2014

Jquery I

Jquery es una librería de JavaScript. Que simplifica de manera notable a éste ultimo.Su pagina oficial es http://jquery.com/.

La sintaxis básica es:

$(selector).action()

El "selector" vendría hacer algún elemento (o pueden ser varios elementos) dentro del DOM. Y la "action" es el evento que haría los seleccionados.

Hagamos un breve ejemplo :

Html:

<html>

<head>

<title>Ejemplo</title>

</head>

<body>

<h1 id ="titulo">Hola mundo!</h1>

</body>

</html>

JS:

$(document).ready(inicializarEventos);

function inicializarEventos() {

$("#titulo").click(presionTitulo);

}

function presionTitulo() {

$("#titulo1").css("color","#ff0000");

}

En este caso el elemento seleccionado es el h1 con id "titulo", cada vez que hagamos click (el evento), este cambiara de color.

Importante:
No olvidarse de agregar la librería actualizada en cada pagina que vamos a utilizar jquery.