[Javascript] Inserire testo fra testo selezionato

[sevenjeak]

Salve,

Forse il titolo è poco informativo, ma non ho trovato un titolo più informativo di questo.

Cmq, sto aggiornando, sul mio sito, il guestbook e il modulo per inviare un messaggio, dove sto mettendo una barra per inserire il bb-code, quasi come quella di AlterVista ( non so se avete presente )

Il problema ora si fa nel problema di inserimento del bb-code.

Bhe... Premetto che questo lo so fare, ma solamente se il bb-code deve essere inserito alla fine del testo.

Ora, ho visto, qui su AlterVista, che i tag, del bb-code, non vengono inseriti alla fine del testo, ma nel punto, del testo, in qui ai lasciato il cursore per l'ultima volta, e alle due estremità del testo selezionato ( non so se mi sono spiegato ).

Come è possibile fare ciò?

[andreafallico]

Devi usare document.getElementById(id).selectionStart e document.getElementById(id).selectionEnd per Firefox, ecc... e per IE document.selection, ecc...
Studiati lo script javascript di questa pagina andreafallico.altervista.org/files/bbcode-smilies.html

[sevenjeak]

Ok, ho provato a fare questo codice:

  function addBBCode()
  {
     var element = document.getElementById("comment");
	 
	 if (element.selectionStart) {
	    var start = element.selectionStart;
		var end = element.selectionEnd;
		
		element.value = element.value.substring(0, start) + "[B][/B]" + element.value.substring(end);
	 }
  }

Effettivamente questo codice, mi inserisce, nel punto desiderato, del testo [ B ][ / B ] ( senza spassi ).

Purtroppo non riesco a capire il resto, da quello che vedo far riferimento a window.self e window.opened, ma queste non servono a far riferimento ad una nuova finestra? io non dovrei far riferimento ad altre finestra, ma dovrei usare solo una finestra.

[andreafallico]

Io l'ho fatto così:

function addBBcode(str){
	var element = document.getElementById('comment');
	if(element.selectionStart){
		var start = element.selectionStart;
		var end = element.selectionEnd;
		element.value = element.value.substring(0, start) + str.replace('%s', element.value.substring(start, end)) + element.value.substring(end);
	}
}

e poi la funzione la chiami così:

<a onclick="addBBcode('[i]%s[/i]');">[i]testo[/i]</a>
<a onclick="addBBcode('[u]%s[/u]');">[u]testo[/u]</a>
<a onclick="addBBcode('[b]%s[/b]');">[b]testo[/b]</a>

[sevenjeak]

Infatti cosi funzione, grazie.

EDIT:

Il codice non funziona se mi trovo all'inizio del testo e se sottolineo tutto il testo ( che credo sia la stessa cosa ), come mai?

[andreafallico]

Così funziona:

function addBBcode(str){
	var element = document.getElementById('comment');
	if(element.selectionStart != null){
		var start = element.selectionStart;
		var end = element.selectionEnd;
		if(element.value.length == end - start)
			element.value = str.replace('%s', element.value);
		else
			element.value = element.value.substring(0, start) + str.replace('%s', element.value.substring(start, end)) + element.value.substring(end);
	}
}

Fai tutte le prove possibili e poi mi dici se c'è da sistemare ancora.

[sevenjeak]

Il codice funziona solamente se levo la if finale, in questo modo:

function addBBcode(str){
	var element = document.getElementById('comment');
	if(element.selectionStart != null){
		var start = element.selectionStart;
		var end = element.selectionEnd;

	        element.value = element.value.substring(0, start) + str.replace('%s', element.value.substring(start, end)) + element.value.substring(end);
         }
}

[andreafallico]

Funziona anche se non metti l'if, perchè

element.value = element.value.substring(0, 0) + str.replace('%s', element.value.substring(0, length)) + element.value.substring(length);

nel caso selezionato tutto il testo.

[saitfainder]

Tempo fa avevo scritto un articolo sull'argomento

[sevenjeak]

Funziona anche se non metti l'if, perchè

element.value = element.value.substring(0, 0) + str.replace('%s', element.value.substring(0, length)) + element.value.substring(length);

nel caso selezionato tutto il testo.

Non so, come hai scritto te non funziona, funziona solamente se tolgo quella if, funziona anche nel caso seleziono tutto.

Cmq, non saprei, lo provato solo con chrome, ora vedo se funziona anche negli altri.

saitfainder, sto leggendo il tuo articolo, ti farò sapere.