<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Timersys</title>
	
	<link>http://blog.timersys.com</link>
	<description>PHP, JQuery y mucho más</description>
	<lastBuildDate>Wed, 21 Jul 2010 22:51:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Timersys" /><feedburner:info uri="timersys" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>Timersys</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>7 códigos JQuery que todos deberían tener</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/ruY6eZ5m0dA/</link>
		<comments>http://blog.timersys.com/recursos/7-codigos-jquery-que-todos-deberian-tener/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 22:51:32 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=440</guid>
		<description><![CDATA[Hoy les traigo un pequeño recopilatorio de JQuery code snippets que hacen la vida más fácil. Aunque para la mayoría de estos ejemplos existen extensos plugins que hacen lo mismo, con unas simples lineas de código podemos realizar lo mismo y a su vez aprendemos como funciona.
1# Texto que desaparece en cajas de búsquedas
Este ejemplo [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy les traigo un pequeño recopilatorio de JQuery code snippets que hacen la vida más fácil. Aunque para la mayoría de estos ejemplos existen extensos <a href="http://blog.timersys.com/category/plugins/">plugins</a> que hacen lo mismo, con unas simples lineas de código podemos realizar lo mismo y a su vez aprendemos como funciona.</p>
<h2>1# Texto que desaparece en cajas de búsquedas</h2>
<p>Este ejemplo mostrará un texto en la caja de búsqueda que al hacer click para escribir desaparecerá . Y si nos vamos de la caja sin escribir nada volverá a aparecer.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<br />
<span style="color: #003366; font-weight: bold;">var</span> texto<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;Introduce tu búsqueda&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#searchbox&quot;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; &nbsp; .<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>texto<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; .<span style="color: #000066;">focus</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; &nbsp; .<span style="color: #000066;">blur</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>texto<span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;&lt;/</span>pre<span style="color: #339933;">&gt;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<h2>2# Cambiar el tamaño de fuente en la página</h2>
<p>Pequeño script que permite al usuario agrandar o achicar el tamaño de la fuente dependiendo en que botón haga click.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<br />
&nbsp; <span style="color: #006600; font-style: italic;">// Resetear al tamaño original</span><br />
&nbsp; <span style="color: #003366; font-weight: bold;">var</span> originalFontSize <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.resetFont&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #339933;">,</span> originalFontSize<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #006600; font-style: italic;">// Aumentar tamaño</span><br />
&nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.aumentar&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> currentFontSize <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> currentFontSizeNum <span style="color: #339933;">=</span> parseFloat<span style="color: #009900;">&#40;</span>currentFontSize<span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> newFontSize <span style="color: #339933;">=</span> currentFontSizeNum<span style="color: #339933;">*</span><span style="color: #CC0000;">1.2</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #339933;">,</span> newFontSize<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #006600; font-style: italic;">// Disminuir tamaño</span><br />
&nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.disminuir&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> currentFontSize <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> currentFontSizeNum <span style="color: #339933;">=</span> parseFloat<span style="color: #009900;">&#40;</span>currentFontSize<span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> newFontSize <span style="color: #339933;">=</span> currentFontSizeNum<span style="color: #339933;">*</span><span style="color: #CC0000;">0.8</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'html'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'font-size'</span><span style="color: #339933;">,</span> newFontSize<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
&nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<h2>3# Pasar variables de PHP $_GET and javascript</h2>
<p>Con este código podremos pasar las variables $_GET de php a javascript para poder utilizarlas si es necesario</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> searchArray <span style="color: #339933;">=</span> document.<span style="color: #660066;">location</span>.<span style="color: #660066;">search</span>.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&amp;amp;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #006600; font-style: italic;">//Removemos '?' y separamos las variables</span><br />
 <br />
<span style="color: #006600; font-style: italic;">//Ahora hacemos un loop en searchArray y creamos otro array llamado &nbsp;GET</span><br />
<span style="color: #003366; font-weight: bold;">var</span> GET <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><br />
<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>searchTerm <span style="color: #000066; font-weight: bold;">in</span> searchArray<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; searchTerm.<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: #006600; font-style: italic;">//Dividimos searchTerm en propiedades y valores</span><br />
&nbsp; &nbsp; GET<span style="color: #009900;">&#91;</span>searchTerm<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> searchTerm<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//Añadimos la propiedad y el valor al array GET</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<h2>4# Refrescar parte de una Web mediante AJAX</h2>
<p>Este código es extremadamente útil cuando queremos que una parte de nuestra web ( un widget por ej) se actualice constantemente.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; setInterval<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#content&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span>location.<span style="color: #660066;">href</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot; #content&amp;gt;*&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">5000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<h2>5# Evitar conflictos entre librerías</h2>
<p>JQuery incluye al igual que otras librerías el alias $ .Con este método podremos cambiar dicho alias por cualquiera que nos plazca.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> $timersys <span style="color: #339933;">=</span> jQuery.<span style="color: #660066;">noConflict</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
 <br />
<span style="color: #006600; font-style: italic;">//Ahora podemos usar $timersys en vez de '$'</span><br />
$timersys<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<h2>6# Detectar el navegador</h2>
<p>Sencilla forma de detectar los diferentes navegadores</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #006600; font-style: italic;">//A. Para Safari</span><br />
<br />
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span> $.<span style="color: #660066;">browser</span>.<span style="color: #660066;">safari</span> <span style="color: #009900;">&#41;</span> <br />
<br />
<span style="color: #006600; font-style: italic;">//B. Para cualquier versión inferior a IE7</span><br />
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$.<span style="color: #660066;">browser</span>.<span style="color: #660066;">msie</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> $.<span style="color: #660066;">browser</span>.<span style="color: #660066;">version</span> <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #CC0000;">7</span> <span style="color: #009900;">&#41;</span> <br />
<br />
<span style="color: #006600; font-style: italic;">//C. Para IE7 y versiones anteriores</span><br />
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$.<span style="color: #660066;">browser</span>.<span style="color: #660066;">msie</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> $.<span style="color: #660066;">browser</span>.<span style="color: #660066;">version</span> <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;=</span> <span style="color: #CC0000;">6</span> <span style="color: #009900;">&#41;</span> <br />
<br />
<span style="color: #006600; font-style: italic;">//D. Para Firefox 2 y mayores</span><br />
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$.<span style="color: #660066;">browser</span>.<span style="color: #660066;">mozilla</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> $.<span style="color: #660066;">browser</span>.<span style="color: #660066;">version</span> <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;=</span> <span style="color: #3366CC;">&quot;1.8&quot;</span> <span style="color: #009900;">&#41;</span></div></div>
<h2>7# Deshabilitar click derecho del mouse</h2>
<p>No siempre queremos que puedan hacer click derecho en nuestra web.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;contextmenu&quot;</span><span style="color: #339933;">,</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/ruY6eZ5m0dA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/recursos/7-codigos-jquery-que-todos-deberian-tener/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/recursos/7-codigos-jquery-que-todos-deberian-tener/</feedburner:origLink></item>
		<item>
		<title>JcubeiT – Plugin JQuery para hacer cubos  con HTML5</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/3r5rANEaQt0/</link>
		<comments>http://blog.timersys.com/jquery/jcubeit-plugin-jquery-para-hacer-cubos-con-html5/#comments</comments>
		<pubDate>Tue, 15 Jun 2010 22:48:32 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery.plugin]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=427</guid>
		<description><![CDATA[Buenas tardes!! Como ven sigo experimentando y haciendo plugins para JQuery.
Hoy se me dio por hacer uno bastante gracioso basado en las explicaciones de lanrat acerca de como construir un cubo usando las nuevas propiedades CSS.

Su utilización es muy sencilla, tan solo necesitamos 3 objetos ( las caras visibles del cubo) dentro de un objeto [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas tardes!! Como ven sigo <a href="http://blog.timersys.com/jquery/jquery-nightmode-plugin/">experimentando</a> y haciendo <a href="http://blog.timersys.com/tag/jquery-plugin/">plugins</a> para JQuery.</p>
<p>Hoy se me dio por hacer uno bastante gracioso basado en las explicaciones de <a href="http://lanrat.com/code/html5-cube">lanrat</a> acerca de como construir un cubo usando <a href="http://blog.timersys.com/tutoriales/esquinas-redondeadas-y-degradados-con-css3/">las nuevas propiedades CSS</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-430  aligncenter" title="social" src="http://blog.timersys.com/wp-content/uploads/2010/06/social.gif" alt="" width="160" height="140" /></p>
<p>Su utilización es muy sencilla, tan solo necesitamos 3 objetos ( las caras visibles del cubo) dentro de un objeto contenedor. Dichos objetos pueden ser links , imágenes, otros divs, etc</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;cube&quot;</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;3.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div>
<p>Una vez que tenemos nuestra estructura HTML armada debemos aplicar el plugin de la siguiente forma:</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.jcubeit.js&quot;&gt;&lt;/script&gt;<br />
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span><br />
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>Y voila!! Tendremos un cubo perfecto con el cual podremos hacer un poco más original nuestros diseños.</p>
<p>El plugin posee algunos <strong>valores por defecto</strong> que se pueden cambiar pasando opciones.</p>
<ul>
<li><strong>size</strong>:&#8217;200px&#8217;</li>
<li><strong>background</strong>: &#8216;#666&#8242;</li>
<li><strong>border</strong>: true</li>
<li><strong>borderColor</strong>: &#8216;#000&#8242;</li>
<li><strong>rounded</strong>: false</li>
</ul>
<p>Podemos cambiar estos valores pasando las opciones como se suele hacer en JQuery</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> opciones<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span> size<span style="color: #339933;">:</span><span style="color: #3366CC;">'100px'</span> <span style="color: #339933;">,</span> border<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span><br />
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span>opciones<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #006600; font-style: italic;">//o simplemente</span><br />
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> size<span style="color: #339933;">:</span><span style="color: #3366CC;">'100px'</span> <span style="color: #339933;">,</span> border<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Jugando con las opciones podremos crear por ejemplo una barra de menu más original</p>
<p style="text-align: center;">
<img class="size-full wp-image-431  aligncenter" title="menu" src="http://blog.timersys.com/wp-content/uploads/2010/06/menu.gif" alt="" width="200" height="198" /></p>
<p>Pueden ver el <a href="http://blog.timersys.com/ejemplos/jcubeit-plugin/">ejemplo online</a> o <a href="http://plugins.jquery.com/files/jquery.jcubeit.zip">descargarse el código</a> desde la página oficial de JQuery</p>
<h2>ENGLISH</h2>
<p>Hello!As you see im still  <a href="http://blog.timersys.com/jquery/jquery-nightmode-plugin/">experiencing</a> and doing <a href="http://blog.timersys.com/tag/jquery-plugin/">plugins</a> for JQuery</p>
<p>Today I did a pretty funny one based on the explanations of  <a href="http://lanrat.com/code/html5-cube">lanrat</a>  about how to build a cube using <a href="http://blog.timersys.com/tutoriales/esquinas-redondeadas-y-degradados-con-css3/">new CSS properties</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-430  aligncenter" title="social" src="http://blog.timersys.com/wp-content/uploads/2010/06/social.gif" alt="" width="160" height="140" /></p>
<p>Its use is very simple,  you only need 3 objects (the visible faces of the cube) inside of a container object. Such objects could be links, images, other divs, etc.</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;cube&quot;</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;3.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div>
<p>Once we have our HTML structure we have to apply the plugin like this:</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.jcubeit.js&quot;&gt;&lt;/script&gt;<br />
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span><br />
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<p>And voila! We will have a perfect cube to be a little more original in our designs.</p>
<p>The plugin has some <strong>defaults  values</strong> that can be changed via the options var.</p>
<ul>
<li><strong>size</strong>:&#8217;200px&#8217;</li>
<li><strong>background</strong>: &#8216;#666&#8242;</li>
<li><strong>border</strong>: true</li>
<li><strong>borderColor</strong>: &#8216;#000&#8242;</li>
<li><strong>rounded</strong>: false</li>
</ul>
<p>We may change these values from the options as is usually done in JQuery</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> opciones<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span> size<span style="color: #339933;">:</span><span style="color: #3366CC;">'100px'</span> <span style="color: #339933;">,</span> border<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span><br />
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span>opciones<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #006600; font-style: italic;">//or just</span><br />
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.cube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">JcubeiT</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> size<span style="color: #339933;">:</span><span style="color: #3366CC;">'100px'</span> <span style="color: #339933;">,</span> border<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Playing with the options we can create for example a more original menu bar</p>
<p style="text-align: center;">
<img class="size-full wp-image-431  aligncenter" title="menu" src="http://blog.timersys.com/wp-content/uploads/2010/06/menu.gif" alt="" width="200" height="198" /></p>
<p>You can check the <a href="http://blog.timersys.com/ejemplos/jcubeit-plugin/">online demo</a> or <a href="http://plugins.jquery.com/files/jquery.jcubeit.zip">download the plugin</a> from JQuery </p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/3r5rANEaQt0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/jquery/jcubeit-plugin-jquery-para-hacer-cubos-con-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/jquery/jcubeit-plugin-jquery-para-hacer-cubos-con-html5/</feedburner:origLink></item>
		<item>
		<title>Esquinas redondeadas y degradados con CSS3</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/xUnw1mwMcp8/</link>
		<comments>http://blog.timersys.com/tutoriales/esquinas-redondeadas-y-degradados-con-css3/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 03:37:02 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[efectos]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=422</guid>
		<description><![CDATA[Hola a todos! Últimamente empieza a sonar más fuerte HTML5 y CSS3 , a medida que los navegadores se hacen más compatibles con estas nuevas tecnologías, así que hoy pensé en traerles un par de &#8220;trucos&#8221; que pueden realizar con CSS3 y que hasta ahora solo era posible con Javascript o imágenes.
Esquinas redondeadas
Hace un tiempito [...]]]></description>
			<content:encoded><![CDATA[<p>Hola a todos! Últimamente empieza a sonar más fuerte <a href="http://blog.timersys.com/tag/diseno-web/">HTML5</a> y <a href="http://blog.timersys.com/tag/css/">CSS3</a> , a medida que los navegadores se hacen más compatibles con estas nuevas tecnologías, así que hoy pensé en traerles un par de &#8220;<a href="http://blog.timersys.com/tag/efectos/">trucos</a>&#8221; que pueden realizar con CSS3 y que hasta ahora solo era posible con Javascript o imágenes.</p>
<h3><strong>Esquinas redondeadas</strong></h3>
<p>Hace un tiempito largo explique como redondear las esquinas de un DIV con el Plugin de JQuery <a href="http://blog.timersys.com/jquery/como-redondear-las-esquinas-de-un-div-con-jquery-corners/">JQuery.corners</a>.<br />
Hoy les explico lo mismo tan solo usando <strong>CSS3</strong>.</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;rounded&quot;</span>&gt;</span> Este es un ejemplo para http://blog.timersys.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div>
<p>Dado un div cualquiera aplicamos la propiedad <a href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-radius">border-radius</a></p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">.rounded<span style="color: #00AA00;">&#123;</span><br />
border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span><br />
-moz-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Firefox<br />
-webkit-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Safari y navegadores que usen WebKit<br />
<span style="color: #00AA00;">&#125;</span></div></div>
<p><span class="aligncenter"><img src="http://blog.timersys.com/wp-content/uploads/2010/06/screen.gif" alt="" title="screen" width="398" height="320" class="aligncenter size-full wp-image-423" /></span></p>
<h3><strong>Degradados y sombras con CSS3</strong></h3>
<p>Utilizando el ejemplo anterior vamos a aplicarle sombras al DIV y luego un degradado. Aunque en mi ejemplo utilizo DIVS cabe decir que se puede aplicar a otros objetos como botones y crear efectos muy buenos. Pueden ver un ejemplo de botones con degradado y sombras <a href="http://www.todotutorialesweb.com/degrado-en-botones-con-css3/">aquí</a>.</p>
<p><strong>Aplicando sombras al DIV y letras</strong></p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">.rounded<span style="color: #00AA00;">&#123;</span><br />
border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span><br />
-moz-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Firefox<br />
-webkit-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Safari y navegadores que usen WebKit<br />
<br />
<span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span> <span style="color: #933;">0px</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span><span style="color: #00AA00;">;</span><br />
box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
-webkit-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>//Safari y navegadores que usen WebKit<br />
-moz-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>//Firefox<br />
<span style="color: #00AA00;">&#125;</span></div></div>
<p><strong></p>
<p>Y por último le aplicamos un degradado </strong></p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">.rounded<span style="color: #00AA00;">&#123;</span><br />
border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span><br />
-moz-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Firefox<br />
-webkit-border-radius<span style="color: #00AA00;">:</span><span style="color: #933;">7px</span><span style="color: #00AA00;">;</span> //Safari y navegadores que usen WebKit<br />
<br />
<span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span> <span style="color: #933;">0px</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span><span style="color: #00AA00;">;</span><br />
box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
-webkit-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>//Safari y navegadores que usen WebKit<br />
-moz-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>.5<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>//Firefox<br />
<br />
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> -webkit-gradient<span style="color: #00AA00;">&#40;</span>linear<span style="color: #00AA00;">,</span> <span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> <span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">,</span> from<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#D7E9F3</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">,</span> to<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#ffffff</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> -moz-linear-gradient<span style="color: #00AA00;">&#40;</span><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> &nbsp;<span style="color: #cc00cc;">#D7E9F3</span><span style="color: #00AA00;">,</span> &nbsp;<span style="color: #cc00cc;">#ffffff</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
filter<span style="color: #00AA00;">:</span> &nbsp;progid<span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;">.Microsoft</span>.gradient<span style="color: #00AA00;">&#40;</span>startColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#D7E9F3'</span><span style="color: #00AA00;">,</span> endColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#ffffff'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span></div></div>
<p>Listo !! con estas simples lineas habremos creado unos lindos efectos. Tengan en cuenta que van a necesitar las últimas actualizaciones de sus navegadores para que esto funcione correctamente.</p>
<p><a href="http://blog.timersys.com/ejemplos/esquinas-redondeadas-y-degradados-con-css3/">Ver Ejemplo online</a><br />
<a href="http://blog.timersys.com/ejemplos/esquinas-redondeadas-y-degradados-con-css3.zip">Descargar código del ejemplo</a></p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/xUnw1mwMcp8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/tutoriales/esquinas-redondeadas-y-degradados-con-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/tutoriales/esquinas-redondeadas-y-degradados-con-css3/</feedburner:origLink></item>
		<item>
		<title>Que necesitan ?</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/lgl7OMih3oI/</link>
		<comments>http://blog.timersys.com/recursos/que-necesitan/#comments</comments>
		<pubDate>Fri, 28 May 2010 22:03:26 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[ejemplos jquery]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=416</guid>
		<description><![CDATA[Hola a todos!! En este post no voy a explicar ningun plugin , ni hablar de JQuery , ni juegos , ni nada. Tan solo les quiero preguntar a ustedes, mis lectores ¿Que necesitan?
Si hace tiempo que buscan algun tutorial o tienen visto alguno que no deja de todo claro las cosas. Encontraron un plugin [...]]]></description>
			<content:encoded><![CDATA[<p>Hola a todos!! En este post no voy a explicar ningun <a href="http://blog.timersys.com/tag/jquery-plugin/">plugin</a> , ni hablar de <a href="http://blog.timersys.com/tag/jquery/">JQuery</a> , ni juegos , ni nada. Tan solo les quiero preguntar a ustedes, mis lectores <strong>¿Que necesitan?</strong></p>
<p>Si hace tiempo que buscan algun<a href="http://blog.timersys.com/category/tutoriales/"> tutorial</a> o tienen visto alguno que no deja de todo claro las cosas. Encontraron un <a href="http://blog.timersys.com/category/plugins/">plugin raro de JQuery</a> y no le sacan la vuelta a como usarlo. No entienden bien algun tema de <a href="http://blog.timersys.com/tag/php/">PHP</a> o <a href="http://blog.timersys.com/tag/mysql/">Mysql</a>. Hoy están de suerte, dejen en los comentarios que necesitan y si puedo los iré ayudando.</p>
<p>Eso es todo , un saludo!!!</p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/lgl7OMih3oI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/recursos/que-necesitan/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/recursos/que-necesitan/</feedburner:origLink></item>
		<item>
		<title>Como crear un script para GreaseMonkey con JQuery</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/xFT5vx09WnQ/</link>
		<comments>http://blog.timersys.com/tutoriales/como-crear-un-script-para-greasemonkey-con-jquery/#comments</comments>
		<pubDate>Tue, 25 May 2010 02:08:12 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=414</guid>
		<description><![CDATA[En mi post anterior prometí que iba a explicar un poco de que trata GreaseMonkey y como lo prometido es deuda aca estamos.
Como bien dice la wikipedia Greasemonkey es una extensión para el navegador Mozilla Firefox e Iceweasel que permite, por medio de pequeñas porciones de código creadas por usuarios, modificar el comportamiento de páginas [...]]]></description>
			<content:encoded><![CDATA[<p>En mi <a href="http://blog.timersys.com/juegos/emessages-timersys-para-erepublik/">post anterior</a> prometí que iba a explicar un poco de que trata <a href="https://addons.mozilla.org/es-ES/firefox/addon/748/">GreaseMonkey</a> y como lo prometido es deuda aca estamos.</p>
<p>Como bien dice la <a href="http://es.wikipedia.org/wiki/Greasemonkey">wikipedia</a> <strong>Greasemonkey</strong> es una <a title="Extensión (Mozilla)" href="http://es.wikipedia.org/wiki/Extensi%C3%B3n_%28Mozilla%29">extensión</a> para el navegador <a title="Mozilla Firefox" href="http://es.wikipedia.org/wiki/Mozilla_Firefox">Mozilla Firefox</a> e <a title="Iceweasel" href="http://es.wikipedia.org/wiki/Iceweasel">Iceweasel</a> que permite, por medio de pequeñas porciones de <a title="Código fuente" href="http://es.wikipedia.org/wiki/C%C3%B3digo_fuente">código</a> creadas por usuarios, modificar el comportamiento de <a title="Página web" href="http://es.wikipedia.org/wiki/P%C3%A1gina_web">páginas web</a> específicas. Con esta extensión es posible mejorar la experiencia de lectura de un <a title="Sitio web" href="http://es.wikipedia.org/wiki/Sitio_web">sitio web</a>, hacerlo más usable, añadir nuevas funciones a las páginas web, corregir errores, mejorar servicios de búsquedas y muchas otras cosas más.</p>
<p>Estas pequeñas o no tan pequeñas porciones de código estan creadas por diversos usuarios de internet en lenguaje <strong>javascript </strong>y se les llama<strong> user scripts</strong>. Los nombres de dichos script tienen el formato<strong> xxxxxx.user.js</strong> , donde xxxxxx es el nombre que querramos ponerle.</p>
<p>Ahora veamos como es un user script por dentro empezando por la cabezera y sus @</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #006600; font-style: italic;">// ==UserScript==</span><br />
<span style="color: #006600; font-style: italic;">// @name &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;eMessages Timersys &nbsp;</span><br />
<span style="color: #006600; font-style: italic;">// @namespace &nbsp;http://blog.timersys.com </span><br />
<span style="color: #006600; font-style: italic;">// @description &nbsp; eMessages tool to display messages in eRepublik </span><br />
<span style="color: #006600; font-style: italic;">// @require &nbsp; &nbsp; &nbsp; &nbsp;http://direccionweb.com/jquery.js &nbsp;</span><br />
<span style="color: #006600; font-style: italic;">// @include &nbsp; &nbsp; &nbsp; &nbsp;http://ww*.erepublik.com/*</span><br />
<span style="color: #006600; font-style: italic;">// ==/UserScript==</span></div></div>
<ul>
<li><strong>@name </strong> :nombre del programa</li>
<li><strong>@namespace</strong> :web del autor o otra dirección de interes</li>
<li><strong>@description</strong> :descripción del programa</li>
<li><strong>@include</strong> : Página web en la cual nuestro script funcionará</li>
<li><strong>@require</strong> : A diferencia del resto esta no es obligataria y tan solo la debemos usar cuando querramos cargar uno o más archivos externos. En este caso lo voy a usar para cargar <a href="http://blog.timersys.com/tag/jquery">JQuery</a></li>
</ul>
<p>A partir de la cabezera todo lo que sigue es código <strong>Javascript</strong>. En nuestro caso podemos usar <strong>JQuery</strong>ya que hemos incluido el archivo en la cabezera metadata.</p>
<p>Además Greasemonkey dispone de su propia <a href="http://diveintogreasemonkey.org/api/index.html">API</a>. Con la cual por ejemplo podemos hacer llamada <a href="http://blog.timersys.com/tag/ajax">AJAX</a> de forma similar a como lo hacemos con JQuery.</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; GM_xmlhttpRequest<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; method<span style="color: #339933;">:</span> <span style="color: #3366CC;">'GET'</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; url<span style="color: #339933;">:</span> <span style="color: #3366CC;">'http://blog.timersys.com/erepublik/ajax_progreso.php?usuario=12'</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp; <span style="color: #000066;">onload</span><span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>response<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.column:first'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">prepend</span><span style="color: #009900;">&#40;</span> response.<span style="color: #660066;">responseText</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Con esta explicación se pueden dar un pequeña idea de como funciona GreaseMonkey. La mayor base de datos de user scripts está en <a href="http://userscripts.org">userscripts.org<br />
</a>.<br />
En taringa hay 2 buenos tutoriales para los que quieran empezar: <a href="http://www.taringa.net/posts/ebooks-tutoriales/3887543/Tutorial-crear-scripts-greasemonkey---Parte-I.html">Parte I</a> + <a href="http://www.taringa.net/posts/ebooks-tutoriales/4121650/Tutorial-crear-scripts-greasemonkey---Parte-II.html">Parte II</a><br />
<a href="http://diveintogreasemonkey.org/toc/index.html">Documentación de GreaseMonkey</a> (en ingles)</p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/xFT5vx09WnQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/tutoriales/como-crear-un-script-para-greasemonkey-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/tutoriales/como-crear-un-script-para-greasemonkey-con-jquery/</feedburner:origLink></item>
		<item>
		<title>eMessages Timersys para eRepublik</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/ic-X4aeVrsk/</link>
		<comments>http://blog.timersys.com/juegos/emessages-timersys-para-erepublik/#comments</comments>
		<pubDate>Tue, 25 May 2010 00:59:22 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Juegos]]></category>
		<category><![CDATA[erepublik]]></category>
		<category><![CDATA[greasemonkey]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=409</guid>
		<description><![CDATA[El otro día les hablé de eRepublik y de como habia puesto en marcha un sistema de lotería despues de jugar durante un tiempo.
Hoy vengo con un sistema de mensajes  creado con para Greasemonkey que es perfecto para que los partidos políticos, organizaciones militares, etc se puedan comunicar facilmente y de forma directa con sus [...]]]></description>
			<content:encoded><![CDATA[<p>El otro día <a href="http://blog.timersys.com/juegos/millions-elottery-para-erepublik/">les hablé</a> de <a href="http://blog.timersys.com/tag/erepublik/">eRepublik</a> y de como habia puesto en marcha un sistema de lotería despues de jugar durante un tiempo.</p>
<p>Hoy vengo con un sistema de mensajes  creado <span style="text-decoration: line-through;">con</span> para <a href="https://addons.mozilla.org/es-ES/firefox/addon/748/">Greasemonkey</a> que es perfecto para que los partidos políticos, organizaciones militares, etc se puedan comunicar facilmente y de forma directa con sus miembros. Su nombre es eMessages Timersys y lo pueden descargar en la famosa web <a href="http://userscripts.org/scripts/show/77449">userscripts.org</a></p>
<p><a href="http://blog.timersys.com/wp-content/uploads/2010/05/large.gif"><img class="aligncenter size-full wp-image-412" title="large" src="http://blog.timersys.com/wp-content/uploads/2010/05/large.gif" alt="" width="448" height="374" /></a></p>
<p>Su funcionamiento es bastante simple. Primero hay que <strong>registrarse </strong>en <a href="http://blog.timersys.com/erepublik/">http://blog.timersys.com/erepublik/</a> tan solo eligiendo un usuario , password , title (título , en la foto eMessages Timersys) y un avatar (en la foto el logo de elottery).</p>
<p>Una vez registrado se va a generar el script personalizado que <strong>tendrás que compartir</strong> con todos los usuarios que quieras que te lean.</p>
<p>Y con estos simples pasos ya tendrás tu sistema de mensajes para comunicarte de forma simple con la gente que quieras.</p>
<p>Una vez más les comento para los que no conozcan este <a href="http://www.erepublik.com/es/facebook/referrer/bladimir+chiflicius">juego</a> prueben a darle una oportunidad. Aunque al principio es un poco lento y aburrido con el tiempo crecen las posibilidades.</p>
<p>En el próximo post les voy a hablar un poco de greasemonkey, de como crear un script y trabajar con JQuery. Y si les gusto el script, donen algunos GOLD <img src='http://blog.timersys.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Un saludo!!</p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/ic-X4aeVrsk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/juegos/emessages-timersys-para-erepublik/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/juegos/emessages-timersys-para-erepublik/</feedburner:origLink></item>
		<item>
		<title>Como usar AJAX Auto Suggest V2.0</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/GHZUaPrzMco/</link>
		<comments>http://blog.timersys.com/recursos/como-usar-ajax-auto-suggest-v2-0/#comments</comments>
		<pubDate>Sun, 16 May 2010 16:32:39 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[autosuggest]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=397</guid>
		<description><![CDATA[
Yo personalmente las pocas veces que he implementado un Auto Suggest o caja de sugerencias en mis proyectos he utilizado AJAX Auto Suggest V2.0. No es que haya probado muchos , pero en su día este fue el que más me convencio por su facilidad de uso y de personalización.

Para utilizarlo primero debemos incluir sus [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-398" title="autosuggest2" src="http://blog.timersys.com/wp-content/uploads/2010/05/autosuggest2.jpg" alt="AJAX Autosuggest v2" width="475" height="200" /></p>
<p>Yo personalmente las pocas veces que he implementado un Auto Suggest o caja de sugerencias en mis proyectos he utilizado <a href="http://www.brandspankingnew.net/archive/2007/02/ajax_auto_suggest_v2.html">AJAX Auto Suggest V2.0</a>. No es que haya probado muchos , pero en su día este fue el que más me convencio por su facilidad de uso y de personalización.<br />
<strong><br />
Para utilizarlo primero debemos incluir sus archivos:</strong></p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;autosuggest_inquisitor.css&quot;</span>&gt;</span><br />
<br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;bsn.AutoSuggest_2.1.3.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></div></div>
<p><strong>Crear un campo de texto y asignarle un Id:</strong></p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;width: 200px; color: rgb(204, 204, 204);&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;materiales_input&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;materiales&quot;</span> autocomplete<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;off&quot;</span>&gt;</span></div></div>
<p><strong>Luego definimos algunas opciones y creamos el objeto autosuggest:</strong></p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">function</span> autosuggest<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<span style="color: #003366; font-weight: bold;">var</span> options <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; script<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;get_materiales.php?limit=6&amp;&quot;</span><span style="color: #339933;">,</span><span style="color: #006600; font-style: italic;">//página la cual recibirá la llamada AJAX</span><br />
&nbsp; &nbsp; varname<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;materiales&quot;</span><span style="color: #339933;">,</span><span style="color: #006600; font-style: italic;">// nombre de la variable que contendra el valor escrito</span><br />
&nbsp; &nbsp; json<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span><span style="color: #006600; font-style: italic;">//Podemos elegir JSON o XML</span><br />
&nbsp; &nbsp; maxresults<span style="color: #339933;">:</span><span style="color: #CC0000;">10</span><span style="color: #339933;">,</span><span style="color: #006600; font-style: italic;">//Un máximo de resulados para mostrar</span><br />
&nbsp; &nbsp; &nbsp; &nbsp;timeout<span style="color: #339933;">:</span><span style="color: #CC0000;">9999</span><span style="color: #339933;">,</span><span style="color: #006600; font-style: italic;">//numero en milisegundos antes de que se cierre la lista de valores sugeridos</span><br />
&nbsp; &nbsp; noresults<span style="color: #339933;">:</span><span style="color: #3366CC;">'Ingresar nuevo material a la base de datos'</span> <span style="color: #006600; font-style: italic;">//valor que muestra en caso de no encontrar resultados</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span><br />
<span style="color: #003366; font-weight: bold;">var</span> <span style="color: #000066; font-weight: bold;">as</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> bsn.<span style="color: #660066;">AutoSuggest</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'materiales_input'</span><span style="color: #339933;">,</span> &nbsp;options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//creamos el objeto AutoSuggest</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>Para más opciones consultar <a href="http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html" target="_blank">la página del autor</a>.</p>
<p><strong>Llamamos a la función cuando cargue la página:</strong></p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span> <span style="color: #000066;">onload</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;autosuggest();&quot;</span>&gt;</span></div></div>
<p>Por último creamos un archivo PHP que devuelva los resultados de búsqueda(en este caso XML) para que se muestren en las sugerencias.<br />
<strong><br />
get_materiales.php:</strong></p>
<div class="codecolorer-container php mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:500px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?</span> <br />
<span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Expires: Mon, 26 Jul 1997 05:00:00 GMT&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Fecha del pasado </span><br />
&nbsp; &nbsp; <span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Last-Modified: &quot;</span> <span style="color: #339933;">.</span> <span style="color: #990000;">gmdate</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;D, d M Y H:i:s&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot; GMT&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// siempre modificado</span><br />
&nbsp; &nbsp; <span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Cache-Control: no-cache, must-revalidate&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// HTTP/1.1</span><br />
&nbsp; &nbsp; <span style="color: #990000;">header</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Pragma: no-cache&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// HTTP/1.0</span><br />
<br />
<span style="color: #b1b100;">include_once</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'config/db.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <br />
<span style="color: #000088;">$conn</span><span style="color: #339933;">=</span>get_db_conn<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000088;">$input</span><span style="color: #339933;">=</span><span style="color: #990000;">utf8_decode</span><span style="color: #009900;">&#40;</span>cleanQuery<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'materiales'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000088;">$query</span><span style="color: #339933;">=</span><span style="color: #0000ff;">'SELECT * FROM categoria_materiales WHERE nombreMaterial LIKE \'%'</span><span style="color: #339933;">.</span><span style="color: #000088;">$input</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'%\''</span><span style="color: #339933;">;</span><br />
<span style="color: #000088;">$materiales</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_query</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$query</span><span style="color: #339933;">,</span><span style="color: #000088;">$conn</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_REQUEST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'json'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Content-Type: application/json&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;{<span style="color: #000099; font-weight: bold;">\&quot;</span>results<span style="color: #000099; font-weight: bold;">\&quot;</span>: [&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$arr</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$row</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_fetch_assoc</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$materiales</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000088;">$arr</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;{<span style="color: #000099; font-weight: bold;">\&quot;</span>id<span style="color: #000099; font-weight: bold;">\&quot;</span>: <span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'idCatMaterial'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\&quot;</span>, <span style="color: #000099; font-weight: bold;">\&quot;</span>value<span style="color: #000099; font-weight: bold;">\&quot;</span>: <span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'nombreMaterial'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\&quot;</span>, <span style="color: #000099; font-weight: bold;">\&quot;</span>info<span style="color: #000099; font-weight: bold;">\&quot;</span>: <span style="color: #000099; font-weight: bold;">\&quot;</span><span style="color: #000099; font-weight: bold;">\&quot;</span>}&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #990000;">implode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;, &quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$arr</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;]}&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">else</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
<span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Content-Type: text/xml&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;&lt;?xml version=<span style="color: #000099; font-weight: bold;">\&quot;</span>1.0<span style="color: #000099; font-weight: bold;">\&quot;</span> encoding=<span style="color: #000099; font-weight: bold;">\&quot;</span>ISO-8859-1<span style="color: #000099; font-weight: bold;">\&quot;</span> ?&gt;&lt;results&gt;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$row</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_fetch_assoc</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$materiales</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;&lt;rs id=<span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'idCatMaterial'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\&quot;</span> info=<span style="color: #000099; font-weight: bold;">\&quot;</span><span style="color: #000099; font-weight: bold;">\&quot;</span>&gt;&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$row</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'nombreMaterial'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/rs&gt;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;&lt;/results&gt;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
&nbsp; &nbsp; <br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">?&gt;</span></div></div>
<p><strong>Explicando get_materiales.php:</strong></p>
<ul>
<li>Para empezar nos encontramos con las cabezeras que sirven para el nuestro navegador no guarde en cache los resultados.</li>
<li><strong>db.php</strong>, <strong>get_db_conn()</strong> y <strong>cleanQuery</strong> son explicados en mi blog en <a href="http://blog.timersys.com/php/dbphp-como-definir-los-parametros-de-conexion-de-tu-base-de-datos/">DB.php : Como definir los parametros de conexión de tu base de datos</a>.</li>
<li><strong>utf8_decode</strong> lo utilizo porque en mi caso yo envio el formulario por AJAX y por lo tanto el campo de texto que se manda a get_materiales lo tengo codificado en UTF-8 como explico en <a href="http://blog.timersys.com/jquery/acentos-y-caracteres-especiales-con-ajax-y-jquery/">Acentos y caracteres especiales con Ajax y JQuery</a>.</li>
<li>Para terminar tan solo queda devolver el resultado en el formato correcto.</li>
</ul>
<p><strong><br />
Formato XML:</strong></p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;results&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;rs <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> info<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Cheshire&quot;</span>&gt;</span>Foobar<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>rs&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;rs <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span> info<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span>&gt;</span>Foobarfly<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>rs&gt;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;rs <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;3&quot;</span> info<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span>&gt;</span>Foobarnacle<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>rs&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>results&gt;</span></div></div>
<p><strong><br />
Formato JSON:</strong></p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&#123;</span> results<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span> id<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;1&quot;</span><span style="color: #339933;">,</span> value<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Foobar&quot;</span><span style="color: #339933;">,</span> info<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Cheshire&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span> id<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;2&quot;</span><span style="color: #339933;">,</span> value<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Foobarfly&quot;</span><span style="color: #339933;">,</span> info<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span> id<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">,</span> value<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Foobarnacle&quot;</span><span style="color: #339933;">,</span> info<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Essex&quot;</span> <span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#93;</span> <span style="color: #009900;">&#125;</span></div></div>
<p>Como anotacíon en mi caso al enviar el formulario compruebo si el material ingresado existe en la base de datos y sino existe lo agrego. Por ese motivo en <strong>noresults</strong> muestro el mensaje de &#8220;Añadir a la base de datos&#8221;.Para ello hago lo siguiente:</p>
<div class="codecolorer-container php mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?</span><br />
<span style="color: #b1b100;">include_once</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'db.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <br />
<span style="color: #000088;">$conn</span><span style="color: #339933;">=</span>get_db_conn<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'materiales'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">!=</span><span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$material</span><span style="color: #339933;">=</span>cleanQuery<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'materiales'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #000088;">$existe</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_query</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;SELECT * FROM materiales WHERE nombreMaterial ='<span style="color: #006699; font-weight: bold;">$material</span>'&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$conn</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">mysql_num_rows</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$existe</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #990000;">mysql_query</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;INSERT INTO materiales (nombreMaterial) VALUES ('<span style="color: #006699; font-weight: bold;">$material</span>')&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$conn</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>&nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
<span style="color: #009900;">&#125;</span><br />
<span style="color: #000000; font-weight: bold;">?&gt;</span></div></div>
<p>Con todo esto tendriamos el autosuggest o caja de sugerencias funcionando a la perfección.</p>
<p>Pueden ver un <a href="http://blog.timersys.com/ejemplos/como-usar-ajax-auto-suggest-v2/">EJEMPLO FUNCIONANDO</a><br />
O tambien <a href="http://blog.timersys.com/ejemplos/como-usar-ajax-auto-suggest-v2.zip">DESCARGARSE EL CÓDIGO</a></p>
<p>Un saludo a todos, espero sus comentarios!</p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/GHZUaPrzMco" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/recursos/como-usar-ajax-auto-suggest-v2-0/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/recursos/como-usar-ajax-auto-suggest-v2-0/</feedburner:origLink></item>
		<item>
		<title>Millions eLottery para eRepublik</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/nOsmc4Cfj14/</link>
		<comments>http://blog.timersys.com/juegos/millions-elottery-para-erepublik/#comments</comments>
		<pubDate>Tue, 11 May 2010 21:58:18 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Juegos]]></category>
		<category><![CDATA[erepublik]]></category>
		<category><![CDATA[Millions eLottery]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=394</guid>
		<description><![CDATA[Para quien no conosca eRepublik decirles que es un juego online que vengo jugando 1 mes o cosa así. Al principio aburria un poco pero las opciones van aumentando a medida que uno juega. Basicamente se trata de un mundo online , donde uno trabaja , come, o lucha por su pais (en mi caso [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://elottery.timersys.com/images/logo2.gif" alt="eLottery" />Para quien no conosca <a href="http://www.erepublik.com/es/facebook/referrer/bladimir+chiflicius">eRepublik</a> decirles que es un juego online que vengo jugando 1 mes o cosa así. Al principio aburria un poco pero las opciones van aumentando a medida que uno juega. Basicamente se trata de un mundo online , donde uno trabaja , come, o lucha por su pais (en mi caso Argentina). Además con el tiempo uno puede crear sus propias companias , organizaciones o partidos políticos pudiendo llegar a ser un magnate de los negocios o presidente del pais.</p>
<p>El caso es que el otro día andaba aburrido y se me ocurrio crear un sistema de loteria para <a href="http://www.erepublik.com/es">eRepublik</a> basado en los números ganadores de la famosa lotería española ONCE (www.once.es).</p>
<p>Así es como nacio <a href="http://elottery.timersys.com"><strong>Millions eLottery</strong></a>. Si algun día les da por jugar , no se olviden que tienen la oportunidad de hacerse eMillonarios <img src='http://blog.timersys.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Saludoss</p>
<p>PD:Si son nuevos usen <a href="http://www.erepublik.com/es/facebook/referrer/bladimir+chiflicius">ESTE LINK</a> para registrarse así me dan un poco de ORO <img src='http://blog.timersys.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/nOsmc4Cfj14" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/juegos/millions-elottery-para-erepublik/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/juegos/millions-elottery-para-erepublik/</feedburner:origLink></item>
		<item>
		<title>JQuery nightMode Plugin</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/FpvInD3pW8E/</link>
		<comments>http://blog.timersys.com/jquery/jquery-nightmode-plugin/#comments</comments>
		<pubDate>Sat, 01 May 2010 16:11:50 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[jquery.plugin]]></category>
		<category><![CDATA[nightMode]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=387</guid>
		<description><![CDATA[Download JQuery nightMode Plugin
/////////////////////////ESPAÑOL //////////////////////
Anoche estaba aburrido y me puse a trabajar en un plugin para JQuery ya que nunca habia echo ninguno . Así nacio nightMode Plugin que es simplemente un script chiquitito que cambia el color de las letras y el fondo de pantalla. Con eso logramos ahorrar un poco de energia apagando [...]]]></description>
			<content:encoded><![CDATA[<p>Download <a href="http://blog.timersys.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<p>/////////////////////////<strong>ESPAÑOL</strong> //////////////////////</p>
<p>Anoche estaba aburrido y me puse a trabajar en un plugin para JQuery ya que nunca habia echo ninguno . Así nacio <strong>nightMode</strong> Plugin que es simplemente un script chiquitito que cambia el color de las letras y el fondo de pantalla. Con eso logramos ahorrar un poco de energia apagando algunos pixeles de nuestra pantalla y además nos facilita la lectura. Espero que les guste!!</p>
<p>El color tanto de las letras o el fondo se puede cambiar pasando opciones.</p>
<p>Uso:</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nightmode&quot;</span>&gt;</span>Turn nightmode On/off<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></div></div>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#nightmode'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Tan solo cambiar body por cualquier selector válido</p>
<p>También se puede ejecutar con opciones</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;<span style="color: #003366; font-weight: bold;">var</span> options<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; color<span style="color: #339933;">:</span> <span style="color: #3366CC;">'#ffffff'</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp;background<span style="color: #339933;">:</span><span style="color: #3366CC;">'#ccc'</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Pueden probar como funciona haciendo click en la lamparita que aparece en la parte superior derecha de mi blog <img src='http://blog.timersys.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Descargar <a href="http://blog.timersys.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<p>////////////////////////<strong>ENGLISH</strong>/////////////////////////////<br />
<strong><br />
JQuery nightMode Plugin</strong> its a funny tiny plugin that will allow you to change your background and letter colors for a night mode. Saving energy turning off pixels of your screen and allowing you to have a confortable read .</p>
<p>Letter colors and background can be moddified by options</p>
<p>Ussage:</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nightmode&quot;</span>&gt;</span>Turn nightmode On/off<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></div></div>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#nightmode'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>Just change body to any valid selector you wish</p>
<p>Can also be called with options:</p>
<div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;<span style="color: #003366; font-weight: bold;">var</span> options<span style="color: #339933;">=</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; color<span style="color: #339933;">:</span> <span style="color: #3366CC;">'#ffffff'</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; &nbsp; background<span style="color: #339933;">:</span><span style="color: #3366CC;">'#ccc'</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">nightMode</span><span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>You can try how it works by clicking on the light bulb on the top right corner of my blog <img src='http://blog.timersys.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /><br />
Download <a href="http://blog.timersys.com/plugins/jquery.nightmode.js">JQuery nightMode Plugin</a></p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/FpvInD3pW8E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/jquery/jquery-nightmode-plugin/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/jquery/jquery-nightmode-plugin/</feedburner:origLink></item>
		<item>
		<title>Windows 7 Dispositivos e Impresoras (Devices and Printers)</title>
		<link>http://feedproxy.google.com/~r/Timersys/~3/5m0quU_LkEg/</link>
		<comments>http://blog.timersys.com/windows/windows-7-dispositivos-e-impresoras-devices-and-printers/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 23:47:07 +0000</pubDate>
		<dc:creator>Damian</dc:creator>
				<category><![CDATA[Windows]]></category>
		<category><![CDATA[windows 7]]></category>

		<guid isPermaLink="false">http://blog.timersys.com/?p=380</guid>
		<description><![CDATA[No suelo dar soluciones a Windows en mi blog pero este problema me hizo perder bastante tiempo, y lo quiero compartir con ustedes.
Mi abuelo del cual estoy orgulloso por como usa la computadora y chatea con 81 años , tambien es un genio en crearme problemas al estropear su maquina de las formas menos pensadas.
La [...]]]></description>
			<content:encoded><![CDATA[<p>No suelo dar soluciones a Windows en mi blog pero este problema me hizo perder bastante tiempo, y lo quiero compartir con ustedes.<br />
Mi abuelo del cual estoy orgulloso por como usa la computadora y chatea con 81 años , tambien es un genio en crearme problemas al estropear su maquina de las formas menos pensadas.</p>
<p>La ultima que se mandó fue que misteriosamente su panel de <strong>Dispositivos e Impresoras</strong> dejó de funcionar. Cuando hace click en el, aparece una ventana MS-DOS que se cierra al instante y la ventana de Dispositivos e Impresoras queda en blanco cargando por la eternidad.</p>
<p>Para mucha gente este problema es debido al servicio de BLUETOOTH ( aunque no tuvieran un bluetooth instalado ) y para ello lo solucionaban facilmente haciendo los siguientes pasos.</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Ir a Inicio, en la barra de búsqueda escribir &quot;servicios&quot; y luego enter.<br />
En el panel de servicios, buscar el servicio llamado &quot;Servicio de compatibilidad con Bluetooth&quot;.<br />
Dar doble-click en el, en el cuadro de dialogo, en la parte donde dice Tipo de inicio: Manual, cambiarlo a autómatico.</div></div>
<p>Al tener en autómatico el servicio windows despejará el problema y se solventa el problema de que se quedaba tildado en bluetooth, dispositivos e impresoras y la desconexion de los dispositivos usb.</p>
<p>Bien , yo fui uno de los cuantos que despues de realizar estos pasos siguió todo igual.Así que segui buscando soluciones y soluciones. Hasta probe un archivo de explorer8-reged.cmd que tampoco hizo nada.</p>
<p>Despues de investigar un par de dias llegué a la conclusión de que el archivo<strong> DeviceDisplayObjectProvider.exe estaba corrupto</strong> y me decidí a sustituirlo por uno que funcione. Pero esto tampoco fue sencillo , así que les dejo los pasos a continuación.</p>
<p>Primero tenemos que tomar control del archivo de la siguiente forma: (Abrir ventana MS-DOS escribiendo cmd en tu barra de búsqueda)</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; takeown /f C:\Windows\System32\DeviceDisplayObjectProvider.exe</div></div>
<p>Eso nos va a convertir en propietarios del archivo , aunque aun no tendremos derechos sobre el. Para ello hacemos:(modificar TuNombreDeUsuario con lo que corresponda)</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; cacls C:\Windows\System32\DeviceDisplayObjectProvider.exe /G TuNombreDeUsuario:F</div></div>
<p>Ahora ya podremos borrar el archivo corrupto y copiar el <a href="http://www.megaupload.com/?d=OJUOMKBF">archivo correcto</a></p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">cd C:\Windows\System32\<br />
rename DeviceDisplayObjectProvider.exe &nbsp;DeviceDisplayObjectProvider.old<br />
<br />
copy c:\ubicacionDelArchivoDescargado\DeviceDisplayObjectProvider.exe &nbsp;C:\Windows\System32\DeviceDisplayObjectProvider.exe</div></div>
<p><strong>UPDATE :</strong> Hacer lo mismo con DeviceCentral.dll y DMRC.dll</p>
<p><a href="http://www.megaupload.com/?d=OJUOMKBF">DECARGAR DeviceDisplayObjectProvider.exe</a><br />
Reiniciamos el PC y si todo salió bien . Volveremos a tener funcionando Dispositivos e Impresoras. Saludos a todos!!!!!</p>
<p>/////////////////////////<strong>ENGLISH VERSION</strong>//////////////////////////////////</p>
<p>Lot of people is having problems with<strong> devices and printers </strong>in Windows 7. Most of them fix the problem by changing the BLUETOOTH services by doing this:</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Click Start button, type &quot;services&quot; into the search program and files box. <br />
This brings up a list in the menu, select Services.<br />
This should open a list of local services on your system.., Find 'Bluetooth Service&quot; and make sure it has started.<br />
Right click and set to 'automatic' (mine was already set), Select &quot;Bluetooth Support Service&quot; and start, set to automatic (mine was set on manual) --</div></div>
<p>After a restart most of users solved their problem. Anyway this was not my case. After several days looking for a solution i discover that my DeviceDisplayObjectProvider.exe file was corrupted. So here you have the steps to replace it with a working version.</p>
<p>First open a MS-DOS windows typen CMD in you search bar.<br />
To take ownership of the file, you’ll need to use the takeown command. Here’s an example:</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; takeown /f C:\Windows\System32\DeviceDisplayObjectProvider.exe</div></div>
<p>That will give you ownership of the file, but you still have no rights to delete it. Now you can run the cacls command to give yourself full control rights to the file:(change YourUsername with yours)</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; cacls C:\Windows\System32\DeviceDisplayObjectProvider.exe /G YourUsername:F</div></div>
<p>Now we are able to rename the file and copy the <a href="http://www.megaupload.com/?d=OJUOMKBF">working file</a></p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">rename DeviceDisplayObjectProvider.exe &nbsp;DeviceDisplayObjectProvider.old<br />
<br />
copy c:\DownloadedFileLocation\DeviceDisplayObjectProvider.exe &nbsp;C:\Windows\System32\DeviceDisplayObjectProvider.exe</div></div>
<p><strong>UPDATE :</strong>Do the same with DeviceCentral.dll and DMRC.dll<br />
<a href="http://www.megaupload.com/?d=OJUOMKBF">DOWNLOAD DeviceDisplayObjectProvider.exe</a><br />
Now lets do a restart and if everything is ok we should have working devices and printers again</p>
<img src="http://feeds.feedburner.com/~r/Timersys/~4/5m0quU_LkEg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.timersys.com/windows/windows-7-dispositivos-e-impresoras-devices-and-printers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://blog.timersys.com/windows/windows-7-dispositivos-e-impresoras-devices-and-printers/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.775 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-07-21 19:51:37 -->
