<?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>DeCabeza.net &#187; input text</title>
	<atom:link href="http://www.decabeza.net/tag/input-text/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.decabeza.net</link>
	<description>Todo sobre el mundo del desarrollo web</description>
	<lastBuildDate>Fri, 16 Jul 2010 15:37:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Usando Input text con PaperVision3D</title>
		<link>http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/</link>
		<comments>http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 18:20:28 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[ActionScript 3]]></category>
		<category><![CDATA[PaperVision3D]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[input text]]></category>
		<category><![CDATA[PaperVision 3D]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=1015</guid>
		<description><![CDATA[<img src="" align="center" /><br/><br/>En un proyecto que estoy desarrollando en PaperVision3D surgió la necesidad de implementar input text para un formaulario, el cual esta en un material de un cubo. Para los que tiene una idea de PaperVision3D saben que los cubo llevan un MaterialList, con 6 matriales distintos. Uno para cada cara del cubo. En uno de [...]]]></description>
			<content:encoded><![CDATA[<img src="" align="center" /><br/><br/><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;source=sguidobono&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>En un proyecto que estoy desarrollando en PaperVision3D surgió la necesidad de implementar input text para un formaulario, el cual esta en un material de un cubo. </p>
<p>Para los que tiene una idea de PaperVision3D saben que los cubo llevan un <em>MaterialList</em>, con 6 matriales distintos. Uno para cada cara del cubo.</p>
<p>En uno de ellos decidimos colocar un formaulario, que obviamente tiene muchos campos de texto para ser completados. Pero a la hora de hacer las pruebas me percaté que al hacer click sobre los campos no se activan para escribir en ellos. La solución a este problema es muy sencilla, pero tal ves, como pasa con las cosas sencillas, no es facil darse cuenta de la solución, por mas obvia que sea.</p>
<p>Lo que hay que hacer es agregarle un addListener a cada campo y en el metodo que llamamos con el <em>listener </em>reasiganar el foco del stage al mismo campo, como muestro a continuación.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p1015code2'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p10152"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p1015code2"><pre class="actionscript" style="font-family:monospace;">texto_txt.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, onClickInput<span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> onClickInput<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
     <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">focus</span> = <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span>;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>El problema que tenemos con está técnica es que no podemos clickear y arrastrar para seleccionar una porción del texto, como tampoco podemos hacer click en el medio de una palabra para que el el cursor quede allí. El cursor siempre quedará al final del texto. </p>
<p>No es lo más comodo, pero si necesitamos usar un input text en un material de PaperVision3D creo que es una buena solución.</p>



Comparte este artículo:


	<a rel="nofollow"  href="http://twitter.com/home?status=Usando%20Input%20text%20con%20PaperVision3D%20-%20http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F" title="Twitter"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;t=Usando%20Input%20text%20con%20PaperVision3D" title="Facebook"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D&amp;source=DeCabeza.net+Todo+sobre+el+mundo+del+desarrollo+web&amp;summary=En%20un%20proyecto%20que%20estoy%20desarrollando%20en%20PaperVision3D%20surgi%C3%B3%20la%20necesidad%20de%20implementar%20input%20text%20para%20un%20formaulario%2C%20el%20cual%20esta%20en%20un%20material%20de%20un%20cubo.%20%0D%0A%0D%0APara%20los%20que%20tiene%20una%20idea%20de%20PaperVision3D%20saben%20que%20los%20cubo%20llevan%20un%20Material" title="LinkedIn"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D&amp;notes=En%20un%20proyecto%20que%20estoy%20desarrollando%20en%20PaperVision3D%20surgi%C3%B3%20la%20necesidad%20de%20implementar%20input%20text%20para%20un%20formaulario%2C%20el%20cual%20esta%20en%20un%20material%20de%20un%20cubo.%20%0D%0A%0D%0APara%20los%20que%20tiene%20una%20idea%20de%20PaperVision3D%20saben%20que%20los%20cubo%20llevan%20un%20Material" title="del.icio.us"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D&amp;annotation=En%20un%20proyecto%20que%20estoy%20desarrollando%20en%20PaperVision3D%20surgi%C3%B3%20la%20necesidad%20de%20implementar%20input%20text%20para%20un%20formaulario%2C%20el%20cual%20esta%20en%20un%20material%20de%20un%20cubo.%20%0D%0A%0D%0APara%20los%20que%20tiene%20una%20idea%20de%20PaperVision3D%20saben%20que%20los%20cubo%20llevan%20un%20Material" title="Google Bookmarks"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D&amp;bodytext=En%20un%20proyecto%20que%20estoy%20desarrollando%20en%20PaperVision3D%20surgi%C3%B3%20la%20necesidad%20de%20implementar%20input%20text%20para%20un%20formaulario%2C%20el%20cual%20esta%20en%20un%20material%20de%20un%20cubo.%20%0D%0A%0D%0APara%20los%20que%20tiene%20una%20idea%20de%20PaperVision3D%20saben%20que%20los%20cubo%20llevan%20un%20Material" title="Digg"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D" title="Mixx"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F&amp;title=Usando%20Input%20text%20con%20PaperVision3D" title="Reddit"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="mailto:?subject=Usando%20Input%20text%20con%20PaperVision3D&amp;body=http%3A%2F%2Fwww.decabeza.net%2F2010%2F01%2F28%2Fusando-input-text-con-papervision3d%2F" title="email"><img src="http://www.decabeza.net/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>


<br/><br/><h3  class="related_post_title">También te puede interesar:</h3><ul class="related_post"><li><a href="http://www.decabeza.net/2009/10/06/como-funciona-basicview-de-papervision-3d-2-0/" title="Como funciona BasicView de PaperVision 3D 2.0">Como funciona BasicView de PaperVision 3D 2.0</a></li><li><a href="http://www.decabeza.net/2008/03/25/carrusel-3d-con-pv3d-video-tutorial/" title="Carrusel 3d con PV3D (Video Tutorial)">Carrusel 3d con PV3D (Video Tutorial)</a></li><li><a href="http://www.decabeza.net/2007/12/28/papervision3d-paquete-de-clases-3d-para-flash/" title="PaperVision3D, paquete de clases 3D para flash">PaperVision3D, paquete de clases 3D para flash</a></li><li><a href="http://www.decabeza.net/2010/07/15/nuevo-video-creando-una-galeria-de-imagenes-estilo-picasa/" title="Nuevo Video: Creando una Galería de imágenes estilo Picasa">Nuevo Video: Creando una Galería de imágenes estilo Picasa</a></li><li><a href="http://www.decabeza.net/2010/01/07/realidad-aumentada-una-realidad-en-aumento/" title="Realidad Aumentada, una realidad en aumento">Realidad Aumentada, una realidad en aumento</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
