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

<channel>
	<title>compartecodigo.com</title>
	<atom:link href="http://compartecodigo.com/feed" rel="self" type="application/rss+xml" />
	<link>http://compartecodigo.com</link>
	<description></description>
	<pubDate>Thu, 19 Mar 2009 14:52:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>UTF-8, PHP y MySQL</title>
		<link>http://compartecodigo.com/php/utf-8-php-y-mysql-120.html</link>
		<comments>http://compartecodigo.com/php/utf-8-php-y-mysql-120.html#comments</comments>
		<pubDate>Thu, 19 Mar 2009 14:51:21 +0000</pubDate>
		<dc:creator>compartecodigo.com</dc:creator>
		
		<category><![CDATA[HTML]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[codificación]]></category>

		<category><![CDATA[SQL]]></category>

		<category><![CDATA[utf-8]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=120</guid>
		<description><![CDATA[La codificación utf-8 se esta convirtiendo en algo muy común y a la vez en un dolor de cabeza cuando se combina con PHP i conexiones MySQL. Muchas veces se solventa el tema dejando caracteres extraños en base de datos, algo que poco importa ya que en la visualización final de la web se muestran [...]]]></description>
			<content:encoded><![CDATA[<p>La codificación utf-8 se esta convirtiendo en algo muy común y a la vez en un dolor de cabeza cuando se combina con PHP i conexiones MySQL. Muchas veces se solventa el tema dejando caracteres extraños en base de datos, algo que poco importa ya que en la visualización final de la web se muestran correctamente però que puede ser un problema si nos planteamos migrar nuestra base de datos en un futuro.<br />
<span id="more-120"></span><br />
Para solventar los problemas con la codificación utf-8 entre PHP y MySQL primero deberemos indicar que pretendemos usar esta codificación colocando una cabecera header en el código php (antes de mostrar nada por pantalla;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Content-type: text/html; charset=utf-8&quot;</span><span style="color: #009900;">&#41;</span>; <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>o añadiendo esta linea en los metas de nuestra código HTML;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;</pre></td></tr></table></div>

<p>En segundo lugar deberemos indicar a MySQL que nuestra conexión usará la codificación utf-8 ejecutando esta instrucción justo después de abrir la conexión con base de datos;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php php" style="font-family:monospace;">mysql_set_charset<span style="color: #009900;">&#40;</span><span style="">'utf8'</span><span style="color: #009900;">&#41;</span>;</pre></td></tr></table></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html&amp;title=UTF-8%2C%20PHP%20y%20MySQL" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html&amp;title=UTF-8%2C%20PHP%20y%20MySQL" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html&amp;t=UTF-8%2C%20PHP%20y%20MySQL" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html&amp;title=UTF-8%2C%20PHP%20y%20MySQL" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=UTF-8%2C%20PHP%20y%20MySQL&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html&amp;title=UTF-8%2C%20PHP%20y%20MySQL" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Futf-8-php-y-mysql-120.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/php/utf-8-php-y-mysql-120.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Crear copyright dinámico en ASP</title>
		<link>http://compartecodigo.com/asp/crear-copyright-dinamico-en-asp-116.html</link>
		<comments>http://compartecodigo.com/asp/crear-copyright-dinamico-en-asp-116.html#comments</comments>
		<pubDate>Thu, 11 Dec 2008 17:02:35 +0000</pubDate>
		<dc:creator>josep.rosell</dc:creator>
		
		<category><![CDATA[ASP]]></category>

		<category><![CDATA[copyright]]></category>

		<category><![CDATA[función]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=116</guid>
		<description><![CDATA[Dar información sobre el copyright es importante, pero aún más es dar esta información actualizada. Para llevar a cabo esta tarea en ASP y no tener que preocuparnos de actualizar el pie de nuestra web podemos utilizar esta simple función que realizará el trabajo por nosotros.


1
2
3
4
5
6
7
8
9
&#60;%
Function CopyrightDinamico&#40;anoCreacion&#41;
    If Year&#40;Now&#41; &#62; anoCreacion Then
 [...]]]></description>
			<content:encoded><![CDATA[<p>Dar información sobre el copyright es importante, pero aún más es dar esta información actualizada. Para llevar a cabo esta tarea en ASP y no tener que preocuparnos de actualizar el pie de nuestra web podemos utilizar esta simple función que realizará el trabajo por nosotros.<br />
<span id="more-116"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="asp asp" style="font-family:monospace;"><span style="color: #0000ff; font-weight: bold;">&lt;%</span>
<span style="color: #0000ff; font-weight: bold;">Function</span> CopyrightDinamico<span style="color: #006600; font-weight:bold">&#40;</span>anoCreacion<span style="color: #006600; font-weight:bold">&#41;</span>
    <span style="color: #990099; font-weight: bold;">If</span> <span style="color: #330066;">Year</span><span style="color: #006600; font-weight:bold">&#40;</span><span style="color: #330066;">Now</span><span style="color: #006600; font-weight:bold">&#41;</span> <span style="color: #006600; font-weight: bold">&gt;</span> anoCreacion <span style="color: #990099; font-weight: bold;">Then</span>
        CopyrightDinamico <span style="color: #006600; font-weight: bold">=</span> anoCreacion <span style="color: #006600; font-weight: bold">&amp;</span> <span style="color: #cc0000;">&quot;-&quot;</span> <span style="color: #006600; font-weight: bold">&amp;</span> <span style="color: #330066;">Year</span><span style="color: #006600; font-weight:bold">&#40;</span><span style="color: #330066;">Now</span><span style="color: #006600; font-weight:bold">&#41;</span>
    <span style="color: #990099; font-weight: bold;">Else</span>
        CopyrightDinamico <span style="color: #006600; font-weight: bold">=</span> anoCreacion
    <span style="color: #990099; font-weight: bold;">End</span> <span style="color: #990099; font-weight: bold;">If</span>
<span style="color: #990099; font-weight: bold;">End</span> <span style="color: #0000ff; font-weight: bold;">Function</span>
<span style="color: #0000ff; font-weight: bold;">%&gt;</span></pre></td></tr></table></div>

<p>Para llamar esta función en nuestro código deberíamos usar:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="asp asp" style="font-family:monospace;">Copyright © <span style="color: #0000ff; font-weight: bold;">&lt;%</span><span style="color: #006600; font-weight: bold">=</span>CopyrightDinamico<span style="color: #006600; font-weight:bold">&#40;</span><span style="color: #800000;">2007</span><span style="color: #006600; font-weight:bold">&#41;</span> <span style="color: #0000ff; font-weight: bold;">%&gt;</span>. Todos los derechos reservados.</pre></td></tr></table></div>

<p>El resultado de ejecutar esta función sería: <em>Copyright © 2000-2008. Todos los derechos reservados.</em></p>
<p>Fuente | <a href="http://www.codefixer.com/codesnippets/dynamic_copyright.asp" rel="nofollow">Codefixer</a></p>



Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html&amp;title=Crear%20copyright%20din%C3%A1mico%20en%20ASP" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html&amp;title=Crear%20copyright%20din%C3%A1mico%20en%20ASP" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html&amp;t=Crear%20copyright%20din%C3%A1mico%20en%20ASP" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html&amp;title=Crear%20copyright%20din%C3%A1mico%20en%20ASP" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Crear%20copyright%20din%C3%A1mico%20en%20ASP&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html&amp;title=Crear%20copyright%20din%C3%A1mico%20en%20ASP" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fasp%2Fcrear-copyright-dinamico-en-asp-116.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/asp/crear-copyright-dinamico-en-asp-116.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Redirección 301</title>
		<link>http://compartecodigo.com/php/redireccion-301-105.html</link>
		<comments>http://compartecodigo.com/php/redireccion-301-105.html#comments</comments>
		<pubDate>Tue, 09 Dec 2008 16:50:13 +0000</pubDate>
		<dc:creator>lali.masriera</dc:creator>
		
		<category><![CDATA[ASP]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[htaccess]]></category>

		<category><![CDATA[Redirección]]></category>

		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=105</guid>
		<description><![CDATA[Cuando necesitemos realizar una redirección por cambio de dominio (o porque tenemos dos dominios que queremos que apunten a un mismo host) podemos optar por hacer una redirección 301. Este tipo de redirección se creó teoricamente para casos en los que uno se cambia definitivamente de dominio y no quiere perder a los usuarios que [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando necesitemos realizar una redirección por cambio de dominio (o porque tenemos dos dominios que queremos que apunten a un mismo host) podemos optar por hacer una <strong>redirección 301</strong>. Este tipo de redirección se creó teoricamente para casos en los que uno se cambia definitivamente de dominio y no quiere perder a los usuarios que accedan al anterior dominio (la definición en inglés es &#8220;Moved Permanently&#8221;). Para hacerla sólamente tendremos que insetar el siguiente código en nuestro archivo index:</p>
<h3>Redirección 301 con HTML:</h3>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;head&gt;
&lt;meta http-equiv=&quot;refresh&quot;
content=&quot;0;URL=http://www.direccion-a-la-que-redireccionamos.com/&quot;&gt;
&lt;title&gt;Ésta página ha cambiado de dirección&lt;/title&gt;
&lt;/head&gt;</pre></div></div>

<h3>Redirección 301 con PHP:</h3>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #990000;">Header</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">&quot;HTTP/1.1 301 Moved Permanently&quot;</span> <span style="color: #009900;">&#41;</span>;
<span style="color: #990000;">Header</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">&quot;Location: http://www.direccion-a-la-que-redireccionamos.com&quot;</span> <span style="color: #009900;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<h3>Redirección 301 con ASP:</h3>

<div class="wp_syntax"><div class="code"><pre class="asp asp" style="font-family:monospace;"><span style="color: #0000ff; font-weight: bold;">&lt;%</span>
<span style="color: #990099; font-weight: bold;">Response</span>.<span style="color: #330066;">Status</span><span style="color: #006600; font-weight: bold">=</span><span style="color: #cc0000;">&quot;301 Moved Permanently&quot;</span>
<span style="color: #990099; font-weight: bold;">Response</span>.<span style="color: #330066;">AddHeader</span> <span style="color: #cc0000;">&quot;Location&quot;</span>, <span style="color: #cc0000;">&quot;http://www.direccion-a-la-que-redireccionamos.com&quot;</span>
<span style="color: #0000ff; font-weight: bold;">%&gt;</span></pre></div></div>

<h3>Redirección 301 con ModRewrite:</h3>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;">RewriteEngine On
RewriteRule <span style="color: #339933;">.*</span> http<span style="color: #339933;">:</span><span style="color: #666666; font-style: italic;">//www.direccion-a-la-que-redireccionamos.com/ [R=301]</span></pre></div></div>

<h3>Redirección 301 a través de .htacces:</h3>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;">Redirect <span style="color: #cc66cc;">301</span> <span style="color: #339933;">/</span> http<span style="color: #339933;">:</span><span style="color: #666666; font-style: italic;">//www.direccion-a-la-que-redireccionamos.com/</span></pre></div></div>

<p>Uno de los aspectos que debemos tener en cuenta si pretendemos tener un buen posicionamiento natural (SEO) es el hecho que Google penaliza las páginas web con contenido duplicado (dos webs que tienen el mismo contenido), así que realizar una redirección 301 es una buena opción.</p>



Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html&amp;title=Redirecci%C3%B3n%20301" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html&amp;title=Redirecci%C3%B3n%20301" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html&amp;t=Redirecci%C3%B3n%20301" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html&amp;title=Redirecci%C3%B3n%20301" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Redirecci%C3%B3n%20301&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html&amp;title=Redirecci%C3%B3n%20301" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fphp%2Fredireccion-301-105.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/php/redireccion-301-105.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Menu horizontal simple con CSS</title>
		<link>http://compartecodigo.com/css/menu-horizontal-simple-con-css-83.html</link>
		<comments>http://compartecodigo.com/css/menu-horizontal-simple-con-css-83.html#comments</comments>
		<pubDate>Fri, 05 Dec 2008 10:07:04 +0000</pubDate>
		<dc:creator>lali.masriera</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[Menu]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=83</guid>
		<description><![CDATA[La forma correcta de realizar un menú en HTML es utilizar un formato de lista (ya sea UL o OL). Las listas por defecto se mostrarán en vertical, pero podemos hacer que nuestro menú tenga una semántica correcta y tener un menú horizontal.
Empezaremos con el menú más simple:
Código HTML para el menú:

&#60;ul id=&#34;menu_uno&#34;&#62;
	&#60;li&#62;&#60;a href=&#34;###&#34;&#62;Empresa&#60;/a&#62;&#60;/li&#62;
	&#60;li&#62;&#60;a href=&#34;###&#34;&#62;Tiendas&#60;/a&#62;&#60;/li&#62;
	&#60;li&#62;&#60;a [...]]]></description>
			<content:encoded><![CDATA[<p>La forma correcta de realizar un menú en HTML es utilizar un formato de lista (ya sea <abbr title="Unordered List">UL</abbr> o <abbr title="Ordered List">OL</abbr>). Las listas por defecto se mostrarán en vertical, pero podemos hacer que nuestro menú tenga una semántica correcta y tener un menú horizontal.</p>
<p><strong>Empezaremos con el menú más simple:</strong><br />
Código HTML para el menú:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;ul id=&quot;menu_uno&quot;&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Empresa&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Tiendas&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Productos&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Proyectos&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Servicios&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;###&quot;&gt;Contacto&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</pre></div></div>

<p><span id="more-83"></span><br />
Código CSS para el menú más simple:</p>

<div class="wp_syntax"><div class="code"><pre class="css css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FFF</span>; <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span>; <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span>; <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">80</span>%</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#header</span> ul <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#F2F2F2</span>; <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span>; <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> 0; <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span>;<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#header</span> ul li <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inline</span>; <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> 0 <span style="color: #933;">10px</span>;<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#header</span> ul li a <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#222</span>;<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#header</span> ul li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#cb0000</span>;<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>A partir de este punto, podemos empezar a complicar los estilos y las propiedades del menú (pestanyas, desplegables, clases&#8230;). Hemos preparado algunos ejemplos <b>simples</b> (los complicaremos más adelante) que podeis encontrar aquí:<br />
<a href="http://ejemplos.compartecodigo.com/menucss/menu_horizontal_css.html">Ver ejemplos de menus horizontales con CSS</a>.</p>



Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html&amp;title=Menu%20horizontal%20simple%20con%20CSS" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html&amp;title=Menu%20horizontal%20simple%20con%20CSS" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html&amp;t=Menu%20horizontal%20simple%20con%20CSS" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html&amp;title=Menu%20horizontal%20simple%20con%20CSS" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Menu%20horizontal%20simple%20con%20CSS&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html&amp;title=Menu%20horizontal%20simple%20con%20CSS" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fmenu-horizontal-simple-con-css-83.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/css/menu-horizontal-simple-con-css-83.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Imprimir la dirección de un link con CSS</title>
		<link>http://compartecodigo.com/css/imprimir-la-direccion-deun-link-con-css-71.html</link>
		<comments>http://compartecodigo.com/css/imprimir-la-direccion-deun-link-con-css-71.html#comments</comments>
		<pubDate>Sat, 29 Nov 2008 21:39:42 +0000</pubDate>
		<dc:creator>lali.masriera</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[CSS2]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=71</guid>
		<description><![CDATA[Imprimir la dirección de un link con CSS es una práctica muy recomendable. Si cuando nos imprimimos un artículo (ya sea en papel o en PDF) no podemos saber a dónde apunta cada enlace estamos perdiendo información que puede resultar importante. 
Para conseguir que la URL de destino aparezca al lado del texto enlazado cuando [...]]]></description>
			<content:encoded><![CDATA[<p>Imprimir la dirección de un link con CSS es una práctica muy recomendable. Si cuando nos imprimimos un artículo (ya sea en papel o en PDF) no podemos saber a dónde apunta cada enlace estamos perdiendo información que puede resultar importante. </p>
<p>Para conseguir que la URL de destino aparezca al lado del texto enlazado cuando realicemos una impresión tenemos que asignar primero un CSS para impresión de la siguiente manera:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;print&quot; href=&quot;print.css&quot; /&gt;</pre></div></div>

<p>En nuestro <b>print.css</b> solamente tendremos que asignar a los enlaces la siguiente propiedad de CSS2 (teniendo en cuenta que esta propiedad <span id="more-71"></span>únicamente se verá en navagadores que soporten estar versión de CSS, en caso de que no la soporten, no aparecerá nada y tampoco tendremos ningún resultado negativo):</p>

<div class="wp_syntax"><div class="code"><pre class="css css" style="font-family:monospace;">a<span style="color: #3333ff;">:link</span><span style="color: #3333ff;">:after</span><span style="color: #00AA00;">,</span> a<span style="color: #3333ff;">:visited</span><span style="color: #3333ff;">:after </span><span style="color: #00AA00;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">content</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">&quot; (&quot;</span> attr<span style="color: #00AA00;">&#40;</span>href<span style="color: #00AA00;">&#41;</span> <span style="color: #ff0000;">&quot;) &quot;</span>;
<span style="color: #00AA00;">&#125;</span></pre></div></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html&amp;title=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html&amp;title=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html&amp;t=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html&amp;title=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html&amp;title=Imprimir%20la%20direcci%C3%B3n%20de%20un%20link%20con%20CSS" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fimprimir-la-direccion-deun-link-con-css-71.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/css/imprimir-la-direccion-deun-link-con-css-71.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Validar array vacío en Smarty</title>
		<link>http://compartecodigo.com/smarty/validar-array-vacio-en-smarty-68.html</link>
		<comments>http://compartecodigo.com/smarty/validar-array-vacio-en-smarty-68.html#comments</comments>
		<pubDate>Tue, 25 Nov 2008 12:10:01 +0000</pubDate>
		<dc:creator>josep.rosell</dc:creator>
		
		<category><![CDATA[Smarty]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[validar]]></category>

		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=68</guid>
		<description><![CDATA[Smarty es un motor de plantillas para PHP. Smarty separa el código PHP, como lógica de negocios, del código HTML, como lógica de presentación, y genera contenidos web mediante a la colocación de etiquetas Smarty en un documento.
Para validar si un vector (array) está vacío usando Smarty podemos usar dos formas, la tradicional de PHP

1
&#123;if [...]]]></description>
			<content:encoded><![CDATA[<p>Smarty es un motor de plantillas para PHP. Smarty separa el código PHP, como lógica de negocios, del código HTML, como lógica de presentación, y genera contenidos web mediante a la colocación de etiquetas Smarty en un documento.</p>
<p>Para validar si un vector (array) está vacío usando Smarty podemos usar dos formas, la tradicional de PHP</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #339933;">!</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$miarray</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>o una función modificadora de Smarty</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #009900;">&#123;</span><span style="color: #b1b100;">if</span> <span style="color: #000088;">$miarray</span>|@<span style="color: #990000;">count</span> gt <span style="color:#800080;">0</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#123;</span><span style="color: #339933;">/</span><span style="color: #b1b100;">if</span><span style="color: #009900;">&#125;</span></pre></td></tr></table></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html&amp;title=Validar%20array%20vac%C3%ADo%20en%20Smarty" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html&amp;title=Validar%20array%20vac%C3%ADo%20en%20Smarty" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html&amp;t=Validar%20array%20vac%C3%ADo%20en%20Smarty" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html&amp;title=Validar%20array%20vac%C3%ADo%20en%20Smarty" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Validar%20array%20vac%C3%ADo%20en%20Smarty&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html&amp;title=Validar%20array%20vac%C3%ADo%20en%20Smarty" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fsmarty%2Fvalidar-array-vacio-en-smarty-68.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/smarty/validar-array-vacio-en-smarty-68.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Validar el dígito de control de una cuenta bancaria española</title>
		<link>http://compartecodigo.com/javascript/validar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html</link>
		<comments>http://compartecodigo.com/javascript/validar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html#comments</comments>
		<pubDate>Wed, 19 Nov 2008 14:43:28 +0000</pubDate>
		<dc:creator>josep.rosell</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[cuenta bancaria]]></category>

		<category><![CDATA[función]]></category>

		<category><![CDATA[validar campo]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=65</guid>
		<description><![CDATA[Este script programado en javascript nos permite validar los dígitos de control de una cuenta bancaria española. La cuentas bancarias en España tienen 20 dígitos numéricos de los cuales los 4 primeros identifican al banco, los 4 siguientes la sucursal, otros dos validan los 8 números anteriores y los 10 siguientes, y a su vez [...]


<b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/javascript/validar-nif-cif-nie-segun-ley-vigente-31.html' rel='bookmark' title='Permanent Link: Validar NIF, CIF, NIE según ley vigente'>Validar NIF, CIF, NIE según ley vigente</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Este script programado en javascript nos permite validar los dígitos de control de una cuenta bancaria española. La cuentas bancarias en España tienen 20 dígitos numéricos de los cuales los 4 primeros identifican al banco, los 4 siguientes la sucursal, otros dos validan los 8 números anteriores y los 10 siguientes, y a su vez estos diez representan la cuenta.<br />
<span id="more-65"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
</pre></td><td class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> obtenerDigito<span style="color: #009900;">&#40;</span>valor<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	valores <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">4</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">8</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">9</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">7</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">3</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">6</span><span style="color: #009900;">&#41;</span>;
	control <span style="color: #339933;">=</span> 0;
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span>0; i<span style="color: #339933;">&lt;=</span><span style="color: #CC0000;">9</span>; i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		control <span style="color: #339933;">+=</span> parseInt<span style="color: #009900;">&#40;</span>valor.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> valores<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>;
	<span style="color: #009900;">&#125;</span>
	control <span style="color: #339933;">=</span> <span style="color: #CC0000;">11</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>control <span style="color: #339933;">%</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span>;
&nbsp;
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>control <span style="color: #339933;">==</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span> control <span style="color: #339933;">=</span> 0;
	<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>control <span style="color: #339933;">==</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span> control <span style="color: #339933;">=</span> <span style="color: #CC0000;">1</span>;
&nbsp;
	<span style="color: #000066; font-weight: bold;">return</span> control;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> numerico<span style="color: #009900;">&#40;</span>valor<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	cad <span style="color: #339933;">=</span> valor.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span>0; i<span style="color: #339933;">&lt;</span>cad.<span style="color: #660066;">length</span>; i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> caracter <span style="color: #339933;">=</span> cad.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span>;
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>caracter<span style="color: #339933;">&lt;</span><span style="color: #3366CC;">&quot;0&quot;</span> || caracter<span style="color: #339933;">&gt;</span><span style="color: #3366CC;">&quot;9&quot;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span>;
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span>;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> validar_ccc <span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#41;</span> 
<span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">banco</span>.<span style="color: #660066;">value</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span>  || f.<span style="color: #660066;">sucursal</span>.<span style="color: #660066;">value</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span> || f.<span style="color: #660066;">dc</span>.<span style="color: #660066;">value</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span> || f.<span style="color: #660066;">cuenta</span>.<span style="color: #660066;">value</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Por favor, introduzca los datos de su cuenta&quot;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span> 
	<span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">banco</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">4</span> || f.<span style="color: #660066;">sucursal</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">4</span> || f.<span style="color: #660066;">dc</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">2</span> || f.<span style="color: #660066;">cuenta</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Por favor, introduzca correctamente los datos de su cuenta;&quot;</span><span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; no están completos&quot;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">else</span> 
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>numerico<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">banco</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span>numerico<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">sucursal</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span>numerico<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">dc</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span>numerico<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">cuenta</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Por favor, introduzca correctamente los datos de su &quot;</span><span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;cuenta; no son numericos&quot;</span><span style="color: #009900;">&#41;</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span> 
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #009900;">&#40;</span>obtenerDigito<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;00&quot;</span> <span style="color: #339933;">+</span> f.<span style="color: #660066;">banco</span>.<span style="color: #660066;">value</span> <span style="color: #339933;">+</span> f.<span style="color: #660066;">sucursal</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> parseInt<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">dc</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span>0<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> || <span style="color: #339933;">!</span><span style="color: #009900;">&#40;</span>obtenerDigito<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">cuenta</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> parseInt<span style="color: #009900;">&#40;</span>f.<span style="color: #660066;">dc</span>.<span style="color: #660066;">value</span>.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
				<span style="color: #009900;">&#123;</span>
					<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Los dígitos de control no se corresponden con los demás&quot;</span><span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; números de la cuenta&quot;</span><span style="color: #009900;">&#41;</span>;
				<span style="color: #009900;">&#125;</span>
				<span style="color: #000066; font-weight: bold;">else</span>
				<span style="color: #009900;">&#123;</span>
					<span style="color: #000066;">alert</span> <span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;CCC correcto&quot;</span><span style="color: #009900;">&#41;</span>;
				<span style="color: #009900;">&#125;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Fuente | <a href="http://www.webtaller.com/construccion/lenguajes/javascript/lecciones/validacion_del_numero_de_cuenta_ccc_en_javascript.php" rel="nofollow">Webtaller</a></p>



Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html&amp;title=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html&amp;title=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html&amp;t=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html&amp;title=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html&amp;title=Validar%20el%20d%C3%ADgito%20de%20control%20de%20una%20cuenta%20bancaria%20espa%C3%B1ola" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>

<p><b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/javascript/validar-nif-cif-nie-segun-ley-vigente-31.html' rel='bookmark' title='Permanent Link: Validar NIF, CIF, NIE según ley vigente'>Validar NIF, CIF, NIE según ley vigente</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/javascript/validar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Hacks para Opera y Safari</title>
		<link>http://compartecodigo.com/css/hacks-para-opera-y-safari-52.html</link>
		<comments>http://compartecodigo.com/css/hacks-para-opera-y-safari-52.html#comments</comments>
		<pubDate>Tue, 18 Nov 2008 08:23:37 +0000</pubDate>
		<dc:creator>lali.masriera</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[hacks]]></category>

		<category><![CDATA[navegadores]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=52</guid>
		<description><![CDATA[A la hora de maquetar con HTML y CSS siempre nos encontramos algunas diferencias entre navegadores (idealmente, ninguna&#8230;) y por eso necesitaremos alguna &#8220;sintaxi&#8221; para poder especificar que esa propiedad sólo debe afectar a un navegador (o versión de navegador en el caso de Internet Explorer). Ya vimos cómo hacer comentarios condicionales para Internet Explorer [...]


<b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/css/comentarios-condicionales-para-internet-explorer-9.html' rel='bookmark' title='Permanent Link: Comentarios condicionales para Internet Explorer'>Comentarios condicionales para Internet Explorer</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>A la hora de maquetar con HTML y CSS siempre nos encontramos algunas diferencias entre navegadores (idealmente, ninguna&#8230;) y por eso necesitaremos alguna &#8220;sintaxi&#8221; para poder especificar que esa propiedad sólo debe afectar a un navegador (o versión de navegador en el caso de Internet Explorer). Ya vimos cómo hacer <a href="http://compartecodigo.com/css/comentarios-condicionales-para-internet-explorer-9.html">comentarios condicionales para Internet Explorer</a> (que suelen ser los más comunes), pero a veces necesitamos hacer lo mismo con <a href="http://www.opera.com/">Opera</a> o <a href="http://www.apple.com/es/safari/">Safari</a>. Para estos casos, el código es el siguiente:</p>
<h3>Sintaxis de hacks para Opera y Safari</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="css css" style="font-family:monospace;"><span style="color: #a1a100;">@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)</span>
<span style="color: #00AA00;">&#123;</span>
- Contenido -
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p><span id="more-52"></span></p>
<h3>Ejemplo de hacks para Opera y Safari</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="css css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">12px</span>; <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#000</span>;<span style="color: #00AA00;">&#125;</span>
<span style="color: #a1a100;">@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)</span>
<span style="color: #00AA00;">&#123;</span>
body <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">13px</span>; <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#999</span>;<span style="color: #00AA00;">&#125;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html&amp;title=Hacks%20para%20Opera%20y%20Safari" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html&amp;title=Hacks%20para%20Opera%20y%20Safari" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html&amp;t=Hacks%20para%20Opera%20y%20Safari" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html&amp;title=Hacks%20para%20Opera%20y%20Safari" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Hacks%20para%20Opera%20y%20Safari&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html&amp;title=Hacks%20para%20Opera%20y%20Safari" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fhacks-para-opera-y-safari-52.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>

<p><b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/css/comentarios-condicionales-para-internet-explorer-9.html' rel='bookmark' title='Permanent Link: Comentarios condicionales para Internet Explorer'>Comentarios condicionales para Internet Explorer</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/css/hacks-para-opera-y-safari-52.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Centrar un div horizontalmente</title>
		<link>http://compartecodigo.com/css/centrar-un-div-horizontalmente-43.html</link>
		<comments>http://compartecodigo.com/css/centrar-un-div-horizontalmente-43.html#comments</comments>
		<pubDate>Thu, 13 Nov 2008 12:49:43 +0000</pubDate>
		<dc:creator>lali.masriera</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=43</guid>
		<description><![CDATA[Para centrar un div horizontalmente a cualquier resolución de pantalla, sólamente le tenemos que asignar dos valores (como mínimo):

Margin: tendrá que ser &#8220;auto&#8221; para los valores right y left
Width: para centrar un div siempre necesitamos darle un ancho


1
2
3
4
div#container &#123;
margin: 0 auto; /* Que es lo mismo que margin: 0px auto 0px auto; */
width: 700px;
&#125;




Compartir:


	
	
	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p>Para <strong>centrar un div horizontalmente</strong> a cualquier resolución de pantalla, sólamente le tenemos que asignar dos valores (como mínimo):</p>
<ul>
<li><strong>Margin</strong>: tendrá que ser &#8220;auto&#8221; para los valores <em>right</em> y <em>left</em></li>
<li><strong>Width</strong>: para centrar un div <b>siempre</b> necesitamos darle un ancho</li>
</ul>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="css css" style="font-family:monospace;">div<span style="color: #cc00cc;">#container</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> 0 <span style="color: #993333;">auto</span>; <span style="color: #808080; font-style: italic;">/* Que es lo mismo que margin: 0px auto 0px auto; */</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">700px</span>;
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html&amp;title=Centrar%20un%20div%20horizontalmente" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html&amp;title=Centrar%20un%20div%20horizontalmente" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html&amp;t=Centrar%20un%20div%20horizontalmente" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html&amp;title=Centrar%20un%20div%20horizontalmente" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Centrar%20un%20div%20horizontalmente&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html&amp;title=Centrar%20un%20div%20horizontalmente" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fcss%2Fcentrar-un-div-horizontalmente-43.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/css/centrar-un-div-horizontalmente-43.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Validar NIF, CIF, NIE según ley vigente</title>
		<link>http://compartecodigo.com/javascript/validar-nif-cif-nie-segun-ley-vigente-31.html</link>
		<comments>http://compartecodigo.com/javascript/validar-nif-cif-nie-segun-ley-vigente-31.html#comments</comments>
		<pubDate>Wed, 12 Nov 2008 15:35:37 +0000</pubDate>
		<dc:creator>josep.rosell</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[cif]]></category>

		<category><![CDATA[nie]]></category>

		<category><![CDATA[nif]]></category>

		<category><![CDATA[validar campo]]></category>

		<guid isPermaLink="false">http://compartecodigo.com/?p=31</guid>
		<description><![CDATA[Función en javascript que nos permite validar los NIF, CIF y NIE españoles según las leyes vigentes teniendo en cuenta todas las combinaciones incluidas las nuevas variantes de NIE con &#8216;T&#8217;, &#8216;Y&#8217; y &#8216;Z&#8217; así como todas las variantes de CIF para empresas, entidades, asociaciones, etc.

La función retorna los siguientes valores:

1 > NIF correcto / [...]


<b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/javascript/validar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html' rel='bookmark' title='Permanent Link: Validar el dígito de control de una cuenta bancaria española'>Validar el dígito de control de una cuenta bancaria española</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Función en javascript que nos permite <strong>validar los NIF, CIF y NIE</strong> españoles según las leyes vigentes teniendo en cuenta todas las combinaciones incluidas las nuevas variantes de NIE con &#8216;T&#8217;, &#8216;Y&#8217; y &#8216;Z&#8217; así como todas las variantes de CIF para empresas, entidades, asociaciones, etc.<br />
<span id="more-31"></span></p>
<p>La función retorna los siguientes valores:</p>
<ul>
<li>1 > NIF correcto / -1 > NIF incorrecto</li>
<li>2 > CIF correcto / -2 > CIF incorrecto</li>
<li>3 > NIE correcto / -3 > NIE incorrecto</li>
<li>0 > Valor desconocido (campo vacio, formato incorrecto, etc)</li>
</ul>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
</pre></td><td class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//Retorna: 1 = NIF ok, 2 = CIF ok, 3 = NIE ok, -1 = NIF error, -2 = CIF error, -3 = NIE error, 0 = ??? error</span>
<span style="color: #003366; font-weight: bold;">function</span> valida_nif_cif_nie<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#41;</span> 
<span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> temp<span style="color: #339933;">=</span>a.<span style="color: #660066;">toUpperCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>;
	<span style="color: #003366; font-weight: bold;">var</span> cadenadni<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;TRWAGMYFPDXBNJZSQVHLCKE&quot;</span>;
&nbsp;
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>temp<span style="color: #339933;">!==</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #006600; font-style: italic;">//si no tiene un formato valido devuelve error</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!/^</span><span style="color: #009900;">&#91;</span>A<span style="color: #339933;">-</span>Z<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#91;</span>0<span style="color: #339933;">-</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">7</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#91;</span>A<span style="color: #339933;">-</span>Z0<span style="color: #339933;">-</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#125;</span>$<span style="color: #339933;">/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!/^</span><span style="color: #009900;">&#91;</span>T<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#91;</span>A<span style="color: #339933;">-</span>Z0<span style="color: #339933;">-</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#125;</span>$<span style="color: #339933;">/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!/^</span><span style="color: #009900;">&#91;</span>0<span style="color: #339933;">-</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#91;</span>A<span style="color: #339933;">-</span>Z<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#125;</span>$<span style="color: #339933;">/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> 0;
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">//comprobacion de NIFs estandar</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^[0-9]{8}[A-Z]{1}$/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			posicion <span style="color: #339933;">=</span> a.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">8</span><span style="color: #339933;">,</span>0<span style="color: #009900;">&#41;</span> <span style="color: #339933;">%</span> <span style="color: #CC0000;">23</span>;
			letra <span style="color: #339933;">=</span> cadenadni.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span>posicion<span style="color: #009900;">&#41;</span>;
			<span style="color: #003366; font-weight: bold;">var</span> letradni<span style="color: #339933;">=</span>temp.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#41;</span>;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>letra <span style="color: #339933;">==</span> letradni<span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
			   	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">1</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">1</span>;
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">//algoritmo para comprobacion de codigos tipo CIF</span>
		suma <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>parseInt<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>parseInt<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">1</span>; i <span style="color: #339933;">&lt;</span> <span style="color: #CC0000;">8</span>; i <span style="color: #339933;">+=</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			temp1 <span style="color: #339933;">=</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">*</span> parseInt<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>;
			temp1 <span style="color: #339933;">+=</span> <span style="color: #3366CC;">''</span>;
			temp1 <span style="color: #339933;">=</span> temp1.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>0<span style="color: #339933;">,</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span>;
			temp2 <span style="color: #339933;">=</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">*</span> parseInt<span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>;
			temp2 <span style="color: #339933;">+=</span> <span style="color: #3366CC;">''</span>;
			temp2 <span style="color: #339933;">=</span> temp2.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span>;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>temp2 <span style="color: #339933;">==</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				temp2 <span style="color: #339933;">=</span> <span style="color: #3366CC;">'0'</span>;
			<span style="color: #009900;">&#125;</span>
&nbsp;
			suma <span style="color: #339933;">+=</span> <span style="color: #009900;">&#40;</span>parseInt<span style="color: #009900;">&#40;</span>temp1<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> parseInt<span style="color: #009900;">&#40;</span>temp2<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;
		<span style="color: #009900;">&#125;</span>
		suma <span style="color: #339933;">+=</span> <span style="color: #3366CC;">''</span>;
		n <span style="color: #339933;">=</span> <span style="color: #CC0000;">10</span> <span style="color: #339933;">-</span> parseInt<span style="color: #009900;">&#40;</span>suma.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>suma.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> suma.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;
&nbsp;
		<span style="color: #006600; font-style: italic;">//comprobacion de NIFs especiales (se calculan como CIFs)</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^[KLM]{1}/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> String.<span style="color: #660066;">fromCharCode</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">64</span> <span style="color: #339933;">+</span> n<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">1</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">1</span>;
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">//comprobacion de CIFs</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^[ABCDEFGHJNPQRSUVW]{1}/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			temp <span style="color: #339933;">=</span> n <span style="color: #339933;">+</span> <span style="color: #3366CC;">''</span>;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> String.<span style="color: #660066;">fromCharCode</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">64</span> <span style="color: #339933;">+</span> n<span style="color: #009900;">&#41;</span> || a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> parseInt<span style="color: #009900;">&#40;</span>temp.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>temp.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> temp.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">2</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">2</span>;
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">//comprobacion de NIEs</span>
		<span style="color: #006600; font-style: italic;">//T</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^[T]{1}/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #009966; font-style: italic;">/^[T]{1}[A-Z0-9]{8}$/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">3</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">3</span>;
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">//XYZ</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/^[XYZ]{1}/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			pos <span style="color: #339933;">=</span> str_replace<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'X'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Y'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Z'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'0'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'1'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'2'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> temp<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>0<span style="color: #339933;">,</span> <span style="color: #CC0000;">8</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">%</span> <span style="color: #CC0000;">23</span>;
			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>a<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> cadenadni.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>pos<span style="color: #339933;">,</span> pos <span style="color: #339933;">+</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">3</span>;
			<span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">3</span>;
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">return</span> 0;
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Para los cálculos se usa esta función auxiliar que emula el str_replace de PHP</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
</pre></td><td class="code"><pre class="javascript javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> str_replace<span style="color: #009900;">&#40;</span>search<span style="color: #339933;">,</span> replace<span style="color: #339933;">,</span> subject<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">// http://kevin.vanzonneveld.net</span>
    <span style="color: #006600; font-style: italic;">// +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)</span>
    <span style="color: #006600; font-style: italic;">// +   improved by: Gabriel Paderni</span>
    <span style="color: #006600; font-style: italic;">// +   improved by: Philip Peterson</span>
    <span style="color: #006600; font-style: italic;">// +   improved by: Simon Willison (http://simonwillison.net)</span>
    <span style="color: #006600; font-style: italic;">// +    revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)</span>
    <span style="color: #006600; font-style: italic;">// +   bugfixed by: Anton Ongson</span>
    <span style="color: #006600; font-style: italic;">// +      input by: Onno Marsman</span>
    <span style="color: #006600; font-style: italic;">// +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)</span>
    <span style="color: #006600; font-style: italic;">// +    tweaked by: Onno Marsman</span>
    <span style="color: #006600; font-style: italic;">// *     example 1: str_replace(' ', '.', 'Kevin van Zonneveld');</span>
    <span style="color: #006600; font-style: italic;">// *     returns 1: 'Kevin.van.Zonneveld'</span>
    <span style="color: #006600; font-style: italic;">// *     example 2: str_replace(['{name}', 'l'], ['hello', 'm'], '{name}, lars');</span>
    <span style="color: #006600; font-style: italic;">// *     returns 2: 'hemmo, mars'</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> f <span style="color: #339933;">=</span> search<span style="color: #339933;">,</span> r <span style="color: #339933;">=</span> replace<span style="color: #339933;">,</span> s <span style="color: #339933;">=</span> subject;
    <span style="color: #003366; font-weight: bold;">var</span> ra <span style="color: #339933;">=</span> r <span style="color: #000066; font-weight: bold;">instanceof</span> Array<span style="color: #339933;">,</span> sa <span style="color: #339933;">=</span> s <span style="color: #000066; font-weight: bold;">instanceof</span> Array<span style="color: #339933;">,</span> f <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> r <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>r<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> i <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>s <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span>;
&nbsp;
    <span style="color: #000066; font-weight: bold;">while</span> <span style="color: #009900;">&#40;</span>j <span style="color: #339933;">=</span> 0<span style="color: #339933;">,</span> i<span style="color: #339933;">--</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000066; font-weight: bold;">while</span> <span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span>ra <span style="color: #339933;">?</span> r<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span> || <span style="color: #3366CC;">&quot;&quot;</span> <span style="color: #339933;">:</span> r<span style="color: #009900;">&#91;</span>0<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #339933;">++</span>j <span style="color: #000066; font-weight: bold;">in</span> f<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span>;
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>;
&nbsp;
    <span style="color: #000066; font-weight: bold;">return</span> sa <span style="color: #339933;">?</span> s <span style="color: #339933;">:</span> s<span style="color: #009900;">&#91;</span>0<span style="color: #009900;">&#93;</span>;
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>




Compartir:


	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html&amp;title=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente" title="Digg"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html&amp;title=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente" title="del.icio.us"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html&amp;t=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente" title="Facebook"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html&amp;title=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente" title="Google"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://barrapunto.com/submit.pl?subj=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente&amp;story=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html" title="BarraPunto"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/barrapunto.png" title="BarraPunto" alt="BarraPunto" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.blogmemes.net/post.php?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html&amp;title=Validar%20NIF%2C%20CIF%2C%20NIE%20seg%C3%BAn%20ley%20vigente" title="BlogMemes"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/blogmemes.png" title="BlogMemes" alt="BlogMemes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://meneame.net/submit.php?url=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html" title="Meneame"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/meneame.gif" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html" title="Technorati"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fcompartecodigo.com%2Fjavascript%2Fvalidar-nif-cif-nie-segun-ley-vigente-31.html" title="TwitThis"><img src="http://compartecodigo.com/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>

<p><b>Entradas relacionadas:</b><ol><li><a href='http://compartecodigo.com/javascript/validar-el-digito-de-control-de-una-cuenta-bancaria-espanola-65.html' rel='bookmark' title='Permanent Link: Validar el dígito de control de una cuenta bancaria española'>Validar el dígito de control de una cuenta bancaria española</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://compartecodigo.com/javascript/validar-nif-cif-nie-segun-ley-vigente-31.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
