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

<channel>
	<title>Miguel Manchego &#187; html</title>
	<atom:link href="http://www.miguelmanchego.com/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.miguelmanchego.com</link>
	<description>Desarrollador web freelancer php, css, ajax, cms..</description>
	<lastBuildDate>Wed, 04 Jan 2012 13:10:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>HTML5: creando un juego 3d con canvas</title>
		<link>http://www.miguelmanchego.com/2011/html5-creando-un-juego-3d-con-canvas/</link>
		<comments>http://www.miguelmanchego.com/2011/html5-creando-un-juego-3d-con-canvas/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 13:34:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[juegos]]></category>

		<guid isPermaLink="false">http://www.miguelmanchego.com/?p=1350</guid>
		<description><![CDATA[Tutorial que explica como crear un juego similar a wolfenstein usando el objeto canvas de HTML5]]></description>
			<content:encoded><![CDATA[<!--INFOLINKS_ON--><p><img class="alignleft size-full wp-image-1352" title="game_layout" src="http://www.miguelmanchego.com/wp-content/uploads/2011/03/game_layout.png" alt="" width="334" height="404" />He visto algunos juegos usando HTML5 pero nadie explica ni como empezar y si buscas el código fuente pues esta en chino.</p>
<p>Encontré este excelente tutorial que explica paso a paso como crear un juego pseudo 3D que luce como el viejo Wolfenstein incluyendo los enemigos usando el objeto CANVAS de HTML, incluso te permiten desacargar todo el código fuente y las demos funcionando.</p>
<p>Pueden verlo <a href="http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/" target="_blank">AQUI</a></p>
<div id="crp_related"><br/><h3>Posts Similares:</h3><ul><li><a href="http://www.miguelmanchego.com/2011/html5-animaciones-8-bits-usando-canvas/" rel="bookmark" class="crp_title">HTML5: Animaciones 8 bits usando canvas</a></li><li><a href="http://www.miguelmanchego.com/2008/haz-tu-propio-juego-en-flash/" rel="bookmark" class="crp_title">Haz tu propio juego en flash</a></li><li><a href="http://www.miguelmanchego.com/2009/tutoriales-juegos-en-flash/" rel="bookmark" class="crp_title">Tutoriales Juegos en Flash</a></li><li><a href="http://www.miguelmanchego.com/2010/wordpress-y-html5-theme/" rel="bookmark" class="crp_title">WordPress y HTML5</a></li><li><a href="http://www.miguelmanchego.com/2010/photoshop-efecto-texto-vidrio-glass/" rel="bookmark" class="crp_title">Photoshop: Efecto texto vidrio/cristal</a></li></ul></div><!--INFOLINKS_OFF-->]]></content:encoded>
			<wfw:commentRss>http://www.miguelmanchego.com/2011/html5-creando-un-juego-3d-con-canvas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5: Animaciones 8 bits usando canvas</title>
		<link>http://www.miguelmanchego.com/2011/html5-animaciones-8-bits-usando-canvas/</link>
		<comments>http://www.miguelmanchego.com/2011/html5-animaciones-8-bits-usando-canvas/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 13:06:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[juegos]]></category>

		<guid isPermaLink="false">http://www.miguelmanchego.com/?p=1348</guid>
		<description><![CDATA[Animaciones de 8 bits usando el objeto canvas en los modernos navegadores con aceleración por hardware]]></description>
			<content:encoded><![CDATA[<!--INFOLINKS_ON--><p>Gracias a que los modernos navegadores han agregado aceleración vía hardware ya es posible generar animaciones de forma fluida usando CANVAS. Para los amantes de lo retro pueden ver una excelente colección de animaciones estilo los viejos juegos de 8bits, para lo cual simplemente cambian los colores de ciertos pixeles de forma continua logrando interesantes animaciones.</p>
<p>Pueden verlo <a href="http://www.effectgames.com/demos/canvascycle/?sound=0" target="_blank">AQUI</a></p>
<div id="crp_related"><br/><h3>Posts Similares:</h3><ul><li><a href="http://www.miguelmanchego.com/2010/html5-vs-flash/" rel="bookmark" class="crp_title">html5 vs flash</a></li><li><a href="http://www.miguelmanchego.com/2011/html5-creando-un-juego-3d-con-canvas/" rel="bookmark" class="crp_title">HTML5: creando un juego 3d con canvas</a></li><li><a href="http://www.miguelmanchego.com/2011/firefox-4/" rel="bookmark" class="crp_title">Firefox 4</a></li><li><a href="http://www.miguelmanchego.com/2009/crear-gif-animados-photoshop-cs4/" rel="bookmark" class="crp_title">Crear gif animados Photoshop CS4</a></li><li><a href="http://www.miguelmanchego.com/2010/slider-3d-con-flash-y-xml/" rel="bookmark" class="crp_title">Slider 3D con Flash y XML</a></li></ul></div><!--INFOLINKS_OFF-->]]></content:encoded>
			<wfw:commentRss>http://www.miguelmanchego.com/2011/html5-animaciones-8-bits-usando-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paypal: Productos con atributos</title>
		<link>http://www.miguelmanchego.com/2010/paypal-productos-con-atributos/</link>
		<comments>http://www.miguelmanchego.com/2010/paypal-productos-con-atributos/#comments</comments>
		<pubDate>Mon, 27 Dec 2010 13:02:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[paypal]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[form]]></category>

		<guid isPermaLink="false">http://www.miguelmanchego.com/?p=1282</guid>
		<description><![CDATA[Botones paypal avanzados con atributos usando combobox o cuadro de texto para agregar tallas, colores u otros atributos]]></description>
			<content:encoded><![CDATA[<!--INFOLINKS_ON--><p>Para entender bien este tutorial te sugiero revisar el anterior sobre botones simples. Cuando vendemos un producto es usual que debamos elegir algunos atributos como por ejemplo el color, la talla o incluso necesitemos que se deba ingresar algún pequeño texto, ahora vamos a ver como hacer esto y que paypal se encargue de recolectar los atributos.</p>
<h2>Producto con distintas tallas</h2>
<p>Vamos a agregar un combo box en el cual podamos elegir la talla aunque bien podríamos usarlo para cualquier otro atributo. A nuestro botón tendríamos que agregarle el siguiente código.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;on0&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Talla&quot;</span>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/select.html"><span style="color: #000000; font-weight: bold;">select</span></a> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;os0&quot;</span>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Selecciona uno&quot;</span>&gt;</span>-- Elige una talla --<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;M&quot;</span>&gt;</span>Medium<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span>&gt;</span>Large<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;XL&quot;</span>&gt;</span>Extra Large<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> &nbsp;<br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/select.html"><span style="color: #000000; font-weight: bold;">select</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p>Si nos fijamos en el código hay un campo hidden llamado on0 con el valor &#8220;talla&#8221; este es el nombre del atributo, a continuación hay un combo llamado os0 este da el valor del atributo &#8220;talla&#8221;.</p>
<p>Si quisiéramos agregar más atributos estos se llamarían on1, on2, on3&#8230; y sus valores os1, os2, os3&#8230; podemos usar tanto un combo como un input text aunque personalmente prefiero cerrar al máximo las opciones para el usuario usando combos y a modo excepcional los campos de texto.</p>
<p>El código completo del botón luciría así:</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/form.html"><span style="color: #000000; font-weight: bold;">form</span></a> <span style="color: #000066;">action</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;https://www.paypal.com/cgi-bin/webscr&quot;</span> <span style="color: #000066;">method</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;post&quot;</span>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;business&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;miempresa@midominio.com&quot;</span>&gt;</span><br />
&nbsp; <span style="color: #808080; font-style: italic;">&lt;!-- Indicamos que es un boton comprar ahora. --&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;cmd&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;_xclick&quot;</span>&gt;</span> <br />
&nbsp; <span style="color: #808080; font-style: italic;">&lt;!-- especificamos algunos detalles como nombre, precio. --&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;item_name&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Mi Producto&quot;</span>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;currency_code&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;USD&quot;</span>&gt;</span> <br />
&nbsp; <span style="color: #808080; font-style: italic;">&lt;!-- Agregamos atributos. --&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;on0&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Talla&quot;</span>&gt;</span>Talla: <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">br</span></a> <span style="color: #66cc66;">/</span>&gt;</span> <br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/select.html"><span style="color: #000000; font-weight: bold;">select</span></a> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;os0&quot;</span>&gt;</span> <br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Selecciona uno&quot;</span>&gt;</span>-- Elige una talla --<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;M&quot;</span>&gt;</span>Medium<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;L&quot;</span>&gt;</span>Large<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> <br />
&nbsp; &nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;XL&quot;</span>&gt;</span>Extra Large<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/option.html"><span style="color: #000000; font-weight: bold;">option</span></a>&gt;</span> &nbsp;<br />
&nbsp; <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/select.html"><span style="color: #000000; font-weight: bold;">select</span></a>&gt;</span><br />
&nbsp; <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">input</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;image&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;submit&quot;</span> <span style="color: #000066;">border</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;PayPal - The safer, easier way to pay online&quot;</span>&gt;</span> <span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">img</span></a> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #000066;">border</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;https://www.paypal.com/en_US/i/scr/pixel.gif&quot;</span> &gt;</span> <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/form.html"><span style="color: #000000; font-weight: bold;">form</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p>Finalmente cabe mencionar que este sistema de atributos funciona tanto con botones buynow como con botones tipo shopping cart indistintamente</p>
<div id="crp_related"><br/><h3>Posts Similares:</h3><ul><li><a href="http://www.miguelmanchego.com/2010/paypal-un-producto-con-distintos-precios/" rel="bookmark" class="crp_title">Paypal: un producto con distintos precios</a></li><li><a href="http://www.miguelmanchego.com/2010/paypal-boton-buynow-comprar-ahora/" rel="bookmark" class="crp_title">Paypal: Boton BuyNow</a></li><li><a href="http://www.miguelmanchego.com/2010/paypal-carrito-de-compras/" rel="bookmark" class="crp_title">Paypal: Carrito de Compras</a></li><li><a href="http://www.miguelmanchego.com/2010/creando-grupos-de-opciones-con-combos-html/" rel="bookmark" class="crp_title">Creando grupos de opciones con combos html</a></li><li><a href="http://www.miguelmanchego.com/2009/combos-dependientes-ajax-jquery/" rel="bookmark" class="crp_title">Combos dependientes AJAX</a></li></ul></div><!--INFOLINKS_OFF-->]]></content:encoded>
			<wfw:commentRss>http://www.miguelmanchego.com/2010/paypal-productos-con-atributos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Validar formularios en web modular</title>
		<link>http://www.miguelmanchego.com/2010/validar-formularios-en-web-modular/</link>
		<comments>http://www.miguelmanchego.com/2010/validar-formularios-en-web-modular/#comments</comments>
		<pubDate>Sat, 11 Dec 2010 16:05:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[modular]]></category>

		<guid isPermaLink="false">http://www.miguelmanchego.com/?p=1263</guid>
		<description><![CDATA[Este es una pregunta que me suelen hacer con cierta y la verdad no debería haber complicaciones ya que hacerlo en web modular es exactamente igual que hacerlo en una web que no sea modular. Veamos primero en este post como se hace en una web común. Primero en top_page.php debemos invocar el código javascript [...]]]></description>
			<content:encoded><![CDATA[<!--INFOLINKS_ON--><p>Este es una pregunta que me suelen hacer con cierta y la verdad no debería haber complicaciones ya que hacerlo en <a href="http://www.miguelmanchego.com/2009/diseno-web-modular-php-chau-frames/">web modular</a> es exactamente igual que hacerlo en una web que no sea modular.</p>
<p>Veamos primero <a href="http://www.miguelmanchego.com/2009/validar-formularios-ajax-jquery/">en este post</a> como se hace en una web común.</p>
<p>Primero en top_page.php debemos invocar el código javascript correspondiente</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/jquery-1.3.1.min.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span><br />
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/jquery.validate.min.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>&gt;</span></div></td></tr></tbody></table></div>
<p>Y luego en la página que queremos hacer la validación pegamos el código validador luego del formulario en este caso un formulario con id comentariosFrm aunque claro esta podemos usar el id que mejor nos parezca.</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span><br />
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#comentariosFrm&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">validate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></td></tr></tbody></table></div>
<p>Y asi podemos validar formularios en todo nuestro sitio.</p>
<div id="crp_related"><br/><h3>Posts Similares:</h3><ul><li><a href="http://www.miguelmanchego.com/2009/validar-formularios-ajax-jquery/" rel="bookmark" class="crp_title">Validar formularios ajax jquery</a></li><li><a href="http://www.miguelmanchego.com/2009/tutorial-dom-html-javascript/" rel="bookmark" class="crp_title">Tutorial DOM html javascript</a></li><li><a href="http://www.miguelmanchego.com/2009/ajax-enviar-formularios-sin-recargar-jquery/" rel="bookmark" class="crp_title">Ajax enviar formularios sin recargar jquery</a></li><li><a href="http://www.miguelmanchego.com/2010/sammy-url-ajax-boton-atras-navegador/" rel="bookmark" class="crp_title">Sammy: url ajax con soporte del boton atras</a></li><li><a href="http://www.miguelmanchego.com/2009/ventana-modal-con-jquery/" rel="bookmark" class="crp_title">Ventana modal con jquery</a></li></ul></div><!--INFOLINKS_OFF-->]]></content:encoded>
			<wfw:commentRss>http://www.miguelmanchego.com/2010/validar-formularios-en-web-modular/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jquery: Simple WYSIWYG editor</title>
		<link>http://www.miguelmanchego.com/2010/jquery-simple-wysiwyg-editor/</link>
		<comments>http://www.miguelmanchego.com/2010/jquery-simple-wysiwyg-editor/#comments</comments>
		<pubDate>Tue, 19 Oct 2010 11:50:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[cadenas]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.miguelmanchego.com/?p=1111</guid>
		<description><![CDATA[Excelente plugin para jquery que nos permite usar un editor WYSIWYG con las funciones básicas, especial para ser muy liviano]]></description>
			<content:encoded><![CDATA[<!--INFOLINKS_ON--><p>Jquery es sin lugar a dudas uno de los mejores sino el mejor framework ajax principalmente por lo sencillo que es de aprender y por la enorme variedad de plugins que le dan más potencia.</p>
<p>Les presento un plugin interesante llamado jWYSIWYG fue desarrollado teniendo como metas hacerlo liviano, rápido, que aproveche las ventajas de ajax y que sea fácil de implementar.</p>
<p>Si cuentas con un sitio que requiere un editor sencillo con las funciones básicas entonces este es el editor ideal, para cosas así no tendría sentido usar el bastante pesado CKEditor o similares.</p>
<p>Lo puedes descargar <a href="http://code.google.com/p/jwysiwyg/downloads/list" target="_blank">AQUI</a></p>
<div id="crp_related"><br/><h3>Posts Similares:</h3><ul><li><a href="http://www.miguelmanchego.com/2009/youtube-reducido-mas-rapido/" rel="bookmark" class="crp_title">Youtube reducido mas rapido</a></li><li><a href="http://www.miguelmanchego.com/2010/filemanager-para-ckeditor-3-2-1/" rel="bookmark" class="crp_title">Filemanager para CKEditor 3.2.1</a></li><li><a href="http://www.miguelmanchego.com/2009/gestor-de-archivos-ckeditor/" rel="bookmark" class="crp_title">Gestor de archivos CKEditor</a></li><li><a href="http://www.miguelmanchego.com/2009/jquery-music-player-reproductor/" rel="bookmark" class="crp_title">Jquery music player</a></li><li><a href="http://www.miguelmanchego.com/2010/jquery-autocompletar-estilo-facebook/" rel="bookmark" class="crp_title">Jquery: Autocompletar Estilo Facebook</a></li></ul></div><!--INFOLINKS_OFF-->]]></content:encoded>
			<wfw:commentRss>http://www.miguelmanchego.com/2010/jquery-simple-wysiwyg-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

