<?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>Sin Ideas &#187; Javascript</title>
	<atom:link href="http://osiux.ws/etiqueta/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://osiux.ws</link>
	<description></description>
	<lastBuildDate>Sun, 01 Jan 2012 20:01:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Resize Images for phpBB3</title>
		<link>http://osiux.ws/2007/12/resize-images-for-phpbb3/</link>
		<comments>http://osiux.ws/2007/12/resize-images-for-phpbb3/#comments</comments>
		<pubDate>Thu, 20 Dec 2007 00:22:21 +0000</pubDate>
		<dc:creator>oso96_2000</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[phpBB]]></category>
		<category><![CDATA[phpBB3]]></category>

		<guid isPermaLink="false">http://osiux.ws/?p=30</guid>
		<description><![CDATA[English: When I read the news about phpBB3, I start to view the MODs that are being developed, and found this one, and when I was looking at it I think that I can make some improvements, for example, to take only the images on the post body. And after a few minutes of coding [...]]]></description>
			<content:encoded><![CDATA[<p><strong>English:</strong><br />
When I read the news about phpBB3, I start to view the MODs that are being developed, and found <a href="http://www.phpbb.com/community/viewtopic.php?f=70&amp;t=577794" target="_blank">this one</a>, and when I was looking at it I think that I can make some improvements, for example, to take only the images on the post body.</p>
<p>And after a few minutes of coding i get this mod. Tested on Firefox and IE7, but hope it will work on others browsers. I took the idea of the javascript function from the mod that i mention before, but of course, with some changes to keep it clean and better.</p>
<p>What basically this mod does is resize any images within the posts body that is greater than a given width, so the forum layout will not be deformed.</p>
<p>The features are:</p>
<ul>
<li>Only the images from the post are resized (at least that was supposed to do &lt;&lt;)</li>
<li>The images that was resized open in a new window (popup)</li>
<li>Easy to change the max width and message to display when the mouse is over the resized image</li>
</ul>
<p>Well, here&#8217;s the mod. I hope you can forgive my bad english, but at least hope you understand what i&#8217;m trying to say xD leave any comments you have =P</p>
<p><strong><strong>2011-10-25 - </strong>Note: I haven&#8217;t checked if the mod is still valid, but probably it isn&#8217;t, so i&#8217;m stoping any more downloads.</strong></p>
<p>&#8212;&#8212;&#8211;<br />
<strong>Español:</strong><br />
Cuando lei sobre la salida del phpBB3 me puse a ver algunos de los MODs que se están desarrollando, y entre ellos me encontré con <a href="http://www.phpbb.com/community/viewtopic.php?f=70&amp;t=577794" target="_blank">este</a>, y mientras lo veía me dije que podía mejorarlo, por ejemplo, tomando solo las imagenes dentro del post.</p>
<p>Despues de unos minutos de programar resultó esto. Lo probé en Firefox y en IE7, pero espero funcione en otros navegadores. La función javascript esta basada en la que usa el mod que mencioné anteriormente, pero con algunos cambios para hacerla mas limpia y mejor.</p>
<p>Básicamente lo que hace este mod es achicar las imagenes dentro de los posts que sean mas anchas que un tamaño dado, para que de esta forma no se deforme el diseño del foro.</p>
<p>Características:</p>
<ul>
<li>Solamente las imágenes dentro de los posts son cambiadas de tamaño.</li>
<li>Las imágenes que se achicaron son abiertas en una nueva ventana.</li>
<li>Es fácil cambiar el ancho máximo y el mensaje que que se muestra al poner el mouse sobre la imagen.</li>
</ul>
<p>Y bueno, sin mas aqui esta el mod para descargar, recuerda dejar tu comentario si tienes alguna duda.</p>
<p><strong>2011-10-25 &#8211; Nota: No he revisado si el mod sigue siendo válido, pero probablemente no lo sea, asi que estoy deteniendo su descarga.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://osiux.ws/2007/12/resize-images-for-phpbb3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Detectar BloqMayus con Javascript</title>
		<link>http://osiux.ws/2007/10/detectar-bloqmayus-con-javascript/</link>
		<comments>http://osiux.ws/2007/10/detectar-bloqmayus-con-javascript/#comments</comments>
		<pubDate>Fri, 12 Oct 2007 21:45:07 +0000</pubDate>
		<dc:creator>oso96_2000</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://osiux.ws/?p=29</guid>
		<description><![CDATA[El otro día tuve una pequeña y sencilla entrevista de trabajo (en la que creo me fue bastante bien), y una de las cosas que me pidieron era que detectara si el usuario tenia la tecla BloqMayus activada, lo cual en dados momentos puede causar un error en un sistema de identificación de usuarios. En [...]]]></description>
			<content:encoded><![CDATA[<p>El otro día tuve una pequeña y sencilla entrevista de trabajo (en la que creo me fue bastante bien), y una de las cosas que me pidieron era que detectara si el usuario tenia la tecla <kbd>BloqMayus</kbd> activada, lo cual en dados momentos puede causar un error en un sistema de identificación de usuarios. En fin, eso no supe hacerlo (xD) pero aqui pongo lo que encontré despúes de buscar, ya que en el futuro me puede servir =P</p>
<p>Primero la funcion en JavaScript:</p>
<pre class="brush: jscript; title: ; notranslate">
function capLock(e){
	kc = e.keyCode ? e.keyCode : e.which ;
	sk = e.shiftKey ? e.shiftKey: ( (kc == 16) ? true : false ) ;
	if(((kc &gt;= 65 &amp;&amp; kc &lt;= 90) &amp;&amp; !sk ) || ((kc &gt;= 97 &amp;&amp; kc &lt;= 122 ) &amp;&amp; sk))	document.getElementById('caplock').style.visibility = 'visible';
	else document.getElementById('caplock').style.visibility = 'hidden';
}
</pre>
<p>Luego, en el campo del formulario debemos agregar un evento que llame a la función cada que escribamos algo en ese campo, esto lo hacemos con el evento <em>onkeypress</em>:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;input type=&quot;text&quot; name=&quot;nombre&quot; onkeypress=&quot;capLock(event)&quot; /&gt;
</pre>
<p>Y por último, el div que muestra el mensaje de advertencia.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;caplock&quot; style=&quot;visibility: hidden&quot;&gt;Tienes la tecla BloqMayus activada.&lt;/div&gt;
</pre>
<p>En fin, como es fácil encontrar lo mismo en otros lados y aqui lo pongo solo como apunte personal, no me pondré a comentar el código xD</p>
<p><strong>Fuente:</strong> <a href="http://www.programacionweb.net/articulos/articulo/?num=315">http://www.programacionweb.net/articulos/articulo/?num=315</a></p>
]]></content:encoded>
			<wfw:commentRss>http://osiux.ws/2007/10/detectar-bloqmayus-con-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Object Caching 444/463 objects using memcached

Served from: osiux.ws @ 2012-02-07 03:45:58 -->
