Border en select con css

Siempre se me olvida, que IE se porta mal con los css, y no muestra el border, con esto se arregla.

select.textbox-nok
{
 border-left:1px solid red;
 filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#FF0000);

}

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