-
Editor Bbc Per testi
Ciao , ho bisogno di un grandisssssimo aiuto; volevo sviluppare un Js editor che possa funzionare nella composizione di messaggio, da inserire nel mio sito (tipo questo superiore) quindi, ho sviluppato il seguente codice; MA :???: nonostante i pulsanti siano inseriti NON interagiscono con il testo del box area selezionato (formattandolo) Dove ho sbagliato/dimenticato, dove devo correggere per farlo funzionare?
Non mastico molto il Js.... Quindi helllllllllppppp :|:cry:
<h2></h2>
<font color="ffff"><div class="form_label"><h2>
Risposta rapida</h2>
</div>
<div class="form_field">
<script type="text/javascript">
// <![*CDATA[*
var form_name = ´form_field´;
var text_name = ´messaggio´;
function wrapText(elementID, openTag, closeTag) {
var textArea = $(´#´ + elementID);
var len = textArea.val().length;
var start = textArea[*0*].selectionStart;
var end = textArea[*0*].selectionEnd;
var selectedText = textArea.val().substring(start, end);
var replacement = openTag + selectedText + closeTag;
textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
}
// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array(´[*b*]´,´[*/b*]´,´[*i*]´,´[*/i*]´,´[*u*]´,´[*/u*]´,´[*quote*]´,´[*/quote*]´,´[*code*]´,´[*/code*]´,´[*list*]´,´[*/list*]´,´[*list=*]´,´[*/list*]´,´[*img*]´,´[*/img*]´,´[*url*]´,´[*/url*]´,´[*flash=*]´, ´[*/flash*]´,´[*size=*]´,´[*/size*]´, ´[*spoiler*]´, ´[*/spoiler*]´, ´[*youtube*]´, ´[*/youtube*]´);
var imageTag = false;
// Helpline messages
var help_line = {
b: ´Grassetto: [*b*]testo[*/b*]´,
i: ´Corsivo: [*i*]testo[*/i*]´,
u: ´Sottolineato: [*u*]testo[*/u*]´,
q: ´Cita: [*quote*]testo[*/quote*]´,
c: ´Codice: [*code*]codice[*/code*]´,
l: ´Lista: [*list*]testo[*/list*]´,
o: ´Lista ordinata: [*list=*]testo[*/list*]´,
p: ´Immagine: [*img*]http://immagine_url[*/img*]´,
w: ´Collegamento: [*url*]http://url[*/url*] o [*url=http://url*]testo aggiuntivo[*/url*]´,
s: ´Colore: [*color=red*]testo[*/color*] Tip: puoi usare anche codici esadecimali dei colori color=#FF0000´,
tip: ´NB: Si possono applicare rapidamente gli stili al testo selezionato.´
}
// *]*]>
</script>
<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclik="bbstyle(0)" onmouseover="helpline(´b´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline(´i´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline(´u´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline(´q´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline(´c´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" onmouseover="helpline(´l´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" onmouseover="helpline(´o´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="t" name="addlitsitem" value="[***]" style="width: 40px" onclick="bbstyle(-1)" onmouseover="helpline(´e´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" onmouseover="helpline(´p´)" onmouseout="helpline(´tip´)">
<input type="button" class="btnbbcode" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" onmouseover="helpline(´w´)" onmouseout="helpline(´tip´)">
<textarea name="messaggio" /></textarea>
</div>
Note
[*b*]= Ho duvuto inserire l´* in modo che non venisse formattato qui, dal sito, (nel codice originale non è presente l´*)
-