JOURMOLY

Cuarta y ultima parte de esta serie de artículos sobre el manejo de DOM con la ayuda de Mootools. Mostraré brevemente todos aquellos métodos que quedaros pendientes, son muy sencillos, pero a la vez, algunos de ellos son por demás útiles.

getPrevious

Dado un elemento, getPrevious devuelve el elemento inmediatamente anterior.

1
2
3

<div id="elemento1">Elemento1</div>
<div id="elemento2">Elemento2</div>
<div id="elemento3">Elemento3</div>

1
2
3

var miElemento = $('elemento2').getPrevious();
 
//miElemento es ahora una referencia al div con id="elemento1"

getNext

Como getPrevious, pero devuelve el elemento siguiente.

1
2
3

<div id="elemento1">Elemento1</div>
<div id="elemento2">Elemento2</div>
<div id="elemento3">Elemento3</div>

1
2
3

var miElemento = $('elemento2').getNext();
 
//miElemento es ahora una referencia al div con id="elemento3"

getFirst

Dado un elemento, getFirst devuelve el primero de los elementos que están en su interior.

1
2
3
4

<div id="contenedor">
	<div id="elemento1">Elemento1</div>
	<div id="elemento2">Elemento2</div>
</div>

1
2
3

var miElemento = $('contenedor').getFirst();
 
//miElemento es ahora una referencia al div con id="elemento1"

Seguir leyendo »

Popularity: 36% [?]

Las URL amigables se están usando hace ya bastante tiempo, consiste en acortar las URL y hacerlas lo mas “humanas” posibles. ¿Para qué? estética, optimizacion para buscadores, lograr URL mas fáciles de recordar, etc. Con ésta técnica intentamos pasar de una url como la que sigue:

www.example.com/index.php?categoria=15&pagina=3&orden=asc

A una como esta:

www.example.com/categoria/15/pagina/3/orden/asc

o bien:

www.example.com/15/3/asc

¿Cómo se logran?

Depende con que servidor trabajes. Si trabajas con Internet Information Server (IIS) podrás lograrlas con ISAPI_Rewrite entre otros. Si trabajas sobre APACHE, podrás lograrlas a través de un fichero .htaccess solo si tenés activado mod_rewrite.
Seguramente haya algunas alternativas más, yo solo conozco estas.

En este artículo explicaré como hacerlo con APACHE, mod_rewrite y un .htaccess (mas un poco de ayuda de PHP, claro), usando un archivo index.php como receptor de todas las peticiones, tal como sucedía en el sencillo ejemplo de mvc que comente el otro día.

Seguir leyendo »

Popularity: 13% [?]

Dentro de poco ya se viene la versión 1.2 de Mootools con muchas mejoras. Por lo pronto ya se puede bajar la primer Release Candidate.

Vamos a ver que tanto mejoraron la documentación, por lo que se puede leer en el foro parece que esta vez no nos podremos quejar.

Popularity: 2% [?]

Esta es la primera parte de una serie de artículos introductorios al patrón de diseño MVC. En este artículo en particular podrás encontrar algunos ejemplos básicos en PHP con programación estructurada/funcional.

¿Qué es MVC?

MVC viene de Model, View, Controller, o bien: Modelo, Vista y Controlador. Es un patrón de diseño que empecé a utilizar hace algún tiempo y la verdad es que me dió muy buenos resultados en los sistemas donde lo pude aplicar. La idea básica de éste patrón es separar nuestros sistemas en 3 capas, El Modelo, La Vista y el Controlador.

El Modelo se encarga de todo lo que tiene que ver con la persistencia de datos. Guarda y recupera la información del medio persistente que utilicemos, ya sea una base de datos, ficheros de texto, XML, etc.

La Vista presenta la información obtenida con el modelo de manera que el usuario la pueda visualizar.

El Controlador, dependiendo de la acción solicitada por el usuario, es el que pide al modelo la información necesaria e invoca a la plantilla(de la vista) que corresponda para que la información sea presentada.

Un pequeño ejemplo

1. Marcos entra a nuestro sitio mediante la URL www.example.com/items/listar.
2. Se carga el Controlador Items para ejecutar la acción de Listar.
3. El controlador solicita al modelo que le entregue un arreglo con todos los items que hay almacenados en la base de datos.
4. Una vez que posee dicha información le indica a la vista que va a utilizar la plantilla correspondiente al listado de items y le provee el arreglo con todos los usuarios.
5. La vista, por su parte, toma el arreglo de items y los muestra uno a uno en la plantilla que le indico el controlador.
6. Finalmente Marcos recibe el listado de items; lo observa un instante y decide que quiere agregar un nuevo item por lo que hace click en un enlace que lo lleva a la URL www.example.com/items/agregar.
7. Se repite el proceso desde el paso 1 pero con la nueva URL

Seguir leyendo »

Popularity: 100% [?]

En ésta tercera parte (y en la cuarta dentro de unos días) veremos algunas herramientas que, si bien no son tan importantes como las anteriormente explicadas, vale la pena tenerlas a mano.

appendText(texto)

Nos permite agregar solo texto a un elemento. Si intentamos insertar HTML con appendText no sera interpretado, es pasado a entidades HTML para ser mostrado como texto.

1

<div id="elemento">Elemento</div>

1

$('elemento').appendText(' con mucho texto');

Resultado:

1

<div id="elemento">Elemento con mucho texto</div>

Y si intentamos insertar HTML:

1

$('elemento').appendText(' con algunos <tags></tags>');

Resultado:

1

<div id="elemento">Elemento con algunos &lt;tags&gt;&lt;/tags&gt;</div>

hasClass(nombreClase)

Devuelve true si nuestro elemento contiene la clase indicada o false en caso contrario.

1

<div id="elemento" class="casa">Elemento</div>

1
2
3
4
5

var resultado = $('elemento').hasClass('departamento');
//resultado es false
 
var resultado = $('elemento').hasClass('casa');
//resultado es true

Seguir leyendo »

Popularity: 3% [?]