Reemplazar todo en Javascript

Siempre me preguntan los mismo, asi q lo anoto aca,

la funcion replace de javascript solo reemplaza la primera aparicion de un elemento.

para realizar un reemplazar todo se debe recurrir a las expresiones regulares, el metodo replace las acepta como primer parámetro.

Ejemplo:

frase4 = frase.replace(/dos/gi,'nueve');

Se reemplazaran todas las coincidencias de "dos" por "nueve", y que es el /gi.

• /esto/ es para que reemplace la primera aparición de "esto" case sensitive
• /esto/g es para que reemplace la primera aparición de "esto" globalmente
• /esto/i es para que reemplace la primera aparición de "esto" case INsensitive
• /esto/gi es para que reemplace la primera aparición de "esto" globalmente y case INsensitive

  Fuente 

Saludos 

Plugin: FancyBOX

Y sigo con los plugin para bloquear páginas, este es un poco mas elaborado que blockUI, pero un poco mas limitado tb, necesita un DOCTYPE con XHTM strinct y otras cosillas, pero si es una página nueva, hay q puro usarlo, jeje.

Necesita su propio .css e imagenes. Pero es bastante bonito, uuuuuuy, jeje. Y se pueden hacer galerias y mostrar iframes.

Primero hay q importar todo, el .js, .css y echarle una revisada a ,los link de las imágenes dentro del .css

Como se usa:

//Primero haces un link donde das la ruta que se va a mostrar en el atributo href

<a href="#data" id="link">

 muestra el contenido del elemento con id="data"</a>; 

//y despues dentro del $(document).ready

$("a#link").fancybox();

Fácil y bonito, tb tiene muchas opciones

Bajar plugin

Fuente (Fancybox)

Plugin: BlockUI

Si alguna vez necesitaron bloquear la pantalla sin incluir un plugin muy invasivo (con .css propio y sin cambiar tu DOCTYPE) y que ademas te deja mostrar un elemento HTML en su interior, cool.


Estos lo puedes obtener con BlockUI. Como se usa:

//Con esto bloqueas toda la pantalla

$.blockUI();

//desbloquear

$.unblockUI();

En fin, hay muchas mas opciones en su sitio.Como mostrar un div al bloquear la pantalla.

Bajar Plugin

Fuente(BlockUI)

CSS: PNG transaparente en IE6

Buscando en muchos sitios, encontré muchas soluciones a este problema, pero la menos intrusiva y q mas me gustó es cambiar un pelo la propiedad css de la imagen .png.

.clase-imagen{
background-image:url("../images/imagen.png") !important;
background-image: none;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/imagen.png');
}

Fíjense bien en las rutas de backgroud y del filter no son las mimas, una es con respecto al css y la otra a la página.

mas detalles donde mis amigos de CSSLab

de paso me ayudó también a que se viera bien el hover.

Saludos

Validar e-mail

Siempre busco lo mismo, acá la mejor que e encontrado

function validarEmail(valor) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
alert(”La dirección de email ” + valor + ” es correcta.”)
return (true)
} else {
alert(”La dirección de email es incorrecta.”);
return (false);
}
}

Enable Y Disable en Jquery

Para habilitar elementos como select y textbox en jquery necesitamos usar la función attr:

Ejemplo:

Para deshabilitar:

$('#elemento').attr('disabled','disabled');

Para habilitar:

$('#elemento').attr('disabled','');

Saludos

Formateo de miles

Siempre busco lo mismo y no lo encuentro.

En una página amiga encontré la solución.

teniendo un string de entrada;

function Moneda(entrada){
var num = entrada.replace(/\./g,"");
if(!isNaN(num)){
num = num.toString().split("").reverse().join("").replace(/(?=\d*\.?)(\d{3})/g,"$1.");
num = num.split("").reverse().join("").replace(/^[\.]/,"");
entrada = num;
}else{
entrada = input.value.replace(/[^\d\.]*/g,"");
}
return entrada;
}


Solo funciona para números positivos y sin decimales, para estos hagan un split por la coma o agréguenle el signo al final para los negativos

Listoko

Manejo de Select con Jquery

Hurgando en la red encontré este aportazo:

Trabajar con select en jQuery:

selectedIndex: $(“select:#id_del_select”).attr(“selectedIndex”)
$(“#id_del_select”).attr(“selectedIndex”)
$(“#id_del_select”)[0].selectedIndex
options[]: $(“#id_del_select option”)

option actual: $(“#id_del_select option:selected”) ó
$(“#id_del_select :selected”)

value: $(“#id_del_select option:selected”).val()

texto: $(“#id_del_select option:selected”).text()

cambiar el select:

$("##id_del_select option[value='"+valor+"']").attr("selected","selected");

Así no se me olvida mas.

Saludos

Bienvenida

He creado este blog ya que siempre tengo q andar buscando cosas de Jquery, que Framework tan bkn XD, y nunca las guardo, por lo que tengo q hacer búsquedas redundantes, ojala algunas les sirvan a otras personas, pero sino, me da igual jeje.