[editor] hiperlink ad una img

[texerasmo]

Come posso selezionare una img e metterci un link?
con semplice testo ci riesco

function crea_link() {
var form = document.getElementById("idForm");
sezione_attuale = form.sezione.value;
if (sezione_attuale == "") {
alert("Selezionare una sezione editabile");
form.sezione_sel.focus()
return;
}
else {
var cursore = idContent.document.selection.createRange();
var testo = cursore.htmlText;
var pos = testo.indexOf("<A");
var pos1 = 0;
if (pos > -1) {
pos1 = testo.indexOf(">");
testo = testo.substring(0,pos) + testo.substring(pos1);
}
if (pos > -1) {
testo = testo.substring(pos+1);
pos = testo.indexOf("</A>");
if (pos > -1) testo = testo.substring(0,pos);
}
else {
//******
pos = testo.indexOf(">");
if (pos > 0) testo = testo.substring(pos+1); // eliminazione dei tag
var pos = testo.indexOf("<");
if (pos > 0) testo = testo.substring(0,pos);
//********
}
if (rtsuggerimento != "") rtsuggerimento = ' title="' + rtsuggerimento + '" ';
rturl_popup = "<a href=\""+rturl_popup + " \""+ rtsuggerimento + rttarget + ">"+ testo +"</a>";
cursore.pasteHTML(rturl_popup);
//cursore.htmlText = rturl_popup;
}
}

con una img devi imappazzire con il mouse io voorei fare una cosa come fronpage
tnks a tutti

[texerasmo]

up

[Xinod]

puoi fornire un link dove vedere tutto in azione?
non c' è sempre il tempo di ricostruire tutto l' ambiente...

[texerasmo]

Io e altri miei colleghi abbiamo creato un web-editor.
Ora abbiamo pb con la creazione dei link sulle img.
Se tu selezioni con un mouse un testo lo catturi semplicemente con un createRange.
esempio:
idContent.document.selection.createRange();
poi fai
var testo = cursore.htmlText;

testo ti restiuisce il contenuto della selezione.


quindi prendo il contenuto modifico aggingendo il tag <a .

Ora questo metodo non va bene per le img o meglio funziona ma selezionare un img come fosse del testo è antipatico.
come posso catturare in javascript la selezione di una img? con un semplice click?

tnks

[Xinod]

da integrare con quanto hai già

function rSel(){
    return idContent.document.selection.createRange()
}

function rType(){
    return idContent.document.selection.type.toLowerCase()
}

function addLink(){
    idContent.focus();
    var sel=rSel();
    if(rType()=='control'){ // se è selezionato qualcosa e non è testo
        if(sel.length==1){ // se è selezionato un unico elemento
            if(sel(0).tagName.toLowerCase()=='img'){ // se questo elemento è un' immagine
                var isLnk=(sel(0).parentElement.tagName.toLowerCase()=='a')?1:0; // il padre è già un link?
                if(isLnk){
                    var oldLnk=sel(0).parentElement.href;
                    if(!confirm("collegamento per l' immagine già presente:\n"+oldLnk+"\n vuoi modificarlo?")) 
                        return;
                }

                var lnk=prompt("inserisci l' indirizzo assoluto a cui puntare:", (isLnk)?oldLnk:"http://")

                // aggiungi controlli vari sull' indirizzo

                var oImg=sel(0);
                var oSel=idContent.document.body.createTextRange();
                oSel.moveToElementText(oImg);
                oSel.select(); // seleziona l' immagine

                if(isLnk){
                    oSel.parentElement().parentElement.href=lnk;    
                }
                else {
                    oSel.parentElement().outerHTML='[url="'+lnk+'"]'+oSel.parentElement().outerHTML+'[/url]';
                }
            } // fine if(sel(0).tagName.toLowerCase()=='img')
        } // fine if(sel.length==1)
    } // fine if(rType()=='control')
} 

ciao

[texerasmo]

ok prova tnks