<?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>Jinglero &#187; Javascript</title>
	<atom:link href="http://www.jinglero.com.ar/tags/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jinglero.com.ar</link>
	<description>De todo un poco nada mas</description>
	<lastBuildDate>Wed, 28 Sep 2011 20:46:24 +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>Validar si es RUT valido (Chile) con isRut() en PHP y Javascript</title>
		<link>http://www.jinglero.com.ar/2010/03/validar-si-es-rut-valido-chile-con-isrut-en-php-y-javascript/</link>
		<comments>http://www.jinglero.com.ar/2010/03/validar-si-es-rut-valido-chile-con-isrut-en-php-y-javascript/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 15:48:02 +0000</pubDate>
		<dc:creator>Jingle</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.jinglero.com.ar/?p=241</guid>
		<description><![CDATA[Validar RUT: Trabajando en un proyecto para chile, me surgio la necesidad de validar el formato del RUT chileno, (Que seria como el DNI de Argentina). Tanto en el Backend del php como en el formulario de carga del RUT para avisarle al usuario al tiempo que escribe como es el formato correspondiente. Como un [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Validar RUT:</strong><br />
Trabajando en un proyecto para chile, me surgio la necesidad de validar el formato del <strong>RUT</strong> chileno, (Que seria como el DNI de Argentina). Tanto en el Backend del php como en el formulario de carga del RUT para avisarle al usuario al tiempo que escribe como es el formato correspondiente.<br />
Como un extra, aparte de las funciones les dejo un link a un <a href="http://joaquinnunez.cl/jQueryRutPlugin/generador-de-ruts-chilenos-validos.html">generador de RUTs validos</a>: </p>
<p><strong>Aca les dejo las funciones para validar el RUT en php y javascript, del siguiente format</strong>o  <em>XXYYYZZZ-K</em><br />
<span id="more-241"></span><br />
<strong>PHP:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> isRut<span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #339933;">=</span><span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
       <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
	   <span style="color: #009900;">&#123;</span>
           <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span>
       <span style="color: #000088;">$RegExp</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'/^([0-9])+\-([kK0-9])+$/'</span><span style="color: #339933;">;</span>
       <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">preg_match</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$RegExp</span><span style="color: #339933;">,</span> <span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
           <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span>
       <span style="color: #000088;">$RUT</span>  <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;-&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #000088;">$elRut</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$RUT</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
       <span style="color: #000088;">$factor</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">2</span><span style="color: #339933;">;</span>
       <span style="color: #000088;">$suma</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
     <span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span><span style="color: #339933;">=</span><span style="color: #990000;">strlen</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$elRut</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span><span style="color: #339933;">--</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
           <span style="color: #000088;">$factor</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$factor</span> <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #cc66cc;">7</span><span style="color: #009900;">&#41;</span> ? <span style="color: #cc66cc;">2</span> <span style="color: #339933;">:</span> <span style="color: #000088;">$factor</span><span style="color: #339933;">;</span>
           <span style="color: #000088;">$suma</span> <span style="color: #339933;">+=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>int<span style="color: #009900;">&#41;</span><span style="color: #000088;">$elRut</span><span style="color: #009900;">&#123;</span><span style="color: #000088;">$i</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>int<span style="color: #009900;">&#41;</span><span style="color: #000088;">$factor</span><span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
     <span style="color: #009900;">&#125;</span>
       <span style="color: #000088;">$ret</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
       <span style="color: #000088;">$dv</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">11</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$suma</span> <span style="color: #339933;">%</span> <span style="color: #cc66cc;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$dv</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">11</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
           <span style="color: #000088;">$dv</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$dv</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">10</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
           <span style="color: #000088;">$dv</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;k&quot;</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span>
       <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$dv</span> <span style="color: #339933;">!=</span> <span style="color: #990000;">strtolower</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$RUT</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
           <span style="color: #000088;">$ret</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span>
       <span style="color: #b1b100;">return</span> <span style="color: #000088;">$ret</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><strong>Javascript:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> isRut<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>value <span style="color: #339933;">==</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> rexp <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^([0-9])+\-([kK0-9])+$/</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>value.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>rexp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> RUT  <span style="color: #339933;">=</span> value.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;-&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> elRut <span style="color: #339933;">=</span> RUT<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> factor <span style="color: #339933;">=</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> suma <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> dv<span style="color: #339933;">;</span>
		   <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #009900;">&#40;</span>elRut.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">--</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   factor <span style="color: #339933;">=</span> factor <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #CC0000;">7</span> <span style="color: #339933;">?</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">:</span> factor<span style="color: #339933;">;</span>
			   suma <span style="color: #339933;">+=</span> parseInt<span style="color: #009900;">&#40;</span>elRut<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>parseInt<span style="color: #009900;">&#40;</span>factor<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span>
		   <span style="color: #003366; font-weight: bold;">var</span> ret <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
		   dv <span style="color: #339933;">=</span> <span style="color: #CC0000;">11</span> <span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span>suma <span style="color: #339933;">%</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>dv <span style="color: #339933;">==</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   dv <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>dv <span style="color: #339933;">==</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   dv <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;k&quot;</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span>
		   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>dv <span style="color: #339933;">!=</span> RUT<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			   ret<span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		   <span style="color: #009900;">&#125;</span>
		   <span style="color: #000066; font-weight: bold;">return</span> ret
	   <span style="color: #009900;">&#125;</span></pre></div></div>

<p>Cualquier cosa comenten si tienen problemas <img src='http://www.jinglero.com.ar/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Salutes</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jinglero.com.ar/2010/03/validar-si-es-rut-valido-chile-con-isrut-en-php-y-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Funciones getStyleSheet() y addRuleByStyleSheet()</title>
		<link>http://www.jinglero.com.ar/2009/07/funciones-getstylesheet-y-addrulebystylesheet/</link>
		<comments>http://www.jinglero.com.ar/2009/07/funciones-getstylesheet-y-addrulebystylesheet/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 15:24:33 +0000</pubDate>
		<dc:creator>Jingle</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.jinglero.com.ar/?p=196</guid>
		<description><![CDATA[Seguramente en algun momento de un desarrollo javascript, se va a necesitar modificar una class del css. Puede resultar muy útil y comodo modificar una class en lugar de reasignar o cambiar todas las propiedades de cada uno de los elementos que deseamos modificar. Para este caso, aca dejo un par de funciones. /* fileCSS'style.css' [...]]]></description>
			<content:encoded><![CDATA[<p>Seguramente en algun momento de un desarrollo javascript, se va a necesitar modificar una class del css. Puede resultar muy útil y comodo modificar una class en lugar de reasignar o cambiar todas las propiedades de cada uno de los elementos que deseamos modificar.</p>
<p>Para este caso, aca dejo un par de funciones.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">/* fileCSS'style.css' por ejemplo; Retorna el objeto de la hoja.*/</span>
<span style="color: #003366; font-weight: bold;">function</span> getStyleSheet<span style="color: #009900;">&#40;</span>fileCSS<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 
	<span style="color: #003366; font-weight: bold;">var</span> sheets<span style="color: #339933;">=</span>document.<span style="color: #660066;">styleSheets</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j<span style="color: #339933;">&lt;</span>sheets.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>sheets<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">href</span><span style="color: #339933;">!=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			tagsUrl <span style="color: #339933;">=</span> sheets<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">href</span>.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'/'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>tagsUrl<span style="color: #009900;">&#91;</span>tagsUrl.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> fileCSS<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> sheets<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/* stylesheet = return de getStyleSheet();
rule = regla css a la que se le va a agregar la propiedad;
prop =  nombre de la propiedad a cambiar para usar con &quot;style.&quot; ej: rule.style.display o .color o borderRight
value =  valor que tomara la propiedad */</span>
<span style="color: #003366; font-weight: bold;">function</span> addRuleByStyleSheet<span style="color: #009900;">&#40;</span>rule<span style="color: #339933;">,</span> prop<span style="color: #339933;">,</span> value<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	mysheet <span style="color: #339933;">=</span> getStyleSheet<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'styles.css'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	myrules <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>mysheet.<span style="color: #660066;">cssRules</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> mysheet.<span style="color: #660066;">cssRules</span><span style="color: #339933;">:</span> mysheet.<span style="color: #660066;">rules</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>myrules.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myrules<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">selectorText</span><span style="color: #339933;">!=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myrules<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">selectorText</span>.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">==</span> rule<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'myrules[i].style.'</span> <span style="color: #339933;">+</span> prop <span style="color: #339933;">+</span> <span style="color: #3366CC;">' = &quot;'</span> <span style="color: #339933;">+</span> value <span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot;;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.jinglero.com.ar/2009/07/funciones-getstylesheet-y-addrulebystylesheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Funcion getElementByClass</title>
		<link>http://www.jinglero.com.ar/2009/07/funcion-getelementbyclass/</link>
		<comments>http://www.jinglero.com.ar/2009/07/funcion-getelementbyclass/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 15:18:16 +0000</pubDate>
		<dc:creator>Jingle</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.jinglero.com.ar/?p=193</guid>
		<description><![CDATA[Útil función javascript para Tomar los elementos según el atributo class que posean. function getElementsByClass&#40;searchClass,node,tag&#41; &#123; var classElements = new Array&#40;&#41;; if &#40; node == null &#41; node = document; if &#40; tag == null &#41; tag = '*'; var els = node.getElementsByTagName&#40;tag&#41;; var elsCant = els.length; var cla = new RegExp&#40;&#34;(^&#124;\\s)&#34;+searchClass+&#34;(\\s&#124;$)&#34;&#41;; for &#40;i = [...]]]></description>
			<content:encoded><![CDATA[<p>Útil función javascript para Tomar los elementos según el atributo class que posean.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> getElementsByClass<span style="color: #009900;">&#40;</span>searchClass<span style="color: #339933;">,</span>node<span style="color: #339933;">,</span>tag<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
       <span style="color: #003366; font-weight: bold;">var</span> classElements <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> node <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span> <span style="color: #009900;">&#41;</span>
               node <span style="color: #339933;">=</span> document<span style="color: #339933;">;</span>
       <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> tag <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span> <span style="color: #009900;">&#41;</span>
               tag <span style="color: #339933;">=</span> <span style="color: #3366CC;">'*'</span><span style="color: #339933;">;</span>
       <span style="color: #003366; font-weight: bold;">var</span> els <span style="color: #339933;">=</span> node.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span>tag<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #003366; font-weight: bold;">var</span> elsCant <span style="color: #339933;">=</span> els.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
       <span style="color: #003366; font-weight: bold;">var</span> cla <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;(^|<span style="color: #000099; font-weight: bold;">\\</span>s)&quot;</span><span style="color: #339933;">+</span>searchClass<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;(<span style="color: #000099; font-weight: bold;">\\</span>s|$)&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> j <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> elsCant<span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
               <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> cla.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>els<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">className</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                       classElements<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> els<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
                       j<span style="color: #339933;">++;</span>
               <span style="color: #009900;">&#125;</span>
       <span style="color: #009900;">&#125;</span>
       <span style="color: #000066; font-weight: bold;">return</span> classElements<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.jinglero.com.ar/2009/07/funcion-getelementbyclass/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trabajar con jQuery y Prototype sin conflictos</title>
		<link>http://www.jinglero.com.ar/2009/05/trabajar-con-jquery-y-prototype-sin-conflictos/</link>
		<comments>http://www.jinglero.com.ar/2009/05/trabajar-con-jquery-y-prototype-sin-conflictos/#comments</comments>
		<pubDate>Tue, 05 May 2009 16:21:39 +0000</pubDate>
		<dc:creator>Jingle</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Prototype]]></category>

		<guid isPermaLink="false">http://www.jinglero.com.ar/?p=37</guid>
		<description><![CDATA[Amabas librerias trabajan con $() pero cada una le da una utilidad y significado distinto. Para poder trabajar con ambas librerias al mismo tiempo, se puede modificar el $() por el nombre de la funcion que quieras, por ejemplo $jq(). Código de jQuery antes: // Map over the $ in case of overwrite &#160; if [...]]]></description>
			<content:encoded><![CDATA[<p>Amabas librerias trabajan con <em>$()</em> pero cada una le da una utilidad y significado distinto. Para poder trabajar con ambas librerias al mismo tiempo, se puede modificar el <em>$()</em> por el nombre de la funcion que quieras, por ejemplo <em>$jq()</em>.</p>
<p><strong>Código de jQuery antes</strong>:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// Map over the $ in case of overwrite</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> window.$ <span style="color: #009900;">&#41;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> _$ <span style="color: #339933;">=</span> window.$<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// Map the jQuery namespace to the '$' one</span>
&nbsp;
window.$ <span style="color: #339933;">=</span> jQuery<span style="color: #339933;">;</span></pre></div></div>

<p>por:</p>
<p><strong>Código de jQuery después:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// Map over the $ in case of overwrite</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span> window.$jq<span style="color: #009900;">&#41;</span>
<span style="color: #003366; font-weight: bold;">var</span> _$ <span style="color: #339933;">=</span> window.$jq<span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// Map the jQuery namespace to the '$' one</span>
window.$jq<span style="color: #339933;">=</span> jQuery<span style="color: #339933;">;</span></pre></div></div>

<p>y luego lo usas como <em>$jq()</em> en vez de como <em>$()</em>, este ultimo quedara el <em>$() </em>de Prototype.</p>
<p>Sites: <a title="Prototype" href="http://www.prototypejs.org" target="_blank">Prototype</a>, <a title="jQuery" href="http://www.jquery.com" target="_blank">jQuery</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jinglero.com.ar/2009/05/trabajar-con-jquery-y-prototype-sin-conflictos/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

