--- title: "Insert link etc." type: "forum-thread" url: "https://www.webforum.nu/amne/javascript/141284-insert-link-etc" topic: "JavaScript" topic_url: "https://www.webforum.nu/amne/javascript" author: "Matsakii" published: "2006-01-22T13:49:02.000Z" updated: "2006-01-22T21:53:08.000Z" replies: 10 views: 474 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/141284-insert-link-etc" --- # Insert link etc. ## #1 — Matsakii, 2006-01-22T13:49Z Jag letar efter en idiot enkel tutorial hur jag gör ett javascript som tex. detta forum har. Man klickar på en knapp om man ska lägga in en link eller något i textfältet, så man slipper skriva \ \test\ > \test\ > \webmaster\ strängar genom 3 knappar med popupfönster där jag fyller i 1. URL och 2. text, precis som funktionen här på forumet. Permalänk: https://www.webforum.nu/p/1752719 ## #4 — Peter S, 2006-01-22T16:04Z Snarlikt wF ;) ``` ``` Permalänk: https://www.webforum.nu/p/1752723 ## #5 — Matsakii, 2006-01-22T16:29Z Tackar tackar. Det verkar funka bra, förutom att jag inte kan få in det i rätt textfält. Sen saknas kanske en knapp om man vill öppna i nytt fönster, eller står "Cancel" för "Nej"? Här är om form kod för text fältet: > \

Och här är koden jag fick av dig som jag lagt längre ner (kanske man inte ska??:

> \<table width="420" border="0" cellspacing="0"\>
>   \<tr\>
>     \<td\>\<form\>
>  \<textarea name="strText"\>\</textarea\>
>  \<input type="button" value="Infoga länk" onclick="insertURL(formNews)"\>
>  \<input type="button" value="Infoga e-postadress" onclick="insertEmail(formNews)"\>
> \</form\>\</td\>
>   \</tr\>
> \</table\>

Permalänk: https://www.webforum.nu/p/1752735

## #6 — Peter S, 2006-01-22T16:34Z

"Cancel" står för "nej".

Anrop sker med 'insertURL(this.form)' (det skall alltså stå **this.form**).

Funktionerna:

```
<script>
function insertURL(frm)
{
  var adr = window.prompt("Skriv in adressen","");
  if (adr){
    var txt = window.prompt("Skriv in länktexten","");
    if (txt){
      var trg = window.confirm("Öppna länken i nytt fönster?");
      trg = trg ? ' target="_blank"' : '';
      frm.elements["[b]strText[/b]"].value += '<a href="' + adr + '"' + trg + '>' + txt + '</a>';
    }
  }
}

``` Permalänk: https://www.webforum.nu/p/1752739 ## #7 — Matsakii, 2006-01-22T16:44Z Hmm! Länkarna vill fortfarande inte hitta in i textfältet :( > \

> \ > \"\> > \ > \ > \ > \ > \

\<?= fnBrEncode($strText) ?\>\</textarea\>
> 		\<br\>
> 			\<a href="JavaScript:addSmiley(':-)')" class="smiley"\>\<img src="../images/smilies/icon_smile.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(';-)')" class="smiley"\>\<img src="../images/smilies/icon_wink.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':-(')" class="smiley"\>\<img src="../images/smilies/icon_sad.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':D')" class="smiley"\>\<img src="../images/smilies/icon_biggrin.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':o')" class="smiley"\>\<img src="../images/smilies/icon_surprised.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley('8O')" class="smiley"\>\<img src="../images/smilies/icon_eek.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':?')" class="smiley"\>\<img src="../images/smilies/icon_confused.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley('8)')" class="smiley"\>\<img src="../images/smilies/icon_cool.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley('\[oops\]')" class="smiley"\>\<img src="../images/smilies/icon_redface.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':lol:')" class="smiley"\>\<img src="../images/smilies/icon_lol.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':P')" class="smiley"\>\<img src="../images/smilies/icon_razz.gif" border="0" alt=""\>\</a\>
> 	\<a href="JavaScript:addSmiley(':cry:')" class="smiley"\>\<img src="../images/smilies/icon_cry.gif" border="0" alt=""\>\</a\>
>       \</td\>
>     \</tr\>
> 	\<tr\>
> 	  \<td width="5"\> \</td\>
>       \<td\>Published:\</td\>
>       \<td\>\<?=date("Y-m-d",$datPublished);?\>\</td\>
>     \</tr\>
> 	\<tr\>
> 	  \<td width="5"\> \</td\>
>       \<td\>Valid to :\</td\>
>       \<td\>
>         \<input type="text" name="year" size="4" maxlength="4" value="\<? echo date("Y",$dat); ?\>"\>
>         \<input type="text" name="month" size="2" maxlength="2" value="\<? echo date("m",$dat); ?\>"\>
>         \<input type="text" name="day" size="2" maxlength="2" value="\<? echo date("d",$dat); ?\>"\>
>         (If the date is not change, the news will stay for ever)\<br\>\<br\>
> 		 \<input type="button" value="Infoga länk" onclick="insertURL(this.form)"\>
>  		\<input type="button" value="Infoga e-postadress" onclick="insertEmail(this.form)"\>\<br\>\<br\>\</td\>
>     \</tr\>
>     \<tr\>
>       \<td width="5"\>\</td\>
>       \<td\>\</td\>
>       \<td\>\<input type="submit" name="Submit" value=" OK "\>
>       \</td\>
>     \</tr\>
>   \</table\>
> 
>     \<br\>
> \</form\>
> \<hr width="90%"\>
> \<table width="420" border="0" cellpadding="5" cellspacing="0"\>
>   \<tr\>
>     \<th width="5" scope="row"\>\<img src="../images/space_5x5.gif" width="5" height="2"\>\</th\>
>     \<th width="39" align="left" bgcolor="B4D4F0" scope="row"\>\<div align="left"\>\<img src="../images/link1.gif" width="20" height="20"\>\</div\>\</th\>
>     \<td width="346" bgcolor="B4D4F0"\>//<a href="http://www."\>text</a\>    \</td\>
>   \</tr\>
>   \<tr\>
>     \<th scope="row"\> \</th\>
>     \<th align="left" bgcolor="D9E6F6" scope="row"\>\<div align="left"\>\<img src="../images/link2.gif" width="20" height="20"\>\</div\>\</th\>
>     \<td bgcolor="D9E6F6"\>//<a href="http://www."target="\_blank"\>text</a\> \</td\>
>   \</tr\>
>   \<tr\>
>     \<th scope="row"\> \</th\>
>     \<th align="left" bgcolor="B4D4F0" scope="row"\>\<div align="left"\>\<img src="../images/mail_icon.gif" width="20" height="20"\>\</div\>\</th\>
>     \<td bgcolor="B4D4F0"\>//<a href="mailto:@ayianapa.nu"\>webmaster</a\> \</td\>
>   \</tr\>
> \</table\>
> \<table width="420" border="0" cellspacing="0"\>
>   \<tr\>
>     \<td\>\<form\>
>  \<textarea name="strText"\>\</textarea\>
>  \<input type="button" value="Infoga länk" onclick="insertURL(this.form)"\>
>  \<input type="button" value="Infoga e-postadress" onclick="insertEmail(this.form)"\>
> \</form\>\</td\>
>   \</tr\>
> \</table\>

Jag verkar inte ha någon bra dag i dag   :l

Permalänk: https://www.webforum.nu/p/1752740

## #8 — Peter S, 2006-01-22T16:55Z

Var har du JavaScript-koden?

Permalänk: https://www.webforum.nu/p/1752746

## #9 — Matsakii, 2006-01-22T16:59Z

Here it comes :)

> \<script language="JavaScript" type="text/javascript"\>
> \<!--
> function addSmiley(text) {
> 	text = ' ' + text + ' ';
> 	var objElem = document.formNews.strText;
> 	if (objElem.createTextRange && objElem.caretPos) {
> 		var caretPos = objElem.caretPos;
> 		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
> 		objElem.focus();
> 	} else {
> 		objElem.value  += text;
> 		objElem.focus();
> 	}
> }
> function storeCaret(textEl) {
> 	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
> }
> 
> function insertURL(frm)
> {
>   var adr = window.prompt("Skriv in adressen","");
>   if (adr){
>     var txt = window.prompt("Skriv in länktexten","");
>     if (txt){
>       var trg = window.confirm("Öppna länken i nytt fönster?");
>       trg = trg ? ' target="\_blank"' : '';
>       frm.elements\["t"\].value += '\<a href="' + adr + '"' + trg + '\>' + txt + '\</a\>';
>     }
>   }
> }
> 
> function insertEmail(frm)
> {
>   var adr = window.prompt("Skriv in e-postadressen","");
>   if (adr){
>     var txt = window.prompt("Skriv in länktexten","");
>     if (txt){
>       frm.elements\["t"\].value += '\<a href="mailto:' + adr + '"\>' + txt + '\</a\>';
>     }
>   }
> }
> //--\>
> \</script\>

Permalänk: https://www.webforum.nu/p/1752750

## #10 — Peter S, 2006-01-22T18:10Z

Den bifogade koden fungerar för mig.  :)

Bilagor:

- [matsakii.txt](https://www.webforum.nu/a/9380.txt)

Permalänk: https://www.webforum.nu/p/1752778

## #11 — Matsakii, 2006-01-22T21:53Z

Och nu funkar det för mig med.

Ett super tack Peter :)

Permalänk: https://www.webforum.nu/p/1752884

---

Tråden på webben: https://www.webforum.nu/amne/javascript/141284-insert-link-etc