<?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>MixInformatico.com</title>
	<atom:link href="http://www.mixinformatico.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mixinformatico.com</link>
	<description>Reforzando tus ideas</description>
	<lastBuildDate>Sat, 31 Jul 2010 00:47:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Instalar ubuntu</title>
		<link>http://www.mixinformatico.com/2010/07/30/instalar-ubuntu/</link>
		<comments>http://www.mixinformatico.com/2010/07/30/instalar-ubuntu/#comments</comments>
		<pubDate>Sat, 31 Jul 2010 00:46:46 +0000</pubDate>
		<dc:creator>javier</dc:creator>
				<category><![CDATA[Mix Informatico]]></category>
		<category><![CDATA[Sysadmin]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9298</guid>
		<description><![CDATA[Estimados usuarios, En la siguiente direccion podran encontrar un tutorial de como instalar ubuntu, paso a paso: http://dark-engell.blogspot.com/2010/07/instalar-ubuntu-1004.html Creado por uno de nuestros usuarios (DaRk EnGeLl), saludos para el]]></description>
			<content:encoded><![CDATA[<!-- AdSense Now! V1.89 -->
<!-- Post[count: 3] -->
<div class="adsense adsense-leadin" style="text-align:center;margin: 12px;"> <script type="text/javascript"><!--
google_ad_client = "pub-9962221450515076";
/* 468x60, creado 18/12/09 */
google_ad_slot = "0993486806";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div><p>Estimados usuarios,<br />
En la siguiente direccion podran encontrar un tutorial de como instalar ubuntu, paso a paso:</p>
<p><a href="http://dark-engell.blogspot.com/2010/07/instalar-ubuntu-1004.html" target="_blank">http://dark-engell.blogspot.com/2010/07/instalar-ubuntu-1004.html</a></p>
<p>Creado por uno de nuestros usuarios (DaRk EnGeLl), saludos para el <img src='http://www.mixinformatico.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/07/30/instalar-ubuntu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Instalar Mytop</title>
		<link>http://www.mixinformatico.com/2010/05/11/instalar-mytop/</link>
		<comments>http://www.mixinformatico.com/2010/05/11/instalar-mytop/#comments</comments>
		<pubDate>Tue, 11 May 2010 05:04:59 +0000</pubDate>
		<dc:creator>javier</dc:creator>
				<category><![CDATA[Cpanel y whm]]></category>
		<category><![CDATA[Mysql]]></category>
		<category><![CDATA[Sysadmin]]></category>
		<category><![CDATA[cpanel]]></category>
		<category><![CDATA[whm]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9247</guid>
		<description><![CDATA[bueno para los que trabajan con servidores Mytop es una buena herramienta, ya que sirve igualmente que el comando top solamente que vee el estado de consumo de mysql a nivel de servidor, asi podemos estar atento de cuales usuarios generan varias query en nuestro servidor y causan overloading, para instalar tienen que aplicar los [...]]]></description>
			<content:encoded><![CDATA[<p>bueno para los que trabajan con servidores Mytop es una buena herramienta, ya que sirve igualmente que el comando top solamente que vee el estado de consumo de mysql a nivel de servidor, asi podemos estar atento de cuales usuarios generan varias query en nuestro servidor y causan overloading, para instalar tienen que aplicar los siguientes comandos mediante ssh logueados como root:</p>
<p><strong>Descargamos Mytop</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">wget http<span style="color: #808080;">://</span>jeremy.zawodny.com<span style="color: #808080;">/</span>mysql<span style="color: #808080;">/</span>mytop<span style="color: #808080;">/</span>mytop<span style="color: #808080;">-</span>1.6.tar.gz</pre></td></tr></table></div>

<p><span id="more-9247"></span><br />
<strong>Descomprimimos y accedemos al directorio</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;"> tar <span style="color: #808080;">-</span>zxvf mytop<span style="color: #808080;">-</span>1.6.tar.gz
cd mytop<span style="color: #808080;">-</span><span style="color: #3399ff;">1.6</span></pre></td></tr></table></div>

<p><strong>Instalamos Mytop</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">perl Makefile.PL
make
make install</pre></td></tr></table></div>

<p><strong>Ejecutamos Mytop con el siguiente comando</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">mytop</pre></td></tr></table></div>

<p><strong>en caso de que aparesca el siguiente error al ejecutar el comando:</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">Error <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">in</span> <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">option</span> spec<span style="color: #808080;">:</span> <span style="color: #808080; font-style: italic;">&quot;long|!&quot;</span></pre></td></tr></table></div>

<p><strong>tenemos que ejecutar lo siguiente:</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">nano <span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>mytop</pre></td></tr></table></div>

<p><strong>buscamos la siguiente linea</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">db            <span style="color: #800080;">=</span>&gt; <span style="color: #4da619;">'test'</span>,</pre></td></tr></table></div>

<p><strong>y la dejamos de la siguiente manera</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">db            <span style="color: #800080;">=</span>&gt; <span style="color: #4da619;">''</span>,</pre></td></tr></table></div>

<p><strong>asi aplicamos el comando mytop a nivel de servidor y no solamente a una base de datos, ahora buscamos la siguiente linea</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;"> <span style="color: #808080; font-style: italic;">&quot;long|!&quot;              =&gt; \$config{long_nums},</span></pre></td></tr></table></div>

<p><strong>y la comentamos para que quede de la siguiente forma:</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;"># <span style="color: #808080; font-style: italic;">&quot;long|!&quot;              =&gt; \$config{long_nums},</span></pre></td></tr></table></div>

<p><strong>ahora ejecutamos mytop </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/05/11/instalar-mytop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript – urlencode</title>
		<link>http://www.mixinformatico.com/2010/05/09/javascript-%e2%80%93-urlencode/</link>
		<comments>http://www.mixinformatico.com/2010/05/09/javascript-%e2%80%93-urlencode/#comments</comments>
		<pubDate>Mon, 10 May 2010 02:50:00 +0000</pubDate>
		<dc:creator>dementexmaster</dc:creator>
				<category><![CDATA[Html]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Javascript – urlencode]]></category>
		<category><![CDATA[urlencode]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9243</guid>
		<description><![CDATA[Hay veces en que la función de javascript escape() no es suficiente, como por ejemplo si hay que codificar ‘?’. No sé exactamente cuando ni donde encontré esta función que imita el urldecode de PHP pero migrada a javascript, espero que les sea tan útil como a mi. 1 2 3 4 5 6 7 [...]]]></description>
			<content:encoded><![CDATA[<p>Hay veces en que la función de <strong>javascript </strong><strong>escape()</strong> no es suficiente, como por ejemplo si hay que codificar ‘?’. No sé  exactamente cuando ni donde encontré esta función que imita el <strong>urldecode </strong>de PHP pero migrada a <strong>javascript</strong>, espero que les sea tan útil como a mi.</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
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span> str <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
 <span style="color: #000000; font-weight: bold;">var</span> histogram <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> histogram_r <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> code <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> tmp_arr <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">var</span> ret <span style="color: #339933;">=</span> str<span style="color: #339933;">.</span>toString<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #000000; font-weight: bold;">var</span> replacer <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>search<span style="color: #339933;">,</span> replace<span style="color: #339933;">,</span> str<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">var</span> tmp_arr <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 tmp_arr <span style="color: #339933;">=</span> str<span style="color: #339933;">.</span><span style="color: #990000;">split</span><span style="color: #009900;">&#40;</span>search<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #b1b100;">return</span> tmp_arr<span style="color: #339933;">.</span><span style="color: #990000;">join</span><span style="color: #009900;">&#40;</span>replace<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #666666; font-style: italic;">// The histogram is identical to the one in urldecode.</span>
 histogram<span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'!'</span><span style="color: #009900;">&#93;</span>   <span style="color: #339933;">=</span> <span style="color: #0000ff;">'%21'</span><span style="color: #339933;">;</span>
 histogram<span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'%20'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'+'</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #666666; font-style: italic;">// Begin with encodeURIComponent, which most resembles PHP's encoding functions</span>
 ret <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span>ret<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #b1b100;">for</span> <span style="color: #009900;">&#40;</span>search in histogram<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 replace <span style="color: #339933;">=</span> histogram<span style="color: #009900;">&#91;</span>search<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 ret <span style="color: #339933;">=</span> replacer<span style="color: #009900;">&#40;</span>search<span style="color: #339933;">,</span> replace<span style="color: #339933;">,</span> ret<span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">// Custom replace. No regexing</span>
 <span style="color: #009900;">&#125;</span>
&nbsp;
 <span style="color: #666666; font-style: italic;">// Uppercase for full PHP compatibility</span>
 <span style="color: #b1b100;">return</span> ret<span style="color: #339933;">.</span>replace<span style="color: #009900;">&#40;</span><span style="color: #339933;">/</span><span style="color: #009900;">&#40;</span>\<span style="color: #339933;">%</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span>a<span style="color: #339933;">-</span>z0<span style="color: #339933;">-</span><span style="color: #cc66cc;">9</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#123;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span>g<span style="color: #339933;">,</span> <span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>full<span style="color: #339933;">,</span> m1<span style="color: #339933;">,</span> m2<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 <span style="color: #b1b100;">return</span> <span style="color: #0000ff;">&quot;%&quot;</span><span style="color: #339933;">+</span>m2<span style="color: #339933;">.</span>toUpperCase<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #b1b100;">return</span> ret<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/05/09/javascript-%e2%80%93-urlencode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Traducción Automatica con PHP</title>
		<link>http://www.mixinformatico.com/2010/05/09/traduccion-automatica-con-php/</link>
		<comments>http://www.mixinformatico.com/2010/05/09/traduccion-automatica-con-php/#comments</comments>
		<pubDate>Sun, 09 May 2010 16:36:20 +0000</pubDate>
		<dc:creator>dementexmaster</dc:creator>
				<category><![CDATA[Php]]></category>
		<category><![CDATA[Traducción]]></category>
		<category><![CDATA[Traducción Automatica con PHP]]></category>
		<category><![CDATA[Traducción PHP]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9241</guid>
		<description><![CDATA[Cuando estamos desarrollando un sitio multiidioma, a veces, nos sería de lo más útil que el propio PHP nos hiciera una traducción de algunos contenidos, para guardarlos o para mostrarlos directamente. En cualquier caso hoy les dejo esta función que la verdad es bastante funcional cuando realizamos algún parseo. 1 2 3 4 5 6 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Cuando estamos desarrollando un sitio <strong>multiidioma</strong>,  a veces, nos sería de lo más útil que el propio PHP nos hiciera una <strong>traducción</strong> de algunos contenidos, para guardarlos o para mostrarlos directamente.</strong></p>
<p><strong>En cualquier caso hoy les dejo esta función que la verdad es bastante funcional cuando  realizamos algún parseo.</strong></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
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">/*Hay que pasarle las siguientes variables:
$content -&gt; String a traducir
$ini -&gt; idioma desde el que queremos traducir
$fin -&gt; idioma al que queremos que nos traduzca
*/</span>
<span style="color: #000000; font-weight: bold;">function</span> translate<span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #339933;">,</span> <span style="color: #000088;">$ini</span><span style="color: #339933;">,</span> <span style="color: #000088;">$fin</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$buff</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$ini</span> <span style="color: #339933;">=</span> <span style="color: #990000;">strtolower</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ini</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$fin</span> <span style="color: #339933;">=</span> <span style="color: #990000;">strtolower</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$fin</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$url</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;http://translate.google.com/translate_a/t?client=t&amp;text=&quot;</span><span style="color: #339933;">.</span><span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;sl=&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$ini</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;tl=&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$fin</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #000088;">$curl_handle</span> <span style="color: #339933;">=</span> <span style="color: #990000;">curl_init</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #339933;">,</span> CURLOPT_URL<span style="color: #339933;">,</span> <span style="color: #000088;">$url</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #339933;">,</span> CURLOPT_CONNECTTIMEOUT<span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #339933;">,</span> CURLOPT_RETURNTRANSFER<span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #339933;">,</span> CURLOPT_USERAGENT<span style="color: #339933;">,</span> <span style="color: #0000ff;">'Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_setopt</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #339933;">,</span> CURLOPT_HTTPHEADER<span style="color: #339933;">,</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Content-type: application/x-www-form-urlencoded;charset=UTF-8&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">curl_exec</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #990000;">curl_close</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$curl_handle</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
 <span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
 <span style="color: #b1b100;">else</span>
 <span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span> <span style="color: #339933;">-</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
&nbsp;
 <span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">utf8_decode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$buffer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\\</span>n&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$buffer</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #b1b100;">return</span> <span style="color: #000088;">$buffer</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//[ Ejemplo ]//</span>
<span style="color: #b1b100;">echo</span> translate<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Mi perro se llama Pedro&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;es&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;en&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Seguro que les servira a mas de uno saludos!!!:</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/05/09/traduccion-automatica-con-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enviar post a Twitter con PHP</title>
		<link>http://www.mixinformatico.com/2010/05/09/enviar-post-a-twitter-con-php/</link>
		<comments>http://www.mixinformatico.com/2010/05/09/enviar-post-a-twitter-con-php/#comments</comments>
		<pubDate>Sun, 09 May 2010 16:23:11 +0000</pubDate>
		<dc:creator>dementexmaster</dc:creator>
				<category><![CDATA[Php]]></category>
		<category><![CDATA[Enviar post a Twitter con PHP]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[Twitter con PHP]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9239</guid>
		<description><![CDATA[Esta es una funcion muy util para los webmaster twitteros ya que pueden manda un post desde su web directamente a su twitter indicando su usuario contraseña y su mensaje, la interfaz de como lo hagan ya depende de ustedes saludos y espero que les sirva esta funcion: 1 2 3 4 5 6 7 [...]]]></description>
			<content:encoded><![CDATA[<p>Esta es una funcion muy util para los webmaster twitteros ya que pueden manda un post desde su web directamente a su twitter indicando su usuario contraseña y su mensaje, la interfaz de como lo hagan ya depende de ustedes saludos y espero que les sirva esta funcion:</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
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> tweet<span style="color: #009900;">&#40;</span><span style="color: #000088;">$message</span><span style="color: #339933;">,</span> <span style="color: #000088;">$username</span><span style="color: #339933;">,</span> <span style="color: #000088;">$password</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$context</span> <span style="color: #339933;">=</span> <span style="color: #990000;">stream_context_create</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
 <span style="color: #0000ff;">'http'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
 <span style="color: #0000ff;">'method'</span>  <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'POST'</span><span style="color: #339933;">,</span>
 <span style="color: #0000ff;">'header'</span>  <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">sprintf</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Authorization: Basic <span style="color: #009933; font-weight: bold;">%s</span><span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">base64_encode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$username</span><span style="color: #339933;">.</span><span style="color: #0000ff;">':'</span><span style="color: #339933;">.</span><span style="color: #000088;">$password</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>
 <span style="color: #0000ff;">&quot;Content-type: application/x-www-form-urlencoded<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">,</span>
 <span style="color: #0000ff;">'content'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">http_build_query</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'status'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$message</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
 <span style="color: #0000ff;">'timeout'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">,</span>
 <span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
 <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$ret</span> <span style="color: #339933;">=</span> <span style="color: #990000;">file_get_contents</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'http://twitter.com/statuses/update.xml'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #000088;">$context</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span> <span style="color: #339933;">!==</span> <span style="color: #000088;">$ret</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/05/09/enviar-post-a-twitter-con-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Generar Contraseña aleatoria con PHP</title>
		<link>http://www.mixinformatico.com/2010/05/09/generar-contrasena-aleatoria-con-php/</link>
		<comments>http://www.mixinformatico.com/2010/05/09/generar-contrasena-aleatoria-con-php/#comments</comments>
		<pubDate>Sun, 09 May 2010 16:14:29 +0000</pubDate>
		<dc:creator>dementexmaster</dc:creator>
				<category><![CDATA[Php]]></category>
		<category><![CDATA[Contraseña aleatoria en php]]></category>
		<category><![CDATA[Generar Contraseña aleatoria con PHP]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9236</guid>
		<description><![CDATA[Cuando damos de alta usuarios de forma automática a menudo necesitamos poner una contraseña por defecto. Este script PHP nos devuelve una contraseña aleatoria de la longitud en caracteres que le pasemos: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function getRandomPWD&#40;$length = 10&#41;&#123; $password = &#34;&#34;; $possible [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando damos de alta usuarios de forma automática a menudo necesitamos  poner una <strong>contraseña </strong>por <strong>defecto</strong>. Este  script PHP nos devuelve una <strong>contraseña aleatoria</strong> de la  longitud en caracteres que le pasemos:</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
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> getRandomPWD<span style="color: #009900;">&#40;</span><span style="color: #000088;">$length</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">10</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$password</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$possible</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;0123456789bcdfghjkmnpqrstvwxyz&quot;</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$i</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> 
&nbsp;
 <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span> <span style="color: #339933;">&lt;</span> <span style="color: #000088;">$length</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$char</span> <span style="color: #339933;">=</span> <span style="color: #990000;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$possible</span><span style="color: #339933;">,</span> <span style="color: #990000;">mt_rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #990000;">strlen</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$possible</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">strstr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$password</span><span style="color: #339933;">,</span> <span style="color: #000088;">$char</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 <span style="color: #000088;">$password</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$char</span><span style="color: #339933;">;</span>
 <span style="color: #000088;">$i</span><span style="color: #339933;">++;</span>
 <span style="color: #009900;">&#125;</span>
 <span style="color: #009900;">&#125;</span>
 <span style="color: #b1b100;">return</span> <span style="color: #000088;">$password</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;">
<h2>Contraseña aleatoria</h2>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/05/09/generar-contrasena-aleatoria-con-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Re-Instalación de Software auxiliar cPanel</title>
		<link>http://www.mixinformatico.com/2010/04/23/re-instalacion-de-software-auxiliar-cpanel/</link>
		<comments>http://www.mixinformatico.com/2010/04/23/re-instalacion-de-software-auxiliar-cpanel/#comments</comments>
		<pubDate>Sat, 24 Apr 2010 02:19:05 +0000</pubDate>
		<dc:creator>javier</dc:creator>
				<category><![CDATA[Cpanel y whm]]></category>
		<category><![CDATA[Sysadmin]]></category>
		<category><![CDATA[cpanel]]></category>
		<category><![CDATA[whm]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9234</guid>
		<description><![CDATA[Cpanel tiene un montón de software de soporte que puede estar utilizando en su servidor. En caso de que algo va mal, aquí hay una lista de secuencias de comandos que volver a instalar el software proporcionado por cpanel en su sistema. Para la mayoría de todos estos, se puede pasar una fuerza como argumento [...]]]></description>
			<content:encoded><![CDATA[<p>Cpanel tiene un montón de software de soporte que puede estar utilizando en su servidor. En caso de que algo va mal, aquí hay una lista de secuencias de comandos que volver a instalar el software proporcionado por cpanel en su sistema. Para la mayoría de todos estos, se puede pasar una fuerza como argumento para forzar una reinstalación de la aplicación.</p>
<p><span id="more-9234"></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
59
60
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&nbsp;
cPanel
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>upcp
&nbsp;
MySQL
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>mysqlup
&nbsp;
PostgreSQL
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>installpostgres
&nbsp;
Roundcube
<span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span><span style="color: #cc4050; text-transform: uppercase; font-weight: bold; zzz:data;">local</span><span style="color: #808080;">/</span>cpanel<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>update<span style="color: #808080;">-</span>roundcube
&nbsp;
Horde
<span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span><span style="color: #cc4050; text-transform: uppercase; font-weight: bold; zzz:data;">local</span><span style="color: #808080;">/</span>cpanel<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>update<span style="color: #808080;">-</span>horde
&nbsp;
Squirrelmail
<span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span><span style="color: #cc4050; text-transform: uppercase; font-weight: bold; zzz:data;">local</span><span style="color: #808080;">/</span>cpanel<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>update<span style="color: #808080;">-</span>squirrelmail
&nbsp;
phpMyAdmin
<span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span><span style="color: #cc4050; text-transform: uppercase; font-weight: bold; zzz:data;">local</span><span style="color: #808080;">/</span>cpanel<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>updatephpmyadmin
&nbsp;
pureFTP
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>ftpup –force <span style="color: #808080;">&#40;</span>See<span style="color: #808080;">:</span> Installing <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">and</span> Configuring pure<span style="color: #808080;">-</span>FTP<span style="color: #808080;">&#41;</span>
&nbsp;
Exim
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>eximup
&nbsp;
Courier IMAP
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>courierup –force <span style="color: #808080;">&#40;</span>See<span style="color: #808080;">:</span> Installing<span style="color: #808080;">/</span>Configuring Courier IMAP<span style="color: #808080;">&#41;</span>
&nbsp;
Dovecot
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>dovecotup –force <span style="color: #808080;">&#40;</span>See<span style="color: #808080;">:</span> Installing <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">and</span> Configuring Dovecot<span style="color: #808080;">&#41;</span>
&nbsp;
cpAddons
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>cpaddonsup
&nbsp;
NSD<span style="color: #808080;">/</span>BIND
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>setupnameserver <span style="color: #808080;">&#40;</span>NSD<span style="color: #808080;">:/</span>scripts<span style="color: #808080;">/</span>nsdup<span style="color: #808080;">&#41;</span>
&nbsp;
Apache<span style="color: #808080;">/</span>PHP
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>easyapache <span style="color: #808080;">&#40;</span>See<span style="color: #808080;">:</span> EasyApache<span style="color: #808080;">&#41;</span>
&nbsp;
suPHP
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>suphpup
&nbsp;
cPanel Internal PHP
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>makecpphp
&nbsp;
FrontPage Extensions
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>fpupgrade
&nbsp;
Mailman
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>fixmailman
&nbsp;
cpHulkd
<span style="color: #808080;">/</span>usr<span style="color: #808080;">/</span><span style="color: #cc4050; text-transform: uppercase; font-weight: bold; zzz:data;">local</span><span style="color: #808080;">/</span>cpanel<span style="color: #808080;">/</span>bin<span style="color: #808080;">/</span>hulkdsetup
&nbsp;
Ruby
<span style="color: #808080;">/</span>scripts<span style="color: #808080;">/</span>installruby</pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/04/23/re-instalacion-de-software-auxiliar-cpanel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial Java 4.- Arreglos Simples.</title>
		<link>http://www.mixinformatico.com/2010/04/10/tutorial-java-4-arreglos-simples/</link>
		<comments>http://www.mixinformatico.com/2010/04/10/tutorial-java-4-arreglos-simples/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 19:34:57 +0000</pubDate>
		<dc:creator>dementexmaster</dc:creator>
				<category><![CDATA[Java]]></category>
		<category><![CDATA[arreglos]]></category>
		<category><![CDATA[arreglos en java]]></category>
		<category><![CDATA[arreglos simples en java]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9230</guid>
		<description><![CDATA[Que tal amigos de mix informatico, este videotutorial abarca lo que son arreglos simples en java, hay muchas aplicaciones endonde entran los arreglos, explicare lo mas basico. Bueno lo primero que se deve hacer es crear nuestro arreglo se hace de la siguiente manera: 1 2 3 4 5 //Si es de tipo String String [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Que tal amigos de mix informatico, este videotutorial abarca lo que son arreglos simples en java, hay muchas aplicaciones endonde entran los arreglos, explicare lo mas basico. Bueno lo primero que se deve hacer es crear nuestro arreglo se hace de la siguiente manera:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="java" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">//Si es de tipo String</span>
 <span style="color: #003399;">String</span> arreglo<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">String</span> <span style="color: #009900;">&#91;</span>Aqui se coloca el tamaño con un valor numerico<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #003399;">String</span> arreglo<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">String</span> <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #666666; font-style: italic;">//Si es de tipo entero</span>
 <span style="color: #000066; font-weight: bold;">int</span> arreglo<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #000066; font-weight: bold;">int</span> <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>y de la misma manera se hace para todos los tipos de datos, una ves que se tiene el arreglo creado, con su tamaño respectivo, lo que sigue es llenarlo con su respectivo tipo de dato. Hay muchas formas de llenar el arreglo aqui mostrare como llenarlo manualmente y despues pidiendolo al usuario:<br />
<span id="more-9230"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="java" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">//Manualmente seria ingresar por default en el codigo lo que se agregara</span>
 <span style="color: #003399;">String</span> arreglo<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">String</span> <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 arreglo<span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;Manzana&quot;</span><span style="color: #339933;">;</span>
 arreglo<span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;Pera&quot;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Cabe mencionar que los arreglos comienzan a llenarse desde el 0 y terminan antes del tamaño del arreglo en este caso como lo puse de tamaño 2, pues este termina en 1. Para llenarlo pidiendolo al usuario, se puede hacer desde consola o en modo grafico, ya sea con algun frame o con algun JOptionPane. Lo aremos con un JOptionPane y un ciclo for.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="java" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">//De esta manera lo llenamos pidiendo con JOptionPane al usuario</span>
 <span style="color: #003399;">String</span> arreglo<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">String</span> <span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>arreglo.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 arreglo<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #003399;">JOptionPane</span>.<span style="color: #006633;">showInputDialog</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Ingresa Valor al arreglo en la posicion &quot;</span><span style="color: #339933;">+</span>i<span style="color: #009900;">&#41;</span>
 <span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>?Ahora para imprimir, de la misma manera se puede hacer manual pero eso ya quedo comprendido hasta ahora y es muy poco eficaz y poco robusto, asi que mejor lo haremos con un ciclo, seria de la siguiente manera (concatearemos los valores de el arreglo en una string para poder imprimir en un JOptionPane):</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="java" style="font-family:monospace;"><span style="color: #003399;">String</span> cadena <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
 <span style="color: #000000; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>arreglo.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 cadena <span style="color: #339933;">=</span> cadena <span style="color: #339933;">+</span> arreglo<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003399;">JOptionPane</span>.<span style="color: #006633;">showMessageDialog</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">null</span>, <span style="color: #0000ff;">&quot;Este es mi arreglo:  &quot;</span><span style="color: #339933;">+</span>cadena<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Ahora todo el codigo junto para que funcione de una manera correcta:</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
</pre></td><td class="code"><pre class="java" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">import</span> javax<span style="color: #339933;">:</span>swing.<span style="color: #339933;">*;</span>
 <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> tutorial3<span style="color: #009900;">&#123;</span>
 <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> main<span style="color: #009900;">&#40;</span><span style="color: #003399;">String</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> args<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 <span style="color: #003399;">String</span> arreglo <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">String</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//con esto se hace el llenado</span>
 <span style="color: #000000; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i<span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>arreglo.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 arreglo<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #003399;">JOptionPane</span>.<span style="color: #006633;">showInputDialog</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Ingrese llenado de arreglo&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
 <span style="color: #666666; font-style: italic;">//con esto se imprime</span>
 <span style="color: #003399;">String</span> cadena<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&quot;</span>
 <span style="color: #000000; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i<span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>arreglo.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 cadena <span style="color: #339933;">=</span> cadena <span style="color: #339933;">+</span> arreglo<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003399;">JOptionPane</span>.<span style="color: #006633;">showMessageDialog</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">null</span>, <span style="color: #0000ff;">&quot;Este es mi arreglo:  &quot;</span><span style="color: #339933;">+</span>cadena<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
 <span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Aqui dejo los videotutoriales saludos.</p>
<p>Parte1:</p>
<p>[youtube]http://www.youtube.com/watch?v=MWdMVkNB9do[/youtube]</p>
<p>Parte2:</p>
<p>[youtube]http://www.youtube.com/watch?v=8ANOhYPOZ04[/youtube]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/04/10/tutorial-java-4-arreglos-simples/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Query Multimedia Portfolio – Galería con contenido múltiple</title>
		<link>http://www.mixinformatico.com/2010/04/04/query-multimedia-portfolio-%e2%80%93-galeria-con-contenido-multiple/</link>
		<comments>http://www.mixinformatico.com/2010/04/04/query-multimedia-portfolio-%e2%80%93-galeria-con-contenido-multiple/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 19:16:51 +0000</pubDate>
		<dc:creator>javier</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9221</guid>
		<description><![CDATA[jQuery Multimedia Portfolio un interesante plugin para jQuery que nos permitirá crear un porfolio utilizando una especia de carrusel con contenido múltiple. Para ser claros, en el no solo podremos introducir imágenes, sino que jQuery Multimedia Portfolio nos permitirá también optar por agregar videos en formato “ flv” o audio en formato “ mp3 ”. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://www.mixinformatico.com/wp-content/uploads/2009/04/jporfolio.jpg" alt="" width="459" height="149" /></p>
<p><a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">jQuery Multimedia Portfolio </a> un interesante plugin para jQuery que nos permitirá crear un porfolio utilizando una especia de carrusel con contenido múltiple. Para ser claros, en el no solo podremos introducir imágenes, sino que jQuery Multimedia Portfolio nos permitirá también optar por agregar <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">videos </a> en formato “ <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">flv” </a> o <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">audio </a> en formato “ <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">mp3 </a>”. Esto es sin duda algo que hace a <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">jQuery Multimedia Portfolio </a> realmente interesante. Este plugin detectara automáticamente la extensión del archivo y le inserta el contenido o la funcionalidad correspondiente a cada uno de ellos. Por ejemplo, en el caso de videos, la opción de reproducción.</p>
<p>Ver <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">Demo </a><br />
<span id="more-9221"></span></p>
<p><strong>Descargas: </strong></p>
<p>Podremos bajar los archivos desde <a href="http://www.infectedfx.net/jquery-multimedia-portfolio/2007/">infectedfx </a> o de la web oficial de <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">openstudio </a></p>
<p><strong>USO </strong>:</p>
<p>Como de costumbre lo primero que haremos será realizar las llamadas correspondientes al script y hoja de estilos utilizadas. Copiamos y pegamos el siguiente código dentro de nuestra etiqueta &lt; <strong>head &gt; </strong>.</p>
<p><strong><em>JavaScript:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;link rel<span style="color: #800080;">=</span>“stylesheet” href<span style="color: #800080;">=</span>“css<span style="color: #808080;">/</span>multimedia<span style="color: #808080;">-</span>portfolio.css” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>css” media<span style="color: #800080;">=</span>“<span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">screen</span>” <span style="color: #808080;">/</span>&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript” src<span style="color: #800080;">=</span>“js<span style="color: #808080;">/</span>jquery.js”&gt;&lt;<span style="color: #808080;">/</span>script&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript” src<span style="color: #800080;">=</span>“js<span style="color: #808080;">/</span>jquery.dimensions.js”&gt;&lt;<span style="color: #808080;">/</span>script&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript” src<span style="color: #800080;">=</span>“js<span style="color: #808080;">/</span>ui.mouse.js”&gt;&lt;<span style="color: #808080;">/</span>script&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript” src<span style="color: #800080;">=</span>“js<span style="color: #808080;">/</span>ui.slider.js”&gt;&lt;<span style="color: #808080;">/</span>script&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript” src<span style="color: #800080;">=</span>“js<span style="color: #808080;">/</span>jquery.multimedia<span style="color: #808080;">-</span>portfolio.js”&gt;&lt;<span style="color: #808080;">/</span>script&gt;
&lt;script <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>“text<span style="color: #808080;">/</span>javascript”&gt;
  $<span style="color: #808080;">&#40;</span>document<span style="color: #808080;">&#41;</span>.ready<span style="color: #808080;">&#40;</span><span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">function</span><span style="color: #808080;">&#40;</span><span style="color: #808080;">&#41;</span><span style="color: #808080;">&#123;</span>
  $<span style="color: #808080;">&#40;</span>“ul.multimedia<span style="color: #808080;">-</span>portfolio”<span style="color: #808080;">&#41;</span>.multimedia_portfolio<span style="color: #808080;">&#40;</span><span style="color: #808080;">&#123;</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #808080;">:</span> <span style="color: #3399ff;">500</span>, baseDir<span style="color: #808080;">:</span> ‘.<span style="color: #4da619;">'});
  });
&lt;/script&gt;</span></pre></td></tr></table></div>

<p>y para insertar el contenido, la siguiente estructura</p>
<p>HTML:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;ul <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”multimedia<span style="color: #808080;">-</span>portfolio”&gt;
&lt;li&gt;
………………CONTENIDO………………….
&lt;<span style="color: #808080;">/</span>li&gt;
&lt;<span style="color: #808080;">/</span>ul&gt;</pre></td></tr></table></div>

<p>Ejemplo: agregar imagenes de contenido</p>
<p>HTML:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”imagen.jpg” alt<span style="color: #800080;">=</span>”agrandir”&gt; &lt;img src<span style="color: #800080;">=</span>”thumbnail.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”imagen” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

<p>HTML:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;"> &lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”video.flv” alt<span style="color: #800080;">=</span>”video”&gt; &lt;img src<span style="color: #800080;">=</span>”imagen.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #800080;">=</span>”<span style="color: #3399ff;">320</span>? height<span style="color: #800080;">=</span>”<span style="color: #3399ff;">240</span>? <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”video” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

<p>Ejemplo: agregar audio record (mp3 format) de contenido</p>
<p><strong>HTML: </strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”audio.mp3? alt<span style="color: #800080;">=</span>”Audio”&gt; &lt;img src<span style="color: #800080;">=</span>”imagen.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”Audio” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

<p><strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;ul <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”multimedia<span style="color: #808080;">-</span>portfolio”&gt;
&lt;li&gt;
………………CONTENIDO………………….
&lt;<span style="color: #808080;">/</span>li&gt;
&lt;<span style="color: #808080;">/</span>ul&gt;</pre></td></tr></table></div>

<p>Ejemplo: agregar imagenes de contenido</p>
<p><strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”imagen.jpg” alt<span style="color: #800080;">=</span>”agrandir”&gt; &lt;img src<span style="color: #800080;">=</span>”thumbnail.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”imagen” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

<p>Ejemplo: agregar video (flv format) de contenido</p>
<p><strong><em>HTML: </em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”video.flv” alt<span style="color: #800080;">=</span>”video”&gt; &lt;img src<span style="color: #800080;">=</span>”imagen.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #800080;">=</span>”<span style="color: #3399ff;">320</span>? height<span style="color: #800080;">=</span>”<span style="color: #3399ff;">240</span>? <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”video” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

<p>Ejemplo: agregar audio record (mp3 format) de contenido</p>
<p><strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;li&gt;
&lt;a href<span style="color: #800080;">=</span>”audio.mp3? alt<span style="color: #800080;">=</span>”Audio”&gt; &lt;img src<span style="color: #800080;">=</span>”imagen.jpg” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">title</span><span style="color: #800080;">=</span>”Audio” <span style="color: #808080;">/</span>&gt; &lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>li&gt;</pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/04/04/query-multimedia-portfolio-%e2%80%93-galeria-con-contenido-multiple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Script para ampliar la funcionalidad de desvanecer cualquier tipo de elemento HTML</title>
		<link>http://www.mixinformatico.com/2010/04/04/script-para-ampliar-la-funcionalidad-de-desvanecer-cualquier-tipo-de-elemento-html/</link>
		<comments>http://www.mixinformatico.com/2010/04/04/script-para-ampliar-la-funcionalidad-de-desvanecer-cualquier-tipo-de-elemento-html/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 08:02:41 +0000</pubDate>
		<dc:creator>javier</dc:creator>
				<category><![CDATA[Html]]></category>

		<guid isPermaLink="false">http://www.mixinformatico.com/?p=9213</guid>
		<description><![CDATA[Elem Fader es un script que amplía la funcionalidad para desvanecer cualquier tipo de elemento HTML. Dando un efecto bastante agradable al realizar los mouseover sobre cada uno de ellos. Es muy simple de aplicarlo a listas, botones de formularios, inclusive adaptarlo a nuestro Menú con Imágenes. Ver demos – Descarga demo Uso. Lo primero [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://www.mixinformatico.com/wp-content/uploads/2009/04/elemfaderp.jpg" alt="" width="459" height="149" /></p>
<p><a onclick="pageTracker._trackPageview('/outbound/article/www.javascript-fx.com');" href="http://www.javascript-fx.com/development/index.html">Elem  Fader</a> es un script que amplía la funcionalidad para  desvanecer cualquier tipo de elemento HTML. Dando un efecto bastante  agradable al realizar los mouseover sobre cada uno de ellos. Es muy  simple de aplicarlo a listas, botones de formularios, inclusive  adaptarlo a nuestro Menú con Imágenes.<br />
Ver<a onclick="pageTracker._trackPageview('/outbound/article/xyberneticos.com');" href="http://xyberneticos.com/demos/elemfader/demo2.html"> demos</a> – <a onclick="pageTracker._trackPageview('/outbound/article/xyberneticos.com');" href="http://xyberneticos.com/demos/elemfader/elemfader.rar">Descarga</a> demo</p>
<p><strong>Uso.</strong><br />
<span id="more-9213"></span><br />
Lo primero será descargar el <a href="http://xyberneticos.com/demos/elemfader/demo2_archivos/JSFX_ElemFader.js">script</a> (usar botón derecho y guardar “enlace como”).  Lo alojaremos en nuestra carpeta o servidor. Posteriormente llamaremos a  esa librería incluyendo el siguiente código entre las etiquetas &lt;  Head &gt; …..&lt; /Head &gt; de nuestra Web.</p>
<p><a href="#">PLAIN TEXT</a> <strong><em>JavaScript:</em></strong> &lt;script language=“JavaScript” src=“JSFX_ElemFader.js” type=“text/javascript”&gt;&lt;/script&gt;</p>
<p>Ejecutaremos la acción mediante el evento “<strong>onload</strong>“.</p>
<p><a href="#">PLAIN TEXT</a> <strong><em>HTML:</em></strong> &lt;body  onload=”JSFX.fadeElemAuto()”&gt;  Podemos observar que en la etiqueta <strong>&lt; body &gt;</strong> tenemos el evento <strong>onload=” JSFX.fadeElemAuto()”</strong> Es  decir, que cuando se han terminado de cargar todos los elementos de la  página se llamará a una función llamada “<em>JSFX.fadeElemAuto()</em>”  que hemos definido en el script.</p>
<p><img class="alignnone" src="http://www.mixinformatico.com/wp-content/uploads/2009/04/11.jpg" alt="" width="370" height="68" /></p>
<p><strong>Aplicado a un menu con imagenes<br />
</strong>Creamos nuestro menú como habitualmente lo hacemos con su  correspondiente CSS.<br />
PLAIN  TEXT<br />
<strong><em>CSS:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&nbsp;
#menu <span style="color: #808080;">&#123;</span> height<span style="color: #808080;">:</span>100px;<span style="color: #808080;">&#125;</span>
#menu ul <span style="color: #808080;">&#123;</span> list<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">style</span><span style="color: #808080;">:</span>none; margin<span style="color: #808080;">:</span><span style="color: #3399ff;">0</span>; padding<span style="color: #808080;">:</span><span style="color: #3399ff;">0</span> 10px;margin<span style="color: #808080;">:</span><span style="color: #3399ff;">0</span>  <span style="color: #3399ff;">0</span> <span style="color: #3399ff;">0</span> 100px; <span style="color: #808080;">&#125;</span>
#menu li <span style="color: #808080;">&#123;</span> float<span style="color: #808080;">:</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">left</span>; <span style="color: #808080;">&#125;</span>
#menu li a <span style="color: #808080;">&#123;</span> display<span style="color: #808080;">:</span>block; height<span style="color: #808080;">:</span>40px; <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #808080;">:</span>113px;  background<span style="color: #808080;">-</span><span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">position</span><span style="color: #808080;">:</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">center</span> top; cursor<span style="color: #808080;">:</span>pointer  <span style="color: #808080;">&#125;</span>
#menu li#home a <span style="color: #808080;">&#123;</span> background<span style="color: #808080;">-</span>image<span style="color: #808080;">:</span>url<span style="color: #808080;">&#40;</span>home.gif<span style="color: #808080;">&#41;</span>;  <span style="color: #808080;">&#125;</span>
#menu li#about a<span style="color: #808080;">&#123;</span> background<span style="color: #808080;">-</span>image<span style="color: #808080;">:</span>url<span style="color: #808080;">&#40;</span>about.gif<span style="color: #808080;">&#41;</span>;  <span style="color: #808080;">&#125;</span>
#menu li#links a <span style="color: #808080;">&#123;</span> background<span style="color: #808080;">-</span>image<span style="color: #808080;">:</span>url<span style="color: #808080;">&#40;</span>links.gif<span style="color: #808080;">&#41;</span>;  <span style="color: #808080;">&#125;</span>&lt;<span style="color: #808080;">/</span>div&gt;</pre></td></tr></table></div>

<p>Y en nuestra estructura, agregaremos una nueva <strong>clase</strong> denominada <strong>elemFader</strong>, la cual nos generara el efecto  desvanecido al realizarse el Mouseover entre cada uno de los enlaces.<br />
PLAIN TEXT<br />
<strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;div  <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">id</span><span style="color: #800080;">=</span>”menu”&gt;
&lt;ul&gt;
&lt;li <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">id</span><span style="color: #800080;">=</span>”home”&gt;&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” href<span style="color: #800080;">=</span>”#”&gt;&lt;<span style="color: #808080;">/</span>a&gt;&lt;<span style="color: #808080;">/</span>li&gt;
&lt;li <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">id</span><span style="color: #800080;">=</span>”about”&gt;&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” href<span style="color: #800080;">=</span>”#”&gt;&lt;<span style="color: #808080;">/</span>a&gt;&lt;<span style="color: #808080;">/</span>li&gt;
&lt;li <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">id</span><span style="color: #800080;">=</span>”links”&gt;&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” href<span style="color: #800080;">=</span>”#”&gt;&lt;<span style="color: #808080;">/</span>a&gt;&lt;<span style="color: #808080;">/</span>li&gt;
&lt;<span style="color: #808080;">/</span>ul&gt;
&lt;<span style="color: #808080;">/</span>div&gt;&lt;<span style="color: #808080;">/</span>div&gt;</pre></td></tr></table></div>

<p><img class="alignnone" src="http://www.mixinformatico.com/wp-content/uploads/2009/04/31.jpg" alt="" width="370" height="68" /><br />
<strong>Aplicado a los botones de  nuestro formulario<br />
</strong>También lo haremos utilizando la clase elemFader<img class="alignnone" src="http://www.mixinformatico.com/wp-content/uploads/2009/04/23.jpg" alt="" width="370" height="68" /><br />
<strong>Aplicado a enlaces con css</strong><br />
PLAIN TEXT<br />
<strong><em>CSS:</em></strong></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
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">.elemFaderCeleste
<span style="color: #808080;">&#123;</span>
<span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">position</span><span style="color: #808080;">:</span>relative;filter<span style="color: #808080;">:</span>alpha<span style="color: #808080;">&#40;</span>opacity<span style="color: #800080;">=</span><span style="color: #3399ff;">20</span><span style="color: #808080;">&#41;</span>;  <span style="color: #808080;">-</span>moz<span style="color: #808080;">-</span>opacity<span style="color: #808080;">:</span><span style="color: #3399ff;">0.2</span>;
display<span style="color: #808080;">:</span>  block;
border<span style="color: #808080;">-</span>top     <span style="color: #808080;">:</span> 1px solid #77CFFB;
border<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">left</span>    <span style="color: #808080;">:</span> 1px solid #77CFFB;
border<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">right</span>   <span style="color: #808080;">:</span> 1px solid #7BD0FB;
border<span style="color: #808080;">-</span>bottom  <span style="color: #808080;">:</span> 1px solid #7BD0FB;&lt;<span style="color: #808080;">/</span>div&gt;
background<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">color</span><span style="color: #808080;">:</span>#7FD4FF;
&nbsp;
font<span style="color: #808080;">-</span>family<span style="color: #808080;">:</span>  Arial, Helvetica, Verdana, sans<span style="color: #808080;">-</span>serif;
font<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">size</span><span style="color: #808080;">:</span>12px;
text<span style="color: #808080;">-</span>decoration<span style="color: #808080;">:</span>none;
&nbsp;
<span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">color</span><span style="color: #808080;">:</span>  #FFFFFF;
<span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #808080;">:</span><span style="color: #3399ff;">100</span><span style="color: #808080;">%</span>;
text<span style="color: #808080;">-</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">align</span><span style="color: #808080;">:</span><span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">left</span>;
<span style="color: #808080;">&#125;</span></pre></td></tr></table></div>

<p>La estructura, llamando en cada enlace a la clase “elemFaderCeleste”<br />
PLAIN TEXT<br />
<strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;div  <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">style</span><span style="color: #800080;">=</span>”<span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">width</span><span style="color: #808080;">:</span> 80px”&gt;
&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFaderCeleste”  href<span style="color: #800080;">=</span>”#”&gt;Home&lt;<span style="color: #808080;">/</span>a&gt;
&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFaderCeleste”  href<span style="color: #800080;">=</span>”#”&gt;Contacto&lt;<span style="color: #808080;">/</span>a&gt;
&lt;a <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFaderCeleste”  href<span style="color: #800080;">=</span>”#”&gt;About&lt;<span style="color: #808080;">/</span>a&gt;
&lt;<span style="color: #808080;">/</span>div&gt;</pre></td></tr></table></div>

<p>Mas Info javascript-fx<br />
PLAIN TEXT<br />
<strong><em>HTML:</em></strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="abap" style="font-family:monospace;">&lt;form&gt;
&lt;input <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">value</span><span style="color: #800080;">=</span>”Aceptar”  <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>”button”&gt;
&lt;input  <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">value</span><span style="color: #800080;">=</span>”cancelar”  <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>”button”&gt;
&lt;input  <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">value</span><span style="color: #800080;">=</span>”enviar”  <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>”button”&gt;
&lt;input  <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">value</span><span style="color: #800080;">=</span>”borrar”  <span style="color: #005066; text-transform: uppercase; font-weight: bold; zzz:statement;">class</span><span style="color: #800080;">=</span>”elemFader” <span style="color: #500066; text-transform: uppercase; font-weight: bold; zzz:keyword;">type</span><span style="color: #800080;">=</span>”button”&gt;
&lt;<span style="color: #808080;">/</span>form&gt;</pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.mixinformatico.com/2010/04/04/script-para-ampliar-la-funcionalidad-de-desvanecer-cualquier-tipo-de-elemento-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 3.411 seconds -->
