gcPlugin es un plugin javascript basado en jquery, que contiene varias de las funciones más utilizadas, reduciendo el tiempo de que los desarrolladores utilizan en la búsqueda de estas.
No todas las funciones fueron creadas por nosotros,sino son resultado de un largo proceso de búsqueda de una función óptima para cumplir con ese requisito y las cuales si muchas fueron modificadas.
- Jquery 1.9 o superior.
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
Muy Simple, solo recuerda tener ya importado JQuery como lo mencionamos anteriormente, luego solo basta importar el archivo de gcPlugin.
<script src="turuta/gcPlugin.js"></script>
Una vez importado gcPlugin ya estas listo para utilizar las funciones que necesites :).
- uiLock & uiUnlock
- goTop
- sleepFor
- isValidRut (checkDV - checkCDV)
- getDV (asdasd)
- preLoadImage
- isValidDate
- convertirFechaAIngles
- getNowDate
- getUrlVars
- isValidText
- isValidEmail
- isValidPhone
- isNumeric
- searcher
- getCookie
- setCookie
- checkCookie
- createXML
- moveScroll
- relocate
- cleanAccents
- exportTableToExcel
uiLock 6 uiUnlock bloquean y desbloquean respectivamente la interfaz de usuario, la interfaz quedará bloqueada hasta que se aplique el uiUnlock;
- content - string o contenido html se integrara al div de bloqueo
$.fn.uiLock(); // Bloquea la Interfaz
//nuestro código a ejecutar mientras
//la interfaz se encuentra bloqueada
$.fn.uiUnlock();// Desbloquea la interfaz
Utilizando parámetros en uiLock
$.fn.uiLock('Cargando...'); //Mensaje simple
$.fn.uiLock('<center><img src="loading.gif" /></center>'); //Adding html
Aparece un botón (imagen) flotante que permite volver al top del sitio. Este botón aparece solo cuando cierto elemento ya no es visible en pantalla por ejemplo el menú o logo superior.
- selector - selector (#id o .clase) del elemento que servirá como referencia para ocultar y mostrar el botón.
- src (opcional) - source path para cambiar la imagen del botón flotante, para adaptarlo al estilo propio del sitio. por defecto es una flecha negra.
$.fn.goTop("#logo"); // cuando ya no se vea el elemento #logo aparecera el botón para volver al top.
o
$.fn.goTop("#tuSelector"); // cuando ya no se vea el elemento #menu aparecerá el botón para volver al top.
Utilizando parámetros en goTop
//referencia absoluta
$.fn.goTop("#logo","http:www.tusitio.com/images/botontop.png"); // cuando ya no se vea el elemento #logo aparecera el botón para volver al top.
//o referencia relativa
$.fn.goTop("#logo","../images/botontop.png"); // cuando ya no se vea el elemento #logo aparecera el botón para volver al top.
Realiza una pausa en el código antes de ejecutar la siguiente linea.
- sleepDuration - milisegundos. Duración del tiempo de espera.
$.fn.sleepFor(2000); // Duerme por 2 segundos.
Valida si la es un rut válido, retornando true o false. Además da formato agregando puntos y guión independiente de la forma en que sea ingresado el rut.
- boolAutoComplete - boolean (opcional - default = false). true para autocompletar el rut añadiendo automaticamente el dígito verificador.
- rutA - cadena (opcional). rut a validar (solo en caso de no llamarlo directo desde input)
- boolean
var sw = $("#inputTextCampoRut").isValidRut();
//----------
if($("#inputTextCampoRut").isValidRut()){
console.log('rut valido');
}else{
console.log('Rut Invalido');
}
retorna el digito verificador de un rut ingresado.
- rut - cadena. Rut para obtener el digito verificador, sin puntos ni guión.
- número o k.
var dv = $.fn.getDV('18923777');
retorna el digito verificador de un rut ingresado.
- evt - evento change del input file.
- selector - selector de destino para mostrar la imagen.
HTML
<img id="imgSubir" title="subir"/>
<input type="file" name="files[]" id="btnPrecargar"/>
Javascript
$("#btnPrecargar").change(function(e){
preCargarImagen(e,"#imgSubir");
});
retorna el navegador utilizado.
console.log($.fn.getBrowser());