link invoegen

[imacbest]

[JS]function insertAtCursor(myField, myValue) {

//IE support

if (document.selection) {

myField.focus();

sel = document.selection.createRange();

sel.text = myValue;

}

//MOZILLA/NETSCAPE support

else if (myField.selectionStart || myField.selectionStart == '0') {

var startPos = myField.selectionStart;

var endPos = myField.selectionEnd;

myField.value = myField.value.substring(0, startPos)

+ myValue

+ myField.value.substring(endPos, myField.value.length);

} else {

myField.value += myValue;

}

}

// calling the function

insertAtCursor(document.formName.fieldName, 'this value');

function insertSmiley(smiley)
{
insertAtCursor(document.getElementById('mijnTextArea'), smiley);
}[/JS]

en de html link:

<a href='#' onclick='insertSmiley(":p");'>
   <img src='tong.png' />
</a>

kun je ook dat er zo'n invoerveld komt als je op een link klikt om in te voeren?
dan komt er dus in de link de goede linkadres en ook voor te titel van de tekst.
is dat mogelijk

 

[NielsDesmet]

Een link dialog zoals in een forum? Ja, das niet moeilijk:

Dit is de html code voor de knop (er moet een afbeelding link.png zijn):

<a href='#' onclick='insertLink();'>
   <img src='link.png' />
</a>

En deze functie voeg je toe aan je script:
[js]
function insertLink()
{
var linkurl = prompt("Geef de url:", "");
var linktekst = prompt("Geef de linktekst:", "");

insertAtCursor('<a href="'+linkurl+'">'+linktekst+'</a>');
}
[/js]

EDIT: Of als je BBCode gebruikt in plaats van html:
[js]
function insertLink()
{
var linkurl = prompt("Geef de url:", "");
var linktekst = prompt("Geef de linktekst:", "");

insertAtCursor(''+linktekst+'[/a]');
}
[/js]