[DEV] Colored TextTema Solucionado

[Return;]

Buenas! Resumiendo la razon de este post, estuve buscando un par de BBcodes para colorear el texto.. dado que
no los encontre intente crearlos.. si bien lo logre, no puedo hacerlo funcionar del todo bien.
Son 2 bbcodes, el reemplazo HTML está escrito en JavaScript y ahi es donde tengo problemas ya qe soy bastante novato
con el JS.
Si alguien tiene mas experiencia y puede darme una mano seria fantastico

Fade to Color BBCode

Spoiler

Código: Seleccionar todo

#
#------------------------------[ Uso ]------------------------------
#
[fade c1={COLOR1} c2={COLOR2}]{TEXT}[/fade]

#
#------------------------------[ HTML ]------------------------------
#
<!-- 
Original script from: http://webmaster.lycos.es/tips/989426174/
HextoRGB function from: http://www.javascripter.net/faq/hextorgb.htm
Modified by Return;
-->


<script type="text/JavaScript">
        
        var hexa = "0123465789ABCDEF";
        
        function DecToHexa(DecNb) 
			{
				x = Math.floor(DecNb / 16);
				h = hexa.charAt(x);
				x = DecNb % 16;
				h += hexa.charAt(x);
				return h; 
			}
		
		// chex = color hexadecimal
		function HexToR(chex) {return parseInt((cutHex(chex)).substring(0,2),16)}
		function HexToG(chex) {return parseInt((cutHex(chex)).substring(2,4),16)}
		function HexToB(chex) {return parseInt((cutHex(chex)).substring(4,6),16)}
		function cutHex(chex) {return (chex.charAt(0)=="#") ? chex.substring(1,7):chex}
		
		
		function fade(c1,c2,texte)
			{
				dr = HexToR(c1); //************
				dg = HexToG(c1); //hexa a RGB**
				db = HexToB(c1); //hexa a RGB**
				fr = HexToR(c2); //hexa a RGB**
				fg = HexToG(c2); //hexa a RGB**
				fb = HexToB(c2); //************
				steps = texte.length;
				cr = dr; 
				cg = dg; 
				cb = db;
				sr = (fr - dr) / steps;
				sg = (fg - dg) / steps;
				sb = (fb - db) / steps;
				for (var x = 0; x <= steps; x++) 
					{
					document.write('<font color="#' + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb) + '">');
					document.write(texte.charAt(x));
					document.write('</font>');
					cr += sr; 
					cg += sg; 
					cb += sb;
					}
			}
</script>

<script type="text/javascript">fade("{COLOR1}","{COLOR2}","{TEXT}");</script>

Rainbow BBCode

Spoiler

Código: Seleccionar todo

#
#------------------------------[ Uso ]------------------------------
#
[rainbow]{TEXT}[/rainbow]

#
#------------------------------[ HTML ]------------------------------
#
<!-- Original code from http://www.startrekguide.com/community/memberlist.php?mode=viewprofile&u=8400
Modified by Return; -->
<script type="text/JavaScript" charset="UTF-8">
function rainbow(s)
{
	var colors = new Array(58);
	  colors[0] = "00F5F8";
	  colors[1] = "00CCF8";
	  colors[2] = "00AEF8"; 
	  colors[3] = "0091F8"; 
	  colors[4] = "006DF8"; 
	  colors[5] = "0054F8"; 
	  colors[6] = "0132F8"; 
	  colors[7] = "001AF8"; 
	  colors[8] = "0900F8"; 
	  colors[9] = "3200F8"; 
	  colors[10] = "4800F8"; 
	  colors[11] = "6200F8"; 
	  colors[12] = "7F06F8"; 
	  colors[13] = "9300F8"; 
	  colors[14] = "B100F8"; 
	  colors[15] = "C800F8"; 
	  colors[16] = "DC00F8"; 
	  colors[17] = "EF00F8"; 
	  colors[18] = "F800DF"; 
	  colors[19] = "F800C4"; 
	  colors[20] = "F800A1"; 
	  colors[21] = "F8008A"; 
	  colors[22] = "F8007A"; 
	  colors[23] = "F80060"; 
	  colors[24] = "F80050"; 
	  colors[25] = "F80044"; 
	  colors[26] = "F8002C"; 
	  colors[27] = "F8001A"; 
	  colors[28] = "F80600"; 
	  colors[29] = "F81A00"; 
	  colors[30] = "F82F00"; 
	  colors[31] = "F84400"; 
	  colors[32] = "F80060"; 
	  colors[33] = "F86A00"; 
	  colors[34] = "F87D00"; 
	  colors[35] = "F89701"; 
	  colors[36] = "F8A800"; 
	  colors[37] = "F8C400"; 
	  colors[38] = "F8DF00"; 
	  colors[39] = "F8F400"; 
	  colors[40] = "DCF800"; 
	  colors[41] = "C0F800"; 
	  colors[42] = "A8F800"; 
	  colors[43] = "8BF800"; 
	  colors[44] = "70F800"; 
	  colors[45] = "56F800"; 
	  colors[46] = "41F800"; 
	  colors[47] = "26F800"; 
	  colors[48] = "09F800"; 
	  colors[49] = "00F812"; 
	  colors[50] = "01F82E"; 
	  colors[51] = "00F850"; 
	  colors[52] = "00F86A"; 
	  colors[53] = "00F881"; 
	  colors[54] = "00F8B4"; 
	  colors[55] = "00F8B4"; 
	  colors[56] = "00F8C6"; 
	  colors[57] = "00F8DB";
   
   var c=0;
   var l=s.length;
   var k;
   var strng = new Array(l);
   
   for (var x=0; x<=l;x++)
	 strng[x] = s.charAt(x);
	
	if (l<=15) k=6; 
	if (l>15&&l<=20) k=3; 
	if (l>20&&l<=25) k=3; 
	if (l>25&&l<=30) k=2; 
	if (l>30&&l<=35) k=2; 
	if (l>35&&l<=40) k=2; 
	if (l>40&&l<=55) k=2; 
	if (l>45&&l<=50) k=2; 
	if (l>50) k=1;	 
   
   for (var i=0; i <= l; i++)
	{
	if (c>57) 
		c=0;
	if (strng[i] != ' ')
		{
		document.write('<font color="#' + colors[c] + '">' + strng[i] + '</font>');
		c=c+k;
		}
	else
		document.write(' ');
	}
}
</script>
<script type="text/javascript">rainbow("{TEXT}");</script>

Los problemas que tiene el codigo de momento:
-> Caracteres especiales como parentesis, ampersand, comillas, etc los muestra en su equiv. HTML ( & = & )
-> Saltos de linea (enter) como un <br />
-> No se pueden utilizar Smilies dentro de los tags (no me preocupa esto)

Si alguien sabe como solucionar estos detalles, desde ya estaré agreadecido!

Si este no es el lugar adecuado para el topic, favor de moverlo, la verdad es qe no sabia bien donde ponerlo.
Un saludo!!!

[djeloy]

muy bueno gracias!