Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/06/2009, 05:26
Alcalina
 
Fecha de Ingreso: marzo-2009
Mensajes: 42
Antigüedad: 16 años
Puntos: 5
Pregunta Editor de Textareas Propio - Problema

Código HTML:
<html>
<head>
<title>Editor Textos Javascript</title>
<script language='javascript'>
function insertarBBCode(boton)
{
  var area = 'pruebas';
  var contenido = document.getElementById(area).innerHTML;
  var bbcode = null;
  
  if (boton.name=='B') bbcode = '[b][/b]';
  if (boton.name=='I') bbcode = '[i][/i]';
  if (boton.name=='U') bbcode = '[u][/u]';
  if (boton.name=='S') bbcode = '[s][/s]';
  if (boton.name=='LIST') bbcode = '\n[list]\n[li][/li]\n[li][/li]\n[/list]';
  if (boton.name=='HR') bbcode = '\n[hr]';
  if (boton.name=='IMG') bbcode = '\n[img][/img]';
  if (boton.name=='URL') bbcode = '[direccion][/direccion]';
  if (boton.name=='YOUTUBE') bbcode = '\n[youtube](Código del Video)[/youtube]';
  if (boton.name=='ALIGNCENT') bbcode = '[align=center][/align]';
  if (boton.name=='ALIGNIZQ') bbcode = '[align=left][/align]';
  if (boton.name=='ALIGNDER') bbcode = '[align=right][/align]';
  if (boton.name=='CODE') bbcode = '\n[code][/code]';
    
  document.getElementById(area).innerHTML = contenido + bbcode;
}
</script>
</head>
<body bgcolor='#AAAAAA'>
<input type='button' name='B' value='B' onClick='insertarBBCode(this);'>
<input type='button' name='I' value='I' onClick='insertarBBCode(this);'>
<input type='button' name='U' value='U' onClick='insertarBBCode(this);'>
<input type='button' name='S' value='S' onClick='insertarBBCode(this);'>
<input type='button' name='LIST' value='LIST' onClick='insertarBBCode(this);'>
<input type='button' name='HR' value='HR' onClick='insertarBBCode(this);'>
<input type='button' name='IMG' value='IMG' onClick='insertarBBCode(this);'>
<br>
<input type='button' name='URL' value='URL' onClick='insertarBBCode(this);'>
<input type='button' name='YOUTUBE' value='YOUTUBE' onClick='insertarBBCode(this);'>
<input type='button' name='ALIGNCENT' value='CENTRO' onClick='insertarBBCode(this);'>
<input type='button' name='ALIGNIZQ' value='IZQUIERDA' onClick='insertarBBCode(this);'>
<input type='button' name='ALIGNDER' value='DERECHA' onClick='insertarBBCode(this);'>
<input type='button' name='CODE' value='CODE' onClick='insertarBBCode(this);'>

<br>
<textarea id='pruebas' name='pruebas' cols='60' rows='5'>
</textarea>
</body>
</html> 
Teniendo este código, me permite insertar en el textarea los bbcodes necesarios según el botón que pulse, el problema viene que a partir de que introduzco cualquier caracter en el textarea despues o antes de insertar, ya no me inserta nada de los botones en el textarea y no veo el problema, alguna ayuda?

Gracias adelantadas