¡HOLA! SOY DANIEL RUIZ

Soy desarrollador, maquetador, programador y technology learner en HTML, Javascript, PHP, Java y .NET.

2 octubre, 2013

jQuery Opacity Input Forms Plugin

Hola!!!

Hoy os traigo un plugin de jquery que he creado para uno de mis proyectos: jQuery Opacity Input Forms Plugin

Toda la info la tenéis disponible en github, así como una paginita de ejemplo… la verdad es que creo que es muy útil… pero lo diréis vosotros 🙂

https://github.com/MrViSiOn/jquery-opacity-input

Problema:

<input type="text">

...

.opacity80{
    -webkit-opacity:.8;
    -moz-opacity:.8;
    opacity:.8;
}

Nuestra caja de texto tiene una opacidad del 80%, pero también lo tiene el texto que escribimos en el

¿Cómo solucionarlo?

<script src="vendor/jquery.min.js"></script>
<script src="vendor/jquery-ui-1.10.3.custom.min.js"></script>
<script src="vendor/jquery.opacity.input.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('input.opacity80').opacityinput();
    });
</script>

Posibles opciones:

$('input.opacity80').opacityinput({
    opacity: 0.5, //la opacidad deseada
    bacgroundColor: "#454545" //el color de fondo
});

Si tenéis alguna duda, o hay algún problema con él me lo hacéis saber y lo solucionaré!

Un saludo!!

Una respuesta a “jQuery Opacity Input Forms Plugin”

  1. Lo que no entender es de hecho como está ahora no realmente mucho más perfectamente-favoreció preferido que usted puede
    ser ahora mismo. Eres muy inteligente. Sabes
    por lo tanto significativamente cuando se trata de este materia , hecho yo personalmente
    considerar es de tan numerosos variados ángulos.
    Es como hombres y mujeres no parecen estar excepto para haceralgo
    lograr con Dama gaga! su individuo telas excepcional.
    Todo el tiempo identificador!Mirate mi centro http://www.wellfit.cat

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.