---
title: "textarea preview"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/76292-textarea-preview"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ironhead"
published: "2003-05-08T07:23:44.000Z"
updated: "2003-05-08T13:57:25.000Z"
replies: 8
views: 275
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/76292-textarea-preview"
---

# textarea preview

## #1 — ironhead, 2003-05-08T07:23Z

Kan man ta innehållet i en "textarea" (formaterad med en massa html- taggar) och göra nån slags "förhansdvisning" i ett popupfönster?

```php
<form name="vbform" method="post" action="update.php">
<textarea name="textfield">
<b><h1>HELLO</h1></b>
</textarea>
<input type="button" name="Preview" value="Förhandsvisa" onclick="openWin([b]textarea innehåll[/b])">
<input type="submit" name="Submit" value="Uppdatera">
</form>

<script type="text/javascript">
<!--
function openWin(){
 window.open('preview.php','scrollbars=auto,width=600,height=400')
};

//-->
</script>
```

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

## #2 — Jesper T, 2003-05-08T07:32Z

<http://www.jojoxx.net/jscript/archive/formpreview.html>
Kanske kan vara ngt?

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

## #3 — ironhead, 2003-05-08T10:58Z

öööh! Hur ska det här funka då?

Error: Expected identifier, Line 0

```php
<script language="JavaScript" type="text/javascript">

function previewForm(obj){
	previewWin=window.open("","","width=600,height=200,scrollbars=yes");
	with(previewWin.document){
		open();
		write("<html><head><title>Preview of form</title></head><body><table border=0>");
		for(var n=0;n<obj.length;n++){
			if(obj[n].name.length>0){
				if(obj[n].type=="file" || obj[n].type=="text" || (obj[n].type=="checkbox" || obj[n].type=="radio") && obj[n].checked){
					write("<tr><td><b>"+obj[n].name+"</b></td><td>"+obj[n].value+"</td></tr>");
				} else if(obj[n].type == "select-one" || obj[n].type == "select-multiple"){
					for(var nn=0;nn<obj[n].length;nn++){
						if(obj[n][nn].selected){ write("<tr><td><b>"+obj[n].name+"</b></td><td>"+obj[n][nn].value+"</td></tr>"); }
					}
				}
			}
		}
		write("</table><form><input type=\"button\" value=\"Skicka\" onClick=\"window.opener.document."+obj.name+".submit(); window.close();\"> <input type=\"button\" value=\"Ångra\" onClick=\" window.close();\"></form></body></html>");
		close();
	}
	return false;
}
</script>

<form name="test" method="post" action="preview.php">
<textarea>
<b><h1>test</h1></b>
</textarea>
<input type="submit" value="test" onSubmit="return previewForm(this);">
</form>
```

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

## #4 — Jesper T, 2003-05-08T11:22Z

Onsubmit skall vara inom \<form &nbsp;&nbsp;&nbsp;&nbsp; \>
Men textarea verkar inte funka, jag testade med \<input type="text" då gick det bra.
Enklast vore det om du har något serverbaserat scriptspråk på din server så går detta att fixa med en klackspark.

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

## #5 — ironhead, 2003-05-08T11:30Z

Har ju möjlighet att köra PHP...vad ere för klackspark du pratar om?  ;)

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

## #6 — ironhead, 2003-05-08T13:10Z

Hur fick du det att funka med en input-ruta?

```php
<script language="JavaScript" type="text/javascript">

function previewForm(obj){
	previewWin=window.open("","","width=600,height=200,scrollbars=yes");
	with(previewWin.document){
		open();
		write("<html><head><title>Preview of form</title></head><body><table border=0>");
		for(var n=0;n<obj.length;n++){
			if(obj[n].name.length>0){
				if(obj[n].type=="file" || obj[n].type=="text" || (obj[n].type=="checkbox" || obj[n].type=="radio") && obj[n].checked){
					write("<tr><td><b>"+obj[n].name+"</b></td><td>"+obj[n].value+"</td></tr>");
				} else if(obj[n].type == "select-one" || obj[n].type == "select-multiple"){
					for(var nn=0;nn<obj[n].length;nn++){
						if(obj[n][nn].selected){ write("<tr><td><b>"+obj[n].name+"</b></td><td>"+obj[n][nn].value+"</td></tr>"); }
					}
				}
			}
		}
		write("</table><form><input type=\"button\" value=\"Skicka\" onClick=\"window.opener.document."+obj.name+".submit(); window.close();\"> <input type=\"button\" value=\"Ångra\" onClick=\" window.close();\"></form></body></html>");
		close();
	}
	return false;
}
</script>

<form method="post" action="preview.php" onSubmit="return previewForm(this);">
 <input type="text" value="<b><h1>test</h1></b>">
 <input type="submit" value="test" name="submit">
</form>
```

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

## #7 — dectgap, 2003-05-08T13:27Z

Om du vill använda en textarea:

```
<script type="text/javascript">
function preview(theForm){
    txt = theForm.code.value;

    popup = window.open("", "foo", "width=600, height=500");

    with(popup.document){
        write("<html>\n<body>\n");
        write(txt);
        write("\n</body>\n</html>");
    }
}
</script>

...

<form>

<textarea name="code"></textarea>
<br />
<input type="button" value="Förhandsgranska" onclick="preview(this.form)" />

</form>
```

För att slippa skapa nya html-dokument varje gång jag ska testa någon HTML/CSS/JavaScript-kod har jag skapat den här sidan (inspirerad av w3schools.com) där jag använder PHP för att skriva ut resultatet:
<http://roslund.homeip.net/mattias/arbetsplats/>

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

## #8 — ironhead, 2003-05-08T13:56Z

Tackar! Funka kanon!  :e

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

## #9 — Jojoxx, 2003-05-08T13:57Z

Sorry. Hade glömt textarea. Nu är det [fixat](http://www.jojoxx.net/jscript/archive/formpreview.html).

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/76292-textarea-preview
