<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DevTics.com.Mx &#187; jQuery</title>
	<atom:link href="http://www.devtics.com.mx/wp/category/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devtics.com.mx/wp</link>
	<description></description>
	<lastBuildDate>Sat, 03 Sep 2011 18:59:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Evitar la seleccion de texto con JQuery</title>
		<link>http://www.devtics.com.mx/wp/461-evitar-la-seleccion-de-texto-con-jquery-selectoff-plugin/</link>
		<comments>http://www.devtics.com.mx/wp/461-evitar-la-seleccion-de-texto-con-jquery-selectoff-plugin/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 20:14:59 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugins]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=461</guid>
		<description><![CDATA[Hoy estuve investigando como evitar la selección de texto en JavaScript o ver si ya existía algo en jQuery, primero en JS me encontré esta solución pero no me gusto porque en si lo que se hace es cancelar el evento onselectstart y onmousedown y con ello evitar que la selección inicie Después busque si [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy estuve investigando como evitar la selección de texto en JavaScript o ver si ya existía algo en jQuery, primero en <a href="http://www.zoneartcss.com/webdevelopment/javascript/desactivar-con-javascript-la-seleccion-de-texto/" target="_blank">JS me encontré esta solución</a> pero no me gusto porque en si lo que se hace es cancelar el evento onselectstart  y onmousedown  y con ello evitar que la selección inicie</p>
<p>Después busque si había algo utilizando jQuery pero solo me encontré <a href="http://pr0d3sign.blogspot.com/2010/09/evitar-seleccion-de-contenido-con.html" target="_blank">esta forma un poco más elegante que la anterior</a>, que consiste en modificar la propiedad unselectable y los css MozUserSelect y KhtmlUserSelect. pero la forma en que lo aplica el autor no me agrado mucho.. así que me decidí a crear este mini plugin para hacerlo reutilizable y más elegante</p>
<pre>
/*
* selectTextOff; plugin para evitar la selección en los elementos seleccionados por jQuery
* 22/08/2011
* JFcoDíaz (http://www.devtics.com.mx)
* MIT/GNU
*/
(function($){
  $.fn.extend({
    selectOff : function(){
     this.attr('unselectable', 'on').css({
        'KhtmlUserSelect' : 'none',
        'MozUserSelect' : 'none'
      }).each(function(i,o){
        o["onselectstart"] = o['onmousedown'] = function(){return false;}
      });
    }
  });
})(jQuery);
</pre>
<p>ahora bastaría con llamar selectOff</p>
<pre>
$("#unDiv").selectOff();
</pre>
<p>Dejando todo seleccionable a excepción del &#8220;#unDiv&#8221;&#8230; o bien Toda la web:</p>
<pre>
$("body").selectOff();
</pre>
<p>Ya que el plugin es muy pequeño no dejo un .js, solo copia y pega en uno de tus .js que uses en tu web (recuerda incluir los comentarios)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/461-evitar-la-seleccion-de-texto-con-jquery-selectoff-plugin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery plugin onKeyEnter, ejecutar un callback al teclear Enter</title>
		<link>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/</link>
		<comments>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 19:00:36 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugins]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=424</guid>
		<description><![CDATA[onKeyEnter, es un mini-plugin de JQuery sive para ejecutar una función cuando se tecleé un Enter, esto es algo sencillo de lograr con jQuery, pero aquí lo encapsulo en un plugin para que aun sea un poco mas sencillo para realizar esta función en jQuery debemos de hacer algo así $(".unInputText").keydown(function(e){ if(e.keyCode == 13){ alert("diste [...]]]></description>
			<content:encoded><![CDATA[<p>onKeyEnter, es un mini-plugin de JQuery sive para ejecutar una función cuando se tecleé un Enter, esto es algo sencillo de lograr con jQuery, pero aquí lo encapsulo en un plugin para que aun sea un poco mas sencillo </p>
<p>para realizar esta función en jQuery debemos de hacer algo así</p>
<pre>
$(".unInputText").keydown(function(e){
    if(e.keyCode == 13){
      alert("diste Enter");
      //Aki código a ejecutar
   }
})
</pre>
<p>es sencillo si solo se desea hacer en un control, pero si son varios el pequeño if(e.keyCode==13) se puede volver repetitivo, para no tener que repetir esta pequeña porción de código envolví esta función en este miniplugin </p>
<pre>
/*
fcodiaz@devtics.com.mx
24/01/2011
www.devtics.com.mx
MIT/GNU
*/
/*keyEnter*/
(function($){
   $.fn.onKeyEnter=function(callback){
      var $this=$(this)
      $this.keydown(function(e){
         if(e.keyCode == 13){
           return callback.call(this,e);
         }
      })
      return $this;
   }
})(jQuery);
</pre>
<p>por lo que una vez que tengas el plugin disponible podrás realizar esto:</p>
<pre>
$(".unInputText").onKeyEnter(function(e){
      alert("diste Enter");
});
</pre>
<p>ademas se puede consumir el evento retornando un false desde la callback, con esto puedes cancelar por ejemplo el envió de un form.</p>
<p>el callback se ejecutara en contexto del elemento seleccionado, por lo que al hacer referencia a this dentro del callback haces referencia al elemento donde se recibió el enter, se recibe un único parámetro que es el objeto Event</p>
<p>El plugin es muy pequeño así que no dejo archivo .js en lugar de esto copia el código del plugin y pegalo ya sea al final de tu librería de jQuery o en alguna otra que utilices dentro de la pagina donde quieras usarlo, solo recuerda colocarlo después de la librería de JQuery</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>keyValue jQuery y mi reseña sobre jQuery</title>
		<link>http://www.devtics.com.mx/wp/149-keyvalue-jquery/</link>
		<comments>http://www.devtics.com.mx/wp/149-keyvalue-jquery/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 21:44:51 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[Funciones JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugins]]></category>
		<category><![CDATA[Mi Opinion de...]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=149</guid>
		<description><![CDATA[En estos días he estado trabajando y aprendiendo jQuery, si bien ya he postulado mi punto de vista sobre el uso de frameworks, y lo sigo manteniendo, la gran mayorías de las cosas que JQuery hace las se hacer desde JavaScript puro, y por motivos de trabajo indague en esta librería, que si bien se [...]]]></description>
			<content:encoded><![CDATA[<p>En estos días he estado trabajando y aprendiendo jQuery, si bien ya he postulado mi punto de vista sobre el uso de frameworks, y lo sigo manteniendo, la gran mayorías de las cosas que JQuery hace las se hacer desde JavaScript puro, y por motivos de trabajo indague en esta librería, que si bien se presta a mucho copy paste y de mas fanfaronada(hacer lo que no se hacer gracias al framework) que es lo que me desagrada de lo que hay alrededor de estas herramientas.</p>
<p>bueno lo que me agrado de jQuery a contra de los que a muchos le llama la atención(las animaciones), lo que creo que son sumamente buenos y una excelente idea son sus selectores que si no me equivoco de alli viene su nombre &#8220;Query&#8221;, en esta forma de trabajar la verdad jQuery se lleva un 100% ya que ayuda mucho y simplifica el manejo del DOM, solo que hay que tener cuidad de no llamar mucho a los selectores si no tratar de mantener enlaces de memoria a ellos ya que cada que se llama a $() se genera un nuevo objeto jQuery y para que rehacer algo que ya tenemos en memoria, y esto afecta el rendimiento de la aplicación (se hacen algoritmos de mas)  aunque esto pasa en todo los framework si no se saben controlar .</p>
<p>otra cosa que me agrado fue la extensión en plugin, y aquí es donde me gustaría enfocarme ahora, me gusta mucho crear librerías, en este post les traigo mi primer plugin para jQuery, es un plugin el cual nos permite colocar un filtro a campos de textos para filtrar los caracteres que se permitirán en el campo de texto, por ejemplo para evitar que el usuario ingrese letras en un campo solo numero, o caracteres no permitidos en un password etc.</p>
<p>sin mas les dejo el código fuente de mi primer plugin<br />
Download: <a href="http://www.megaupload.com/?d=JVHRIHMK" target="_blank">http://www.megaupload.com/?d=JVHRIHMK</a></p>
<pre>
/*
 * $.fn.keyValue(exp,maxlength)
 * By JFco Diaz.
 * wariodiaz@gmail.com
 * www.devtics.com.mx
 * 19/02/2010
 * plugin jQuery, para evaluar una entrada en un input x expresión regular
 * y poder discriminar el carácter si no se encuentra en la expresión regular
 * evitando su inserccion
 *
 * @param expOarr, es un arreglo de caracteres y/o enteros que representen
 * el charCode del carácter a permitir, o bien una expresión regular que indique
 * en el patrón los caracteres que se permitirán, ademas opcionalmente coloca un
 * máximo de caracteres permitidos
 * Nota: la evaluación es del carácter que se esta tecleado no sobre la cadena ingresada
 *
 * ejemplo:
 *
 * $(".soloNumeros").keyValue(/[0-9]/);
 *
 * $(".soloNumeros").keyValue([0,1,2,3,4,5,6,7,8,9]/);
 *
 * ambos solo permiten la entrada de números o solo caracteres en minúsculas
 *
 * $(".soloNumeros").keyValue(/[a-z]/);
 *
 * o solo numeros y "-" y solo 10 caracteres
 *
 * $(".soloNumeros").keyValue([0,1,2,3,4,5,6,7,8,9,'-'],10);
 *
 * o con expresión regular
 *
 * $(".soloNumeros").keyValue(/[0-9-]/,10);
 *
 * */
(function ($){
    $.fn.keyValue=function(expOarr,maxLength){
        try{
            var $this=$(this);
            if(maxLength)
                $this.attr("maxlength",maxLength);
            $this.keypress(function(event){
                try{
                    var key = event.which;
                    if(key==0||event.charCode==0)return true;
                    if(maxLength &#038;&#038; this.value.length==maxLength)return false;
                    if(typeof expOarr ==='object'&#038;&#038; expOarr.length!=undefined){
                        for(var i=0;(exp=expOarr[i++]);)
                            if(key==((typeof exp=="number")? exp : exp.charCodeAt(0)))
                                return true;
                        return false;
                    }
                    return expOarr.test(String.fromCharCode(key));
                }catch(e){
                    alert(e.message);
                }
            });
        }catch(e){
            alert(e.message);
        }
        return $this;
    }
})(jQuery);
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/149-keyvalue-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

