<?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>Mon, 30 Jan 2012 23:52:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</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[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[input text]]></category>
		<category><![CDATA[PaperVision 3D]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=1015</guid>
		<description><![CDATA[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 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. Lo que hay que hacer es agregarle un addListener a cada campo y en el metodo que llamamos con el listener reasiganar el foco del stage al mismo campo, como muestro a continuación. ?Ver código ACTIONSCRIPT1 2 3 4 5 6 texto_txt.addEventListener&#40;MouseEvent.CLICK, onClickInput&#41;; &#160; private function onClickInput&#40;e:MouseEvent&#41;:void &#123; stage.focus = e.target; &#125; 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. 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. Share this on Facebook Tweet ...]]></description>
			<content:encoded><![CDATA[<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>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Usando%20Input%20text%20con%20PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Usando+Input+text+con+PaperVision3D&amp;link=http://www.decabeza.net/2010/01/28/usando-input-text-con-papervision3d/&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%20MaterialList%2C%20con%206%20matriales%20distintos.%20Uno%20para%20cada%20car&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></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>

