INF – I’m not fool

El día de la verdad

•Mayo 21, 2007 • Dejar un comentario

Para no decir mucho (guardar letras para después) , si todo sale bien hoy, es bastante probable que mañana, incluso hoy mismo en la noche (dependiendo de mi estado) este publicando otro post, el cual será bastante significativo para mi. Eso por ahora.

Escrito en iutlv, tegz

Mostrar propiedades tipo acordeon de forma fácil

•Mayo 6, 2007 • 1 comentario

En estos días estuve hablando con Antonio López en el congreso nacional de software libre en Valencia (donde me encontré con amigos como: Juan Moreno, José Parrella, Alvaro Hernandez ) sobre varios temas de programación, en eso me estuvo hablando de gecko y el desarrollo de aplicaciones usando el motor (no sé si llamarle así) de mozilla y de lo flexible que es (cuando yo pensaba en desarrollo con mozilla pensaba en xul), entonces salió a colación Songbird, así decidí volver a darle una probada (actualmente usaba rhythmbox), en eso vi un “efecto” que quise hacer para web (usando javascript). El efecto es el que la imagen a continuación muestra:

Un rato hechando código y salió esto:

El código es el que muestro a continuación, hice uso de la librería de javascript jquery.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html dir="ltr" lang="es">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title> dvst @ vim </title>

    <script type="text/javascript" src="../jquery-latest.pack.js"> </script><script type="text/javascript">

    $(function(){

        $("input").bind("click", function(){

            if($(this).val() == "+"){

                $(this).val("-"); // se cambia el valor del boton

                $("#contorno").animate({

                   height: 250

                }, "fast","linear",function(){

                    $("#caja").fadeIn("fast");

                });

            }else{

                $(this).val("+");

                $("#caja").fadeOut("fast",function(){

                    $("#contorno").animate({

                       height: 50

                    },"fast");         

                });

            }

        });

    });

</script>

<style type="text/css">

    #contorno{ border:1px solid black; width:250px; height:50px; }

    #caja { height:200px; width:200px; overflow:auto; display:none; }

</style>

</head>

<body>

<div id="contorno">

    <span> <input type="button" value="+">  </span>

    <div id="caja">

        <h3>I'm with every one and yet not </h3><hr />

        <h3>I'm with everyone and you're not </h3><hr />

        <h3>tomates no r0x  </h3><hr />

    </div>

</div>

</body>

</html>

Aparte de todo puedo decir en definitiva que me gusta mas postear usando wordpress que blogspot . En próximos post espero colocar ejemplos de aplicaciones hechas con el motor de mozilla, ahí vemos.

Escrito en Uncategorized