Snips en JavaScript

Snips en JavaScript

1.- Para eliminar espacios en blanco de ciertas palabras o frases

   
//-Modo de uso: $("#nombre").attr('value',$('#nombre').val().noSpace(); 
String.prototype.noSpace = function() {
  return this.replace(/(^\s*)|(\s*$)|[ ]/g, "");                
};

2.- Para eliminar caracteres especiales de ciertas palabras o frases

   
//Modo de uso: $("#nombre").attr('value',$('#nombre').val().noCaracteSpecial();
String.prototype.noCaracteSpecial = function() {
   return this.replace(/[^a-zA-Z 0-9.]+/g,' ');
};  

3.- Deshabilitar copiar, pegar y menu contextual de la web

   
$("#content").bind("contextmenu copy paste", function(e) {return  false;});  

4.- Calcular automáticamente el ancho y alto del navegador, y mostrarlo las dimensiones en un div

   
/**
 * Resize
 */
jQuery(document).ready(function($) {
    redimencionar();
    $(window).resize(redimencionar);
});
function redimencionar() {
    jQuery(document).ready(function($) {
        var height = $(window).height();
        var width = $(window).width();
        $('body').append('<div class="wmb" style="display: block;position: fixed;left: 0;top: 0;color: green;font-family: Arial;font-size: 12px;"></div>');
        $('.wmb').html('Screen: ' + width + ' x ' + height);
    });
}
/**
 * End Resize
 */

5.- Agregar clase activo al menu dinamicamente

   
//Menu
var pathname = window.location.pathname;
$('#nav li a[href="' + pathname + '"]').addClass('active');
// /Menu

6.- Obtener el posición del cursor en un textarea, cajas de texto, etc.

   
//Position cursor
(function($, undefined) {
    $.fn.getCursorPosition = function() {
        var el = $(this).get(0);
        var pos = 0;
        if ('selectionStart' in el) {
            pos = el.selectionStart;
        } else if ('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    };
})(jQuery);
// /Position cursor

//Modo de uso
var position = $('textarea').getCursorPosition();
console.log('Posicion del cursor: '+ position);

7.- Obtenet el valor, el dódigo de la tecla pulsada

   
$("input").bind('keypress', function(e) {
    alert('Tecla especial: '+e.keyCode+' letra: '+ e.which)
    alert('Tecla especial: '+event.keyCode+' letra: '+ event.which)
});
console.info('keyCode: '+ event.keyCode);//codigo de tecla pulsada
console.info('CharCode: '+ String.fromCharCode(event.which));//obtener valor de tecla pulsada
console.info('CharCode: '+ event.which);//obtener valor de tecla pulsada

8.- Tamaño automáticamente a un textarea

   
$('textarea').css('height', this.scrollHeight) ;

9.- Reemplazar caracter de una frase

 
var text=”esta es una frase y se usara para probar reemplazar”;

//Esto reemplaza todos los q tengan espacio y la letra a en la frase
text.replace(/ /g, “mj”);  //reemplaza los espacion por las letras mj
text.replace(/a/g, “6”'); //reemplaza todo los q tengan la letra a por la 6

//Esto reemplaza al primero que encuentra la letra a en la frase
text.replace(‘a’, ''6”); //reemplaza todo los q tengan la letra a por la 6

10.- convertir cadena a mayúsculas o a minúsculas
Para convertir una cadena a mayúsculas:

 
cadena = 'Texto De Prueba';
cadena = cadena.toUpperCase();
//Devolvería "TEXTO DE PRUEBA"

Y para convertir una cadena a minúsculas:

 
cadena = 'Texto De Prueba';
cadena = cadena.toLowerCase();
//Devolvería "texto de prueba"

11.- Encontrar palabra ó caracter en una cadena

 
//La función indexOf. Devuelve el valor -1 sino lo que busca no se encuentra, y devuelve un entero positivo si la encuentra
var cadena = "Hola mundo, bienvenido al universo.";
if (cadena.indexOf('m') != -1) {
    alert("la letra m encontrada");
}

12.- Encontrar posición de una palabra ó caracter en una cadena

 
//Localiza en qué parte de la cadena se produce un valor specificado
var cadena="Hola mundo, bienvenido al universo.";
var posicion=cadena.indexOf("bienvenido");
alert(posicion);