Javascript
js-header

Javascript: Eliminar un item de un array por su nombre

Pongan esto en su codigo:

1
2
3
4
5
6
7
8
9
10
11
Array.prototype.removeItem = function (a) {
for (var i = 0; i < this.length; i++) {
  if (this[i] == a) {
   for (var i2 = i; i2 < this.length - 1; i2++) {
    this[i2] = this[i2 + 1];
   }
   this.length = this.length - 1;
   return;
  }
}
};

Y ya podemos eliminar elementos del array:

1
2
3
var frutas = ['manzana', 'banana', 'pera'];
frutas.removeItem('banana');
console.log(frutas); // Entrega [‘manzana’, ‘pera’]

Chau!

js-header

Scroll animado hasta un elemento de la pagina con jQuery

“#destino” es el id del elemento al que querés llegar. podes usar un class “.destino” o algo similar SOLO si hay un solo elemento en toda la pagina que tenga ese class.

1
2
var dest = $("#destino").offset().top;
$("html, body").animate({scrollTop: dest});

Y como siempre, Chau!

node-header

Tutorial: implementar un servicio RESTful public API de modelos Mongoose en Node.js

Hola!, He terminado de hacer un ejemplo de como implementar una API pública tipo RESTful en una APP creada con express. La idea detrás de esta app de ejemplo es la de crear automagicamente todas las URL necesarias para poder gestionar un modelo de Mongoose (aka recurso). Su uso es realmente simple. Dentro de la 

Seguir leyendo…

node-header

Node.js/express: Gestionar las URL de tu proyecto mas eficientemente.

Normalmente cuando haces una aplicación usando express, por comodidad tiendes a poner todas las definiciones de las url’s en la raíz del proyecto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var express = require('express');
var app = express();
 
//...
//Configuraciones varias
//...
 
app.get("/users", function (req, res) {
    return res.render("list users");
});
 
app.get("/user/:uid", function (req, res) {
    return res.render("show an user");
});
 
app.get("/articles", function (req, res) {
    return res.render("list articles");
});
 
app.get("/article/:id", function (req, res) {
    return res.render("show an article");
});
 
app.get("/article/new", function (req, res) {
    return res.render("new article");
});
 
http.createServer(app).listen(app.get('port'), function () {
    console.log("http://localhost:" + app.get('port'));
});

Pero esto a la corta se vuelve algo inmanejable. La solución es adoptar un patrón que nos permita extraer las URL a archivos en los que poder juntar las url que 

Seguir leyendo…

js-header

Generar propiedades de un objeto (JSON) dinámicamente.

El caso es el siguiente: Tenemos un objeto al que queremos crearle propiedades anidadas pero nos gustaría no tener que preocuparnos de si sus parent existen. por ejemplo, si tuviera un objeto “miObjeto” y quisiera crearle una función en miObjeto.modulos.ctools.watcher, primero tendría que crear ese path. eso o podemos usar esta función:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
* Genera propiedades de un objeto (JSON) dinamicamente.
* @returns objeto extendido.
*/
function extend(base, ns_string) {
    var parts = ns_string.split('.'),
        pl, i;
    pl = parts.length;
    for (i = 0; i < pl; i++) {
        //create a property if it doesnt exist
        if (typeof base[parts[i]] == 'undefined') {
            base[parts[i]] = {};
        }
        base = base[parts[i]];
    }
    return base;
}

Y listo, 

Seguir leyendo…

node-header

Preprocesar variables de templates en express framework (nodejs)

Bien, el caso de uso es el siguiente: tenemos varios templates en los que queremos mostrar mensajes al usuario si los hubiera. Lo normal seria hacer algo así a la hora de renderizar un template: Para la página principal:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
app.get('index', function (req, res) {
    var messages = req.flash();
    var render_options = {
        titulo: "Página principal"
    };
 
    if (messages.error || messages.info || messages.success) {
        if (messages.error) messages.hasError = messages.error.length > 0;
        if (messages.info) messages.hasInfo = messages.info.length > 0;
        if (messages.success) messages.hasSuccess = messages.success.length > 0;
        render_options.messages = messages;
    }
 
    res.render('index', render_options);
});

Para la página del usuario:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
app.get('user', function (req, res) {
    var messages = req.flash();
    var render_options = {
        titulo: "Perfil de " + req.session.user.name
    };
 
    if (messages.error || messages.info || messages.success) {
        if (messages.error) messages.hasError = messages.error.length > 0;
        if (messages.info) messages.hasInfo = messages.info.length > 0;
        if (messages.success) messages.hasSuccess = messages.success.length > 0;
        render_options.messages = messages;
    }
 
    res.render('index', render_options);
});

Bien, la idea se aprecia, constantemente tenemos que trabajarnos 

Seguir leyendo…

« Older Posts