Para empezar veamos en que versión de jQuery fueron implementadas dichas funciones, ya que ello indicará en primer lugar cual debemos usar.

• live() y bind() : V1.0 – Última actualización en V1.4.3
• delegate(): V1.4.2 – Última actualización en V1.4.3
• on(): V1.7

En el mismo orden que esta arriba les voy a explicar las diferencias. Para ello voy a usar el mismo código HTML y el evento click para que sea más facil de entender.

1. bind()

La función bind() sirve para asociar un evento a un element del DOM. Por ejemplo:

$('#usuarios li a').bind('click', function( e ) {} );

Una forma más corta de hacer lo mismo es:

$('#usuarios li a').click( function( e ) {} );

A simple vista resulta sencillo de utilizar pero tiene algunas pegas.

Los inconvenientes de este método son:

• Primero que no hay delegación del evento, por lo que si creamos un nuevo link , el evento del click no estará asociado a el.
• Segundo que la asociación del evento se hace de antemano y a todos los elementos del selector. En nuestro ejemplo si tenemos una lista de 100 usuarios serían 100 eventos asociados de antemano produciendo una carga más lenta.

2. live()

La función live() es prácticamente igual a bind con la diferencia que asocia el evento al root del DOM y cuando un evento se dispara y llega al root se comprueba si el selector concuerda y se ejecuta la función.

Por ejemplo:

$( "#usuarios li a" ).live( "click", function( e ) {} );

La ventaja de esto es que podemos crear elementos dinámicamente , y cuando el evento click se dispare y suba hasta el document (elemento root) jQuery comprobará si el selector concuerda y ejecutará la función. Pasar de bind() and live() es tan sencillo como cambiar una palabra

Los inconvenientes de este método son:

• El chaining no puede ser usado en este metodo
• Es un método obsoleto en jQuery 1.7 por lo que no conviene seguir usandolo
• Si tenemos un DOM bastante grande la performance es baja ya que tiene que pasar todo el DOM hasta el document
• Y como todos los selectores/eventos son asociados al documentes una vez sucede el evento jQuery tiene que comprobar cada uno de ellos para ver cual es el que se tiene que ejecutar.

Ahora veamos porque delegate() es incluso mejor.

3. delegate()

La función delegate() es muy parecida a live con la diferencia de que podemos asociar el evento a un selector en lugar de asociar el selector y el evento al document.

Por ejemplo:

$( "#usuarios" ).delegate( "li a", "click", function( e ) {} );

Como pueden ver asociamos el evento click a todos los links de elementos li , pero solo dentro de #usuarios. En lugar de hacerlo al document.
Como se dan cuenta las ventajas de esto son muchisimas:

• Podemos elegir donde asociar el evento/selector
• Chaining funciona perfectamente
• Podemos usar la “magia” de live ya que si añadimos elementos dinamicamente estos funcionaran correctamente.
• Aunque jQuery aun tiene que comparar los eventos con los selectores, al definir el propio root los datos a comparar son muy inferiores.

Algunas desventajas a mencionar pueden ser:

• Usar esta nueva función no es tan simple como cambiar de bind() a live()
• jQuery aun tiene que comparar eventos/selectores para ver que evento invocar.

3. on()

La función on() fue introducida en jQuery 1.7 para traer un poco de “orden” a las anteriores funciones. On() posee todas las ventajas de delegate() pero a su vez sirve como la función bind() dependiendo de como lo usemos.

Por ejemplo:

// Bind
$( "#usuarios li a" ).on( "click", function( e ) {} ); 
$( "#usuarios li a" ).bind( "click", function( e ) {} ); 
 
// Delegate
$( "#usuarios" ).on( "click", "li a", function( e ) {} ); 
$( "#usuarios" ).delegate( "li a", "click", function( e ) {} );

Como pueden ver según como usemos on() nos sirve para una cosa u otra. ¿Como usarlo? Pues si no vamos a crear elementos dinámicamente lo usaremos como bind()

Ventajas:

• Trae una forma secilla de usar todos los métodos y más facil de enteder
• Incluye todas las ventajas de delegate() y puede ser usado como bind() en caso de ser necesario.

Inconvenientes de esta función:

• A veces puede resultar un poco confuso que según como lo uses , su función cambie.

Conclusión

Como conclusión podemos decir que si tenemos jQuery 1.7+ debemos usar on(). Si esto no es posible usaremos delegate() donde sea posible antes que usar live() cuando necesitemos añadir elementos dinámicamente. Y en caso de no ser necesario usaremos bind() como última opción.

Todo esto puede resultar bastante confuso pero resumiendo podemos decir que:

• Usar bind() tiene un costo muy alto ya que asocia el evento a todos los selectores
• No debemos utilizar más live() ya que es un método antiguo y trae problemas de rendimiento.
• El nuevo on() reemplaza a bind() o delegate() según como sea usado.

En otras palabras, actualicen sus versiones de jQuery y empiecen a familiarizarse con la función on(). Espero que les haya gustado el tutorial. Saludos!!!!

Sigueme:

]]> http://www.masquewordpress.com/jquery-delegate-vs-live-vs-bind-vs-on/feed/ 0 http://www.masquewordpress.com/mostrar-listado-de-autores-de-wordpress/ http://www.masquewordpress.com/mostrar-listado-de-autores-de-wordpress/#comments Thu, 26 Apr 2012 19:31:18 +0000 Damian http://www.masquewordpress.com/?p=1219 Si queremos mostrar un listado de autores de WordPress sencilla podremos usar la función de wp_list_authors. Pero si queremos armar algo más complejo deberemos crear nuestra propia función.
Para ello podemos usar lo siguiente:

<?php
//Consulta que nos devuelve todos los autores de nuestro blog
$global $wpdb;
$authors = $wpdb->get_results("SELECT DISTINCT post_author FROM $wpdb->posts WHERE post_type = 'post' AND " . get_private_posts_cap_sql( 'post' ) . " GROUP BY post_author");
 
foreach ( $authors as $author ) :
    //cargamos los datos de cada author en una variable (ID, email,display_name, etc)
     $author_data=get_userdata($author->post_author);
 
    //Si queremos el avatar de 75px
     echo get_avatar( $author_data->ID, '75' );
 
    //Si queremos nombre y apellido
    echo "$author_data->first_name $author_data->last_name";
 
    //Si queremos imprimir un campo de perfil de buddypress por ej url de facebook
    $facebook=bp_get_profile_field_data( 'field=Url de Facebook&user_id='.$author_data->ID);
 
endforeach;
 
?>

Por lo que con estas pocas lineas podemos crear un listado más completo de nuestros autores y mostrar campos del perfil tanto de WordPress , como de Buddypress.

Espero que les sirva. Saludos!!!

Sigueme:

]]> http://www.masquewordpress.com/mostrar-listado-de-autores-de-wordpress/feed/ 0 http://www.masquewordpress.com/comprobar-si-una-url-existe-con-php/ http://www.masquewordpress.com/comprobar-si-una-url-existe-con-php/#comments Wed, 25 Apr 2012 14:35:07 +0000 Damian http://www.masquewordpress.com/?p=1217 Si por algún motivo necesitan saber si una URL existe, pueden hacerlo de una manera sencilla con PHP y Curl o mediante la función de get_headers(). Para ello tan solo deben hacer lo siguiente:

Mediante curl

$url = 'http://masquewordpress.com/portfolio/color-management';
	function url_exists($url) {
	    $ch = @curl_init($url);
	    @curl_setopt($ch, CURLOPT_HEADER, TRUE);
	    @curl_setopt($ch, CURLOPT_NOBODY, TRUE);
	    @curl_setopt($ch, CURLOPT_FOLLOWLOCATION, FALSE);
	    @curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
	    $status = array();
	    preg_match('/HTTP\/.* ([0-9]+) .*/', @curl_exec($ch) , $status);
	    return ($status[1] == 200);
	}
echo url_exists($url)? 'existe' : 'no existe';

Mediante get_headers()

$url = 'http://masquewordpress.com/portfolio/color-management';
function url_exists($url) {
    $h = get_headers($url);
    $status = array();
    preg_match('/HTTP\/.* ([0-9]+) .*/', $h[0] , $status);
    return ($status[1] == 200);
}
echo url_exists($url)? 'existe' : 'no existe';

Espero que les haya servido de ayuda!

Sigueme:

]]> http://www.masquewordpress.com/comprobar-si-una-url-existe-con-php/feed/ 0 http://www.masquewordpress.com/11-consultas-sql-para-limpiar-tu-wordpress/ http://www.masquewordpress.com/11-consultas-sql-para-limpiar-tu-wordpress/#comments Mon, 16 Apr 2012 15:06:54 +0000 Damian http://www.masquewordpress.com/?p=1214 Con estas consultas SQL pueden realizar limpieza en su blog wordpress de una forma facil y rapida. Para ello puede utilizar phpmyadmin o la consola SQL. Si hasta ahora no entienden de que estoy hablando, mejor no jueguen con esto y pasen a otro tema. No quiero miles de comentarios de gente diciendo que les rompi el WordPress

Importante!

Realizar backup completo de la base de datos antes de realizar cualquier cambio. Y recordar cambiar wp_ por vuestro prefijo de la base de datos

 

1. Deshacerte de todos los shortcodes que no están en uso.

Todos usamos shortcodes y muchos de ellos vienen en algunos themes. Con el tiempo puede que cambiemos de theme y estos shortcodes dejarán de funcionar mostrandose como simple texto sin sentido en nuestros posts.
Para eliminarlo podemos realizar lo siguientes. Suponiendo que queremos borrar un shortcode llamado [shortcode-antiguo]:

UPDATE wp_post SET post_content = replace(post_content, '[shortcode-antiguo]', '' ) ;

2. Deshabilitar los pingbacks y trackbacks de todos los posts.

Para eliminar los pingbacks y trackbacks de todos los post de un tirón podemos hacer:

UPDATE wp_posts SET ping_status = 'closed';

3. Limpiar WordPress de caracteres Raros o extraños.

A veces aparecen caracteres raros por errores de codificación. En los siguientes ejemplos pueden cambiar dichos caracteres por los correctos en los posts y comentarios.

UPDATE wp_posts SET post_content = REPLACE(post_content, '“', '“');
UPDATE wp_posts SET post_content = REPLACE(post_content, '”', '”');
UPDATE wp_posts SET post_content = REPLACE(post_content, '’', '’');
UPDATE wp_posts SET post_content = REPLACE(post_content, '‘', '‘');
UPDATE wp_posts SET post_content = REPLACE(post_content, '—', '–');
UPDATE wp_posts SET post_content = REPLACE(post_content, '–', '—');
UPDATE wp_posts SET post_content = REPLACE(post_content, '•', '-');
UPDATE wp_posts SET post_content = REPLACE(post_content, '…', '…');
 
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '“', '“');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '”', '”');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '’', '’');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '‘', '‘');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '—', '–');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '–', '—');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '•', '-');
UPDATE wp_comments SET comment_content = REPLACE(comment_content, '…', '…');

4. Borrar post meta que no usamos más de nuestros custom fields.

Yo no suelo usar mucho los custom fields pero se que mucha gente si. Si quieren borrar algún custom field que no usan más pueden realizar lo siguiente:

DELETE FROM wp_postmeta WHERE meta_key = 'YourMetaKey';

5. Borrar todos los tags que no usamos

Para ahorrar espacio en la base de datos podemos borrar los tags que no usamos. Para ello tenemos que hacer lo siguiente:

DELETE FROM wp_terms WHERE term_id IN (SELECT term_id FROM wp_term_taxonomy WHERE count = 0 );
DELETE FROM wp_term_taxonomy WHERE term_id not IN (SELECT term_id FROM wp_terms);
DELETE FROM wp_term_relationships WHERE term_taxonomy_id not IN (SELECT term_taxonomy_id FROM wp_term_taxonomy);

6. Borrar cache del feed

Seguimos ahorrando espacio en nuestra base de datos borrando la cache de los rss feeds.

DELETE FROM `wp_options` WHERE `option_name` LIKE ('_transient%_feed_%')

7. Borrar los post revisions o posts guardados automáticamente

Aunque los post revision son una muy buena utilidad a lo largo del tiempo ocupan mucho espacio en la base de datos de WordPress. Para borrarlos debemos hacer:

DELETE a,b,c FROM wp_posts a WHERE a.post_type = 'revision' LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id) LEFT JOIN wp_postmeta c ON (a.ID = c.post_id);

8. Borrar posts antiguos.

Si por algún motivo necesitas borrar todos los post antiguos a cierta fecha puedes hacerlo de la siguiente manera:(cambiar 600 días por lo que quieran)

DELETE FROM `wp_posts` WHERE `post_type` = 'post' AND DATEDIFF(NOW(), `post_date`) > 600

9. Borrar los comment agent.

Cada vez que alguien realiza un comentario en tu blog wordpress graba el user agent por simple estadísticas. Si no te interesa y quieres borrarlo puedes hacer lo siguiente:

UPDATE wp_comment set comment_agent ='' ;

10. Deshabilitar todos los plugin de WordPress con una consulta Sql.

El título lo explica bastante bien

UPDATE wp_options SET option_value = '' WHERE option_name = 'active_plugins';

11. Cambiar de autor en todos sus post facilmente.

Para ello tan solo hay que hacer :

UPDATE wp_posts SET post_author=ID_DEL_NUEVO_AUTOR WHERE post_author=ID_DEL_AUTOR_ANTIGUO;

Si no sabemos los ids de los autores podemos hacer lo siguiente:

SELECT ID, display_name FROM wp_users;

Espero que les haya servido de ayuda!!! Disculpen esta gran pausa pero me case en marzo y estuve 1 mes de luna de miel por Asia disfrutando de este lindo planeta Lo bueno es que vuelvo con las pilas recargadas.

Saludos!!!

Via: Catswhocode.com

Sigueme:

]]> http://www.masquewordpress.com/11-consultas-sql-para-limpiar-tu-wordpress/feed/ 2 http://www.masquewordpress.com/como-subir-archivos-no-permitidos-por-wordpress/ http://www.masquewordpress.com/como-subir-archivos-no-permitidos-por-wordpress/#comments Wed, 07 Mar 2012 14:17:28 +0000 Damian http://www.masquewordpress.com/?p=1206 [offtopic] Disculpen que últimamente vengo actualizando muy poco el blog, me voy a casar en 10 días y entre trabajo, casamiento , luna de miel , no tengo tiempo para nada . Si quieren colaborar recuerden que pueden enviar sus tips de wordpress y si no son repetidos los publicaré en el sitio con un link a vuestra web. [/offtopic]

 

Perdona, por razones de seguridad, este tipo de archivos no está permitido.

Si alguna vez vieron este mensaje es porque intentaron subir un archivo con una extensión no permitida por wordpress. Aunque en las últimas versiones de WordPress se fueron añadiendo más extensiones creo recordar que antes no se podían subir .bmp o .mp4 por ejemplo.

En másquewordpress.com les traemos un nuevo tip de WordPress para permitirles subir cualquier clase de archivo.

Como siempre dentro de functions.php incluimos la siguiente función:

add_filter('upload_mimes', 'mqw_mas_extensiones');
 
function mqw_mas_extensiones ( $existing_mimes=array() ) {
 
       // Añadimos las nuevas extensiones al array junto con su mime type de la siguiente forma:
 
	$existing_mimes['zip'] = 'application/zip';
        $existing_mimes['mp4'] = 'video/mp4';
 
    //Añadimos todas las que queramos y devolvemos el array
	return $existing_mimes;
}

En esta web pueden encontrar un listado bastante grande de extensiones y mime types.

Si por el contrario necesitan prohibir la subida de ciertos archivos a su sitio WordPress pueden realizar lo siguiente:

add_filter('upload_mimes', 'mqw_menos_extensiones');
 
function mqw_menos_extensiones ( $existing_mimes=array() ) {
 
       // Quitamos las extensiones del array de la siguiente forma:
 
	unset($mime_types['pdf']);
 
    //Quitamos todas las que queramos y devolvemos el array
	return $existing_mimes;
}

Sigueme:

]]> http://www.masquewordpress.com/como-subir-archivos-no-permitidos-por-wordpress/feed/ 0