¡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!!

Deja un comentario

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