Ir al contenido principal

Destacado

C4 Model | Por una mejor comunicación

Introducción. Han pasado muchos años desde la introducción de UML en el ámbito del desarrollo de software, con la llegada de Agile , la forma de desarrollar software cambió drásticamente: algunos conceptos evolucionaron, aparecieron nuevos mientras que otros fueron abandonados. Hoy en día, UML es utilizado por contadas personas,  la propia industria ha dejado de lado aquellos elaborados diagramas,  recurriendo a diagramas genéricos o diagramas parciales, altamente variados entre sí, para representar y describir arquitecturas/diseños. Aquí es donde entra Simon Brown , quien identificó este problema de comunicación dentro de las organizaciones. Para solucionarlo, desarrolló el modelo C4 , un sistema de modelos, capaz de describir el software de manera clara y accesible, no solo para  los equipos de desarrollo y arquitectos sino para todo aquel interesado en comprender el funcionamiento y  estructura de un sistema . Modelo C4. El modelo C4 se basa en un c...
Publicar un comentario
Leer más
Etiquetas

JavaScript | Ocultar Elementos con PrototypeJS

Hace ya bastante que no escribía nada así que decidí retomarlo con una serie de ejercicios usando prototypeJS , vamos a empezar viendo como ocultar elementos con esta simple herramienta.

Teniendo un documento con la siguiente estructura:

<html>
<body>
    <div class="container">
        <ul class="elementos">
            <li>Maecenas vestibulum</li>
            <li>Nam adipiscing</li>
            <li>Phasellus a est</li>
        </ul>
        <p>Lorem ipsum</p>
        <p>Quisque malesuada placerat nisl.</p>
    </div>
</body>
</html>
Para empezar prototypeJS implementa la siguiente funcion: 
Element.hide(elemento)
De tal forma que es posible hacer esto: 
$$('.container')[0].hide(); // Ocultamos el elemento completo.
Ahora si quisieramos ocultar todos los hijos <p> de div.container tendriamos que hacer algo como esto:
$$('.container p').each(Element.hide);
Para ocultar todos sus hijos haríamos algo como esto: 
$$('.container')[0].childElements().each(Element.hide);
Bastante sencillo no?
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares