Avatar billede Slettet bruger
13. november 2002 - 16:22 Der er 7 kommentarer og
1 løsning

Indsætte et link i textarea

Hvordan kan jeg ved klik på et billede få en prompt op som man så kan indtaste link navn og linkadresse i.

Derefter skal den sætte de respektive tags omkring den tekst man har markeret i text areaét...?
Avatar billede neo.net Nybegynder
13. november 2002 - 17:27 #1
Prøv at kopier nedenstående direkte og gem det i en html fil. Så kan du se hvordan det virker.

<html>
<body>
<a href="#" onclick="document.execCommand('CreateLink')">lav link</a>
<div style="BORDER-RIGHT:2px inset; BORDER-TOP:2px inset; OVERFLOW:auto; BORDER-LEFT:2px inset; WIDTH:400; BORDER-BOTTOM:2px inset; HEIGHT:300; BACKGROUND-COLOR:#ffffff" contentEditable="true" id="editor">
Dette er en test
</div>
<a href="#" onclick="alert(document.getElementById('editor').innerHTML)">Se kildekode</a>
</body>
</html>

/neo.net
Avatar billede Slettet bruger
13. november 2002 - 17:51 #2
<script>
harFokus = false;

function lavLink() {
if (!harFokus)
return;
navn = prompt("Hvad skal linkets navn være?", "");
url = prompt("Hvad skal linkets URL være?", "http://");
tr = document.selection.createRange();
tr.text = '<a href="' + url + '" name="' + navn + '">' + tr.text + '</a>';
}
</script>

<textarea ... onFocus="harFokus = true;" onBlur="harFokus = false;"></textarea>

<input type="button" value="Lav link" onMouseDown="lavLink();">
Avatar billede Slettet bruger
14. november 2002 - 08:06 #3
Neo.net

Ved godt du har svaret men hvilke standard kommandoer kan man også bruge...bold?...Italic?

Jeg kan se du benytter et komponent fra browseren?
Avatar billede neo.net Nybegynder
14. november 2002 - 08:50 #4
Her er en samlet liste over hvilke kommandoer du kan bruge:

http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp

/neo.net
Avatar billede Slettet bruger
14. november 2002 - 09:00 #5
tak den fandt jeg lige...Hvad hvis man gerne vil submitte dit eksempel til en database...hvad gør man så?

Du kan få flere point!!!
Avatar billede neo.net Nybegynder
14. november 2002 - 09:16 #6
Jeg går ud fra at det du har gang i er at lave en online tekst editor :-)....

I mit ovenstående eksempel vil teksten fra din editor stå i div tagget.

Dermed kan du få indholdet gemt i en DB, ved foreksempel at gøre følgende:

lav et:
<input type="hidden" id="editorText">

lav en gem knap.

<a href="#" onclick="save();">gem</a>

lav functionen:

<script>
function save(){
  document.getElementById('editorText').value = document.getElementById('editor').innerHTML;
  form.submit();
}
</script>

Du skal lige huske at have et <FORM> tag rundt om det hele. Så vil du server site kunne modtage html indholdet fra din editor, via det input felt der hedder 'editorText'. Dette kan du jo så gemme i et text felt i databasen..

/neo.net
Avatar billede Slettet bruger
14. november 2002 - 15:11 #7
Mange tak skal du ha
Avatar billede Slettet bruger
14. november 2002 - 17:02 #8
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester