---
title: "en knapp som anropar en popup ruta..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/66939-en-knapp-som-anropar-en-popup-ruta"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mahedel"
published: "2003-02-02T13:06:21.000Z"
updated: "2003-02-02T19:17:03.000Z"
replies: 15
views: 361
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/66939-en-knapp-som-anropar-en-popup-ruta"
---

# en knapp som anropar en popup ruta...

## #1 — mahedel, 2003-02-02T13:06Z

skulle behöva göra en vanlig submit knapp sen när man trycker på den så ska en ruta komma upp där man kan skriva in tex. <https://www.minsida.se> sen när man trycker enter så skrivs \<lank\><https://www.minsida.se>\</lank\> ut i ett textfält som man kan skriva i...

typ som här på wf... när man infogar en kod eller php kod...

/MVH Martin

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

## #2 — Peter S, 2003-02-02T13:41Z

Så här kanske:

```
<head>

<script type="text/javascript">
<!--

function insertLink(o){
	var text = null;
	text = prompt("Skriv in länktexten", "");

	if(text) o.elements["tArea"].value += "<lank>"+text+"</lank>";
	return false;
};

//-->
</script>

</head>

<body>

<form onsubmit="return false">

<button onclick="insertLink(this.form)">Infoga länk</button>

<textarea cols="40" rows="10" name="tArea"></textarea>

</form>

</body>
```

 :)

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

## #3 — dectgap, 2003-02-02T13:44Z

```
<script type="text/javascript">
function addLink(){
 link = prompt("Skriv in adressen:","")
 if (link){
  document.msgForm.message.value+="<lank>"+link+"</lank>";
 }
}
</script>

<form name="msgForm">
<textarea id="message">Lite text</textarea>
<br />
<button onclick="addLink()">Skriv länk</button>
</form>
```

EDIT:
Lite sent bara.

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

## #4 — Peter S, 2003-02-02T13:46Z

:p

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

## #5 — Jesper T, 2003-02-02T13:56Z

Ett annat alternativ.

```
<html>
<head>
<title>Test</title>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

//-->
</script>

</HEAD>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_showHideLayers('linkadd','','hide')">
<form name="form1" method="post" action="">
  <textarea name="textfalt"></textarea>

  <input type="button" onclick="MM_showHideLayers('linkadd','','show')" value="L&auml;nk">

<div id="linkadd"><input type="text" name="link">
  <input type="button" value="L&auml;gg till" onclick="document.form1.textfalt.value='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';">
</div>
</form>

</body>
</html>
```

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

## #6 — mahedel, 2003-02-02T14:13Z

TACK!

Tjena!

TACK för alla svar... jag sökte efter popup rutan.... som dom 2 första inläggen hade... det 3:e var perfa också men det textrutan och infoga knappen försvann inte så men om man kan få det att försvinna det det vara bra...

/MVH Martin

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

## #7 — Jesper T, 2003-02-02T14:18Z

Ändra denna:

```
 <input type="button" value="Lägg till" onclick="document.form1.textfalt.value='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';MM_showHideLayers('linkadd','','hide');">
```

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

## #8 — mahedel, 2003-02-02T14:27Z

till jesper...

det funka fint nu men den ersätter allt i textrutan... den ska lägga till koden bara vid den aktuella positionen av markören...

/MVH Martin

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

## #9 — Peter S, 2003-02-02T17:21Z

```
input type="button" value="Lägg till" onclick="document.form1.textfalt.value[B]+[/B]='<a href='+ document.form1.link.value +'>'+ document.form1.link.value +'</a>';MM_showHideLayers('linkadd','','hide');">
```

 :)

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

## #10 — mahedel, 2003-02-02T17:28Z

funka fint...

hur gör man satt värdet i rutan som man skriver in länken försvinner efter att man tryck på "lägg till"?

/Martin

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

## #11 — Peter S, 2003-02-02T17:34Z

```
function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; [B]document.forms["form1"].elements["link"].value='';[/B]}
}
```

 :)

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

## #12 — mahedel, 2003-02-02T17:38Z

tjo..

kan man ha en knapp som det står ångra typ, den ska ligga brevid "lägg till".. den ska dölja allt igen...

/Martin

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

## #13 — Peter S, 2003-02-02T18:23Z

```
<input type="button" value="Ångra" onclick="this.form.reset()">
```

 :)

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

## #14 — mahedel, 2003-02-02T18:40Z

tjo

det jag menade var egentligen en knapp som döljer lagret som när man trycker på "lägg till" fast den lägger inte till utan den bara döljer lagret...

/Martin

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

## #15 — Peter S, 2003-02-02T18:43Z

Då gör du så här:

```
<input type="button" value="Ångra" onclick="MM_showHideLayers('linkadd','','hide');">
```

 :)

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

## #16 — mahedel, 2003-02-02T19:17Z

TACK!

TACK ALLA FÖR HJÄLPEN!!

SPECIELLT PETER!

/Martin

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/66939-en-knapp-som-anropar-en-popup-ruta
