Ciao, :gren:
vorrei creare una textarea in cui l'utente dopo aver scritto un testo possa compiere operazioni su di esso, ad es. sottolineando le righe selezionate o cambiandole in grassetto o in corsivo
E' possibile creare dei pulsanti accanto alla textarea e cliccando su di essi ottenere i vari effetti?
grazie
dani :tongue:
ora nn lo il link sotto mano, esiste un articolo sul sito html.it che ti spiega come fare...
cmq con una textarea no, la devi simulare con un iframe...
ok, grazie, ma io avrei proprio bisogno di una textarea...
ho trovato questo script. non è male ma invece di far diventare bold il testo selezionato, inserisce i tag e .
qualcuno riesce a modificarlo? (facendo in modo che alla pressione del pulsante B i testo selezionato diventi grassetto)
grazie
dani
----code----
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
// - frm : form name as object
// - resultfld : result field name as object
// - dowhat : text of html tag as text
// - obj : calling object
function replacesingle(frm,resultfld,dowhat,obj){
tagopen="<"+dowhat+">";
tagclose="</"+dowhat+">";
if(obj.options){
opts=obj.options[obj.selectedIndex].value;
len=opts.length;
split=opts.indexOf(",");
mod=opts.substring(0,split);
modval=opts.substring(split+1,len);
tagopen="<"+dowhat+" "+mod+"=\""+modval+"\">";
tagclose="</"+dowhat+">";
}
var SelectedString = document.selection.createRange().text;
var ReplaceString = tagopen+SelectedString+tagclose;
document.selection.createRange().text = ReplaceString;
}
//-->
</script>
</head>
<body>
<form name="theform" id="theform">
Highlight Text then click a button
<input type=button name=bold value=bold onClick="replacesingle(theform,newsletter,'b',this )">
<input type=button name=italic value=italic onClick="replacesingle(theform,newsletter,'i',this )">
<input type=button name=bullet value=bullet onClick="replacesingle(theform,newsletter,'li',thi s)">
<select name="color" id="color" onchange="replacesingle(theform,newsletter,'font', this)">
<option selected>Color Chooser</option>
<option value="color,FF0000" style="background-color:#FF0000;"></option>
<option value="color,00FF00" style="background-color:#00FF00;"></option>
<option value="color,0000FF" style="background-color:#0000FF;"></option>
</select>
<textarea name="newsletter" id="newsletter">fgfdgbdf gdfhdfh</textarea>
</body>
</html>
-----fine code-----
Non si possono applicare stili diversi a porzioni di testo (e sottolineo testo) contenuti in una textarea... puoi pero' inviarli per una sorta di preview ad un iframe, ad una popup o (cerca innerHtml) ad un layer...
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
per avere riscontro visivo della formattazione del contenuto non puoi usare una textarea, devi usare un sistema che si basi su iframe, come ti è stato detto da Dennis
iframe?
tipo questo? :master: :master:
<td colspan=2 align="center">
<div id="cdiv" style='position:relative; left:0px; top:0px; height:314px; width:603px;border:solid 1px #9C9C9C;'>
<textarea name="body" wrap="soft" style='visibility:visible; z-index:100; position:absolute; left:0px; top:0px; height=100%; width=100%'>Testo Testo Testo </textarea>
<IFRAME SRC="/cgi-bin/dasp/EN/rte.asp" id='richedit' style='visibility: hidden; position: absolute; left: 0px; top: 0px; height=100%; width=100%'></IFRAME>
</div>
</td>
si riesce a implementare questo script nel mio?
grazie mille ragazzi
dani
usa direttamente un editor che utilizzi un iframe
questo è commentato
ciao
ok, grazie!
dani
Permessi di invio
Rispondi quotando