Insertar palabras en textarea

[M1gu3l]

Pues tengo un textarea y al lado tengo las palabras Negrita,Subrayado...

Quiero que al hacer click en la palabra Negrita aparezca en el textarea <b></b>.
Necesito ayuda,urge un poco!!

[codig0]

Esto no tiene nada que ver con php... es javascript... de todas formas yo lo hago así:

Código:

<a href="JavaScript:paste_strinL(selection,3,'','','')" onMouseMove="pasteSel()">Negrita</a>

necesitas un JS, crea un archivo llamado editor.js y pon dentro esto:

Código:

function insertAtCursor(myField, myValue, bbCode1, bbCode2, endOfLine) {
var bbb;
if(bbCode1=='[url=null]') { bbCode1=''; bbCode2=''; }
if(bbCode1=='[imgs]' && myValue==null) { bbCode1=''; bbCode2=''; myValue=''; }

if (document.selection) {
//IE support
var str = document.selection.createRange().text;
myField.focus();
sel = document.selection.createRange();
sel.text = bbCode1 + myValue + bbCode2 + endOfLine;
if(myValue=='') { bbb=bbCode2.length; sel.moveStart('character',-bbb); sel.moveEnd('character',-bbb); }
sel.select();
return;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var bbb2, bbV;
if(myValue=='') myValue = myField.value.substring(startPos, endPos);
myField.value = myField.value.substring(0, startPos) + bbCode1 + myValue + bbCode2 + endOfLine + myField.value.substring(endPos, myField.value.length);
if(myValue=='') { bbb=bbCode1.length; myField.selectionStart=startPos+bbb; myField.selectionEnd=endPos+bbb; }
else { bbb=bbCode1.length; bbb2=bbCode2.length; bbV=myValue.length; myField.selectionStart=startPos+bbV+bbb+bbb2; myField.selectionEnd=startPos+bbV+bbb+bbb2; } 
myField.focus();
return;
} else {
myField.value += myValue;
return;
}
}

function paste_strinL(strinL, isQuote, bbCode1, bbCode2, endOfLine,User){ 
if((isQuote==1 || isQuote==2) && strinL=='') alert(l_quoteMsgAlert);
else{
if (isQuote==1) {
bbCode1='

	
		

			
				
					Iniciado por  + User + 
					
				
				
'; bbCode2='
			
		

'; endOfLine='\n';
}
if (isQuote==2) {
bbCode1=''; bbCode2=''; endOfLine='\n';
}
var isForm=document.forms["postMsg"];
if (isForm) {
var input=document.forms["postMsg"].elements["descripcion"];
insertAtCursor(input, strinL, bbCode1, bbCode2, endOfLine);
}
else alert(l_accessDenied);
}
}

function pasteSel() { 
if(document.getSelection) selection=document.getSelection(); 
else if(document.selection) selection=document.selection.createRange().text; 
else if(window.getSelection) selection=window.getSelection(); 
else selection=''; 
}

y luego pon en donde lo vayas a usar

Código:

<script type="text/javascript" src="editor.js"></script>

la etiqueta form tiene que tener el name así name="postMsg" y la textarea name="descripcion"

saludos.

edito:

dale a citar y coge el código JS de ahí, porque parece que el foro reemplaza el código

[M1gu3l]

y si envez de negrita kiero poner subrayado o cursiva que tengo que cambiar?

[codig0]

Pues si te fijas en el código de enlace en "modo citar" verás esto:

<a href="JavaScript:paste_strinL(selection,3,'','','')" onMouseMove="pasteSel()">Negrita</a>

cambia y por lo que quieras... subrayado en html es la etiqueta u y cursiva la etiqueta i...

mira los mensajes en modo citar, por que sino verás la mitad de las cosas que escribo...

[M1gu3l]

gracias me funciono :)

duda:como puedo acer LO MISMO pero por ejemplo un menu desplegable que ponga rojo,amarillo,verde

otra duda:como puedo dibujar una especie de cuadrado o rectangulo y meter texto dentro??

es decir,como el frame de visual basic 6

[blob_man]

Hola:

No he leído a fondo, pero creo que lo que buscas es:

1. Un combo box:

Código HTML:

<select name="color">
<option value="rojo">Rojo</option>
<option value="verde">Verde</option>
<option value="azul">Azul</option>
</select> 

2. Hace mucho que no uso VB6, pero creo que te refieres a un group box:

Código HTML:

<fieldset>
        <legend>Elige un color</legend>
        <select name="color">
                <option value="rojo">Rojo</option>
                <option value="verde">Verde</option>
                <option value="azul">Azul</option>
        </select>
</fieldset> 

A ver si es lo que buscabas.

Un saludo.

[M1gu3l]

si,quiero hacer lo mismo que ha explicado codig() pero con la combo box.

y no es un group box a lo que me refiero,busca vb 6 frame y lo veras

[blob_man]

Pues no tienes más que utilizar lo que ha dicho codig0 en las options del select en vez de en un link.

Código HTML:

<option onclick="código js">Nombre opción</option> 

Sustituyendo el href por el onclick. Por supuesto puedes utilizar el reto de eventos.

Y en cuanto al frame no sé exactamente a qué te refieres. Si lo que quieres es simplemente poner un borde puedes hacerlo mediante css. Por ejemplo:

Código HTML:

<div style="border:1px solid gray;">lo que quieras</div> 

Que a fin de cuentas es parecido, vaya. Si puedes explicar un poco más esto:

como puedo dibujar una especie de cuadrado o rectangulo y meter texto dentro

Te refieres a una funcionalidad en especial o al simple hecho de tener un recuadro alrededor de algo.

[GatorV]

Tema trasladado desde PHP