Tag su Textarea

[peppeweb]

Ciao a tutti (a ferragosto ... saremo soltanto in 2)

ho trovato in rete questo script:

<script type="text/javascript">
var codeLighter = function() {
var used = Array();
function codeLighter_add(str) {
var codeLighterTextarea_add = '';
var to_span = 'novalue';
if(!document.getElementById('codeLighterInternalTe xtarea')) {
alert('You need a TEXTAREA with id="codeLighterInternalTextarea" to use these buttons!');
}
if(document.getElementById('codeLighterTextareaSpa nChecker')!=null) {
to_span = document.getElementById('codeLighterTextareaSpanCh ecker').innerHTML;
to_span = parseInt(to_span);
}
if(document.getElementById('codeLighter' + str).value == '['+str+']') {
codeLighterTextarea_add = '['+str+']';
document.getElementById('codeLighter' + str).value = '[/'+str+']';
this.total.push('[/'+str+']');
if(to_span!='novalue') {
document.getElementById('codeLighterTextareaSpanCh ecker').innerHTML = (to_span+1);
}
}
else {
for(var a=(this.total.length-1); a>=0; a--) {
codeLighterTextarea_add += this.total[a];
var my_str = this.total[a].substr(2, (this.total[a].length-3));
document.getElementById('codeLighter' + my_str).value = '['+my_str+']';
if(to_span!='novalue') {
to_span--;
}
if(my_str==str) {
break;
}
}
if(this.total.length==0) {
codeLighterTextarea_add += '[/'+str+']';
document.getElementById('codeLighter' + str).value = '['+str+']';
if(to_span!='novalue') {
to_span--;
}
}
this.total = Array();
if(to_span!='novalue') {
document.getElementById('codeLighterTextareaSpanCh ecker').innerHTML = to_span;
}
}
document.getElementById('codeLighterInternalTextar ea').value += codeLighterTextarea_add;
document.getElementById('codeLighterInternalTextar ea').focus();
return true;
}
function codeLighter_closeTags(ar) {
var to_span = 'novalue';
for(var a=(ar.length-1); a>=0; a--) {
document.getElementById('codeLighterInternalTextar ea').value += ar[a];
var my_str = ar[a].substr(2, (ar[a].length-3));
document.getElementById('codeLighter' + my_str).value = '['+my_str+']';
}
this.total = Array();
if(document.getElementById('codeLighterTextareaSpa nChecker')!=null) {
to_span = document.getElementById('codeLighterTextareaSpanCh ecker').innerHTML;
to_span = parseInt(to_span);
}
if(to_span!='novalue') {
document.getElementById('codeLighterTextareaSpanCh ecker').innerHTML = '0';
}
document.getElementById('codeLighterInternalTextar ea').focus();
}
function codeLighter_maxChars() {
if(this.counter!=false) {
var check_len = document.getElementById('codeLighterInternalTextar ea').value.length;
var rest_len = 0;
if ( check_len >= this.counter ) {
document.getElementById('codeLighterInternalTextar ea').value = document.getElementById('codeLighterInternalTextar ea').value.substring(0, this.counter);
}
else {
rest_len = this.counter - check_len;
}
document.getElementById('codeLighterTextareaSpanCo unter').innerHTML = rest_len;
}
else {
document.getElementById('codeLighterTextareaSpanCo unter').innerHTML = document.getElementById('codeLighterInternalTextar ea').value.length;
}
}
this.total = used;
this.add = codeLighter_add;
this.close = codeLighter_closeTags;
this.maxChars = codeLighter_maxChars;
this.counter = false;
}
var codeLighter = new codeLighter();
</script>

questo è il form:


<form method="POST" action="Mod.asp" name="registrationForm">

<input id="codeLighterB" class="codeLighterButton" type="button" value="[B]" onClick="codeLighter.add('B');" onMouseOver="this.style.background='#FAFAFA'; this.style.color='#565656';" onMouseOut="this.style.background='#EFEFEF'; this.style.color='#787878';" />
<input id="codeLighterI" class="codeLighterButton" type="button" value="[I]" onClick="codeLighter.add('I');" onMouseOver="this.style.background='#FAFAFA'; this.style.color='#565656';" onMouseOut="this.style.background='#EFEFEF'; this.style.color='#787878';" />
<input id="codeLighterURL" class="codeLighterButton" type="button" value="[URL]" onClick="codeLighter.add('URL');" onMouseOver="this.style.background='#FAFAFA'; this.style.color='#565656';" onMouseOut="this.style.background='#EFEFEF'; this.style.color='#787878';" />
<input id="codeLighterMAIL" class="codeLighterButton" type="button" value="[MAIL]" onClick="codeLighter.add('MAIL');" onMouseOver="this.style.background='#FAFAFA'; this.style.color='#565656';" onMouseOut="this.style.background='#EFEFEF'; this.style.color='#787878';" />
<input class="codeLighterButton" type="button" value="[ * ]" onClick="codeLighter.close(codeLighter.total);" onMouseOver="this.style.background='#FAFAFA'; this.style.color='#565656';" onMouseOut="this.style.background='#EFEFEF'; this.style.color='#787878';" />

<textarea id="codeLighterInternalTextarea" rows="10" name="Itinerario" cols="70" style="font-family: Arial; font-size: 8pt; border-style: dotted; border-width: 1px; padding-left:2px; padding-right:2px; " class="bordures"><%=Rs("Itinerario")%></textarea>

</form>


Questo script serve per inserire dei tag dentro la textarea attraverso dei bottoni..

in questo momento se all'interno della textarea vi è già del testo lui l'inserimento dei tag lo fa alla fine del testo già inserito, io invece vorrei che il tag lo inserisse dove si trova il cursore... ma non so come modificarlo...

mi aiutate ? ....

Grazie mille

[Xinod]

ricerca in questo forum con chiave caretpos
ciao