textarea opciones dinamicas: negrita, italica...

chapu · #1 (**permalink**) 09/03/2003, 16:23

Hola gente jscriptera, cómo los trata la vida???

Estoy implementando un sistema en mi sitio en PHP y utilizo mucho formularios para que usuarios ingresen datos, sería mas o menos como un foro, y me bajé un código de por acá, de los foros, que muestro a continuación:

Código PHP:

  <HTML> 
 <HEAD> 
 </HEAD> 
 <BODY> 
  <SCRIPT language="Javascript" type="text/javascript"> 
 
   // Este genial Script fue desarrollado por Tukzone, SirMatrix y Unknow,  
   // todos usuarios del Foro.. Gracias a ellos por su colaboración 
 
  function storeCaret(text) {  
   if (text.createTextRange) { 
    text.caretPos = document.selection.createRange().duplicate(); 
   } 
  } 
 
  function meter(text) { 
   var postopic = document.PostTopic.Message; 
   if (postopic.createTextRange && postopic.caretPos) {       
    var caretPos = postopic.caretPos;       
    caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?  
 
text + ' ' : text; 
   } 
   else postopic.value += text; 
   postopic.focus(caretPos) 
  } 
 
  function codigo(accion) { 
   switch(accion) { 
    case "url": 
     url = prompt("URL de el Enlace", "http://"); 
     if(url) { 
      url="[ a]"+url+"[ /a]"; 
      meter(url); 
     } 
     break; 
    case "bold": 
     negras = prompt("Texto en Negritas", ""); 
     if(negras) { 
      negras="[ b]"+negras+"[ /b]"; 
      meter(negras); 
     } 
     break; 
    case "italics": 
     italics = prompt("Texto en Italicas", ""); 
     if(italics) { 
      italics="[ i]"+italics+"[ /i]"; 
      meter(italics); 
     } 
     break; 
    case "code": 
     code="[ code]  [ /code]"; 
     meter(code); 
     break; 
    case "quote": 
     quote="[ quote]  [ /quote]"; 
     meter(quote); 
     break; 
    default: 
     meter(accion); 
     break; 
   } 
  } 
 
  function textCounter(field, countfield, maxlimit) { 
   if (field.value.length > maxlimit) 
    field.value = field.value.substring(0, maxlimit); 
   else  
    countfield.value = maxlimit - field.value.length; 
  } 
 </script> 
 <form name="PostTopic"> 
  Nombre de usuario: 
  <INPUT TYPE="text" NAME="UserName" SIZE="12" MAXLENGTH="25"  
 
VALUE='Kaopectate'>  
  Password: 
  <input maxLength="13" name="Password" size="12" type="password"  
 
VALUE='**********'> 
  Mensaje: 
  <textarea  
 
onKeyDown="textCounter(this.form.Message,this.form.remLen,2000);"  
 
onKeyUp="java script:storeCaret(this);  
 
textCounter(this.form.Message,this.form.remLen,2000);" name="Message"  
 
onchange="java script:storeCaret(this);"  
 
onclick="java script:storeCaret(this);" rows="10" wrap="VIRTUAL" cols="45"> 
  </textarea> 
  <a href="java script:codigo('url')">Enlace</a>  
  <a href="java script:codigo('bold')">negrita</a> 
  <a href="java script:codigo('italics')">italica</a>  
  <a href="java script:codigo('code')">codigo</a> 
  <a href="java script:codigo('quote')">citar</a> 
  Tiene 
  <input readonly type=text name=remLen size=5 maxlength=3 value="2000"> 
  caracteres para su mensaje. 
 </form> 
</BODY> 
</HTML>

... y funciona a la perfección, pero ustedes saben como somos los seres humanos, no nos conformamos con nada, es por esto que me gustaría saber como es brevemente el funcionamiento del script, por ej: qué hace esta funcion???

Código PHP:

  function storeCaret(text) {  
  if (text.createTextRange) { 
    text.caretPos = document.selection.createRange().duplicate(); 
  } 
}

y las otras??? tambieén me desconciertan bastante...

y bueno che, es mucho pedir ya se!! pero todo sea por aprender no??

desde ya cha' gracias!

chapu · #2 (**permalink**) 09/03/2003, 20:17

Gente, quiero aclarar que esto que pregunto es porque quize modificar el código y por más que intento de una y otra forma me tira un error, si supiera mas o menos como es la estructura del script... esto me ayudaría a entenderlo y por consiguiente a solucionarlo...

eso es todo,
un saludo!

chapu · #3 (**permalink**) 11/03/2003, 18:51

alguien???