Allora, ho fatto un po' di ricerche, ma mica ci riesco. Nella funzione che segue la formattazione (in questo caso url di una immagine), viene inserito nella textarea dove si trova il cursore (solo con IE). Fin qui, tutto bene. Ora vorrei far aprire una popup e mettere li' dentro i bottoni... ma non capisco come modificare questa!
Il mio obiettivo finale e' far aprire una popup contenente delle immagini, cosi' che le si possa vedere in preview e cliccandoci sopra inserire il codice corrispondente nella popup la' dove si trova il cursore.
Il codice.
codice:
<!doctype html public "-//w3c//dtd html 3.2 final//en">
<html>
<head>
<title>Funzionerà?</title>
<meta name="generator" content="textpad 4.4">
<SCRIPT language=javaScript type=text/javascript>
//----------------------
// INSERT IMAGE
function FormatText(textEla, tagstart, tagend){
var textEl = eval(textEla);
if(textEl.createTextRange && textEl.caretPos){
var caretPos = textEl.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? tagstart + textE1 + tagend : tagstart + textE1 + tagend;
eval("document."+String(textEla)+".focus();");
getActiveText(textEl);
}
}
function getActiveText(textEl){
if(textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
textE1 = (document.all) ? document.selection.createRange().text : document.getSelection();
}
function InsertImage(obj){
var elemento = window.prompt("Url immagine:","http://");
if(elemento != "" && elemento != null && elemento != "http://") FormatText(obj,'[img]'+elemento+'[/img]','');
var elemento = "";
}
// INSERT IMAGE
//---------------------
</SCRIPT>
</head>
<body>
<input type="button" value="Inserisci Image" onClick="InsertImage('mioform.testo')"/>
<form name="mioform" action="#">
<fieldset>
<legend>Testo</legend>
<textarea cols="50" rows="20" name="testo" onmouseup=getActiveText(this); onkeyup=getActiveText(this); onclick=getActiveText(this);></textarea>
</fieldset>
</form>
</body>
</html>