---
title: "Förhandsvisa nyhet"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/122677-förhandsvisa-nyhet"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "joakimweb"
published: "2005-02-17T17:23:15.000Z"
updated: "2005-02-17T18:09:36.000Z"
replies: 6
views: 328
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/122677-förhandsvisa-nyhet"
---

# Förhandsvisa nyhet

## #1 — joakimweb, 2005-02-17T17:23Z

Hej!

Jag tänkte på mitt adminsystem göra så att jag kan se direkt hur uppdateringstexten jag skriver kommer att se ut, vet i princip hur man gör men lyckas inte :/

Någon som har tid och lust att hjälpa mig?

```
<form name="form1" method="post" action="">
                          <textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post"></textarea>
                          <br>
                          <input name="Submit" type="submit" class="submit" value="Spara">
                        </form>
```

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

## #2 — nitro2k01, 2005-02-17T17:43Z

Vill du alltså att kunna kolla hur det ser ut utan att behöva posta det till servern?

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

## #3 — joakimweb, 2005-02-17T17:45Z

Japp, så att texten skrivs i en DIV-tagg eller så.
Vet att det går enkelt men är man js-noob så är man ;-)

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

## #4 — nitro2k01, 2005-02-17T17:52Z

Det här är i princip den enklaste metoden, dock IE-specifik, HTML-kod slinker igenom (Det kanske du har fixat på server-sidan), men som sagt ett enkelt exempel.

```
<script rtype="text/javascript">
function previewPost(){
  document.getElementById("preview").innerHTML = document.forms.form1.formsx.value;
}
</script>

<div class="postclass" id="preview">
(Klicka på förhandsgranska)
</div>

<form name="form1" method="post" action="">
                          <textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post"></textarea>
                          <br>
                          <input name="Submit" type="button" class="submit" value="Förhandsgranska" onclick="previewPost();" />
                          <input name="Submit" type="submit" class="submit" value="Spara">
                        </form>
```

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

## #5 — joakimweb, 2005-02-17T18:00Z

Tusen tack, en följdfråga; går det att ordna så att det man skriver hamnar i rutan utan knapp? Alltså att det speglas?

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

## #6 — nitro2k01, 2005-02-17T18:08Z

```
<script rtype="text/javascript">
function previewPost(){
  document.getElementById("preview").innerHTML = document.forms.form1.formsx.value;
}
</script>

<div class="postclass" id="preview">
(Klicka på förhandsgranska)
</div>

<form name="form1" method="post" action="">
                          <textarea name="post" cols="90" rows="12" wrap="VIRTUAL" class="formsx" id="post" onchange="previewPost();" onpropertychange="previewPost();"></textarea>
                          <br>
                          <input name="Submit" type="submit" class="submit" value="Spara">
                        </form>
```

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

## #7 — joakimweb, 2005-02-17T18:09Z

Nitro - Du är bäst!
Återigen ett stort tack =)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/122677-förhandsvisa-nyhet