---
title: "Jag skulle vilja bygga upp en debug-sida - se länk för referens"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/177260-jag-skulle-vilja-bygga-upp-en-debug-sida-se-länk-för-referens"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "haider"
published: "2009-03-02T20:44:38.000Z"
updated: "2009-03-03T21:10:35.000Z"
replies: 20
views: 679
page: 1
pages: 2
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/177260-jag-skulle-vilja-bygga-upp-en-debug-sida-se-länk-för-referens"
---

# Jag skulle vilja bygga upp en debug-sida - se länk för referens

_Sida 1 av 2._

## #1 — haider, 2009-03-02T20:44Z

Den här sidan stötte jag på och jag gillade möjligheten att ändra koden och sen uppdatera för att jobba i realtid.
Hittills har jag fått pilla på en sida, uppdaterat, testat online, elände, gjort om osv.

Hur gör man en sådan sida? Måste man köra med iframe?

Jag behöver alltså antingen en fingervisning eller en dechifrering av den sidan, för jag förstår inte riktigt hur den är gjord.

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

## #2 — haider, 2009-03-02T20:44Z

Sidan: <http://www.quackit.com/html/tags/html_option_tag.cfm>

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

## #3 — voigtann1, 2009-03-02T21:11Z

det är bara att ta value från textarean och sätt innerHTML i exempelvis en div till det värdet ifrån textarean.

Men en iframe vill du kanske ha för javascript osv.

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

## #4 — oskars, 2009-03-03T10:21Z

Nackdelen är väl att man inte får koden highlightad och sånt där? Fast det går nog att lösa ändå!

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

## #5 — haider, 2009-03-03T10:29Z

voigtann1: okej, jag är med på innerHTML lösningen.
Men varför krävs iframe? Är det för uppdateringens skull?
Sen undrar jag om jag har förstått det rätt; det verkar som om han kör \<form action="\*sökvägen till iframe-filen

Kan man göra så? Jag har alltid trott att man måste ange en perl-fil eller php-fil.
Och vad gör den processen; uppdaterar den därmed innehållet i iframe-filen?

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

## #6 — voigtann1, 2009-03-03T10:29Z

Jag har aldrig brytt mig om highlightning av koder, så det är ju ingen nackdel direkt. men iframe lösningen "måste" göras för javascript (om man inte köra någon eval) vilket känns lite överflödigt.

Man skall göra göra det med ASP/php osv, man kan lösa det med javascript, kan se om jag kan få lite tid över (om du måste få igång javascript).

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

## #7 — haider, 2009-03-03T10:30Z

oskars: vad menar du med highlightad kod? Du menar till skillnad från att jobba inne i en html editor?

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

## #8 — voigtann1, 2009-03-03T10:31Z

precis:

```
<a b=">">
```

mot:

```
<a b=">">
```

Red. Du behöver inte ha en \<form\> om det bara är HTML du är ute efter, men iframe lösningen löser problemet med att sidan (iframe sidan) laddas om och ladda in script taggar osv.

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

## #9 — haider, 2009-03-03T10:37Z

OK, men hur löser jag så den uppdaterar iframe?
för det verkar som om jag felaktigt fick för mig att form-sökvägen leder till iframe filen. Det gjorde den inte, utan den ledde till någon annan fil.
Så jag är tillbaka i ruta 1.

Jag har nu en html fil med en input-ruta.
Jag har en annan fil som laddas in genom iframe.
Vad jag inte vet är uppdateringsbiten.

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

## #10 — voigtann1, 2009-03-03T10:38Z

\<form\> postar till iframen (target),
jag gjorde en liten test som öppnar ett nytt fönster med koden du har skrivit:

```
<script type="text/javascript">
<!--
function displayHTML(form) {
	var inf = document.getElementById("test").value;
	win = window.open(", ", 'popup', 'toolbar = no, status = no');
  	win.document.write("" + inf);
}
-->
</script>

<textarea id="test"></textarea>

<button onclick="displayHTML()">Show HTML</button>
```

Jag få testa lite med iframe lösningen.

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

## #11 — haider, 2009-03-03T10:42Z

Så det är om man vill stoppa in javascript i textfield som man måste ha iframe, för det går inte att köra en innerhtml-överföring och samtidigt uppdatera sidan för att aktivera javascript.
Korrekt?

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

## #12 — voigtann1, 2009-03-03T10:44Z

nej, så enkelt är det inte, som sagt, jag återkommer när jag hittat en lösning med iframe biten om det är ett måste.

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

## #13 — voigtann1, 2009-03-03T10:53Z

Så,
javascript:

```
<script type="text/javascript">
<!-- 
function preview()  {
function iframe_preview(id)  {
	var T = document.getElementById(id).value;
	prev = window.open("","preview");
	prev.document.open();
	prev.document.writeln(T + '');
	prev.document.close();
}
//-->
</script>
```

och html:

```
<textarea id="preview_text">test</textarea>
<button onclick="iframe_preview('preview_text');">Test</button>
<iframe src="" name="preview"></iframe>
```

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

## #14 — stattin, 2009-03-03T17:24Z

> **[haider skrev:](https://www.webforum.nu/p/1458625)**
>
> Hittills har jag fått pilla på en sida, uppdaterat, testat online, elände, gjort om osv.

Provar du inte koden lokalt på datorn först?

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

## #15 — stattin, 2009-03-03T17:28Z

annars är det ju bara att använda w3school
<http://www.w3schools.com/js/tryit.asp?filename=tryjs_text>

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

## #16 — haider, 2009-03-03T19:27Z

Stattin: tack för tipset. Det är just en sådan sak som voigtann1 håller på o löser åt mig :)
För att besvara din fråga; nej, ibland jobbar jag på sidor som måste köras online. Men nu motsäger jag mig själv; för den sidan som voigtann1 hjälper mig med är ju så pass enkel, eftersom den inte innehåller något annat, att jag lika gärna kan jobba offline.

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

## #17 — voigtann1, 2009-03-03T19:29Z

> **[haider skrev:](https://www.webforum.nu/p/1458736)**
>
> Stattin: tack för tipset. Det är just en sådan sak som voigtann1 håller på o löser åt mig :)

allready done: <http://www.webforum.nu/showpost.php?p=1458669&postcount=13>
;)

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

## #18 — lilja, 2009-03-03T20:09Z

Om jag förstått det hela rätt så kan du (åtminstone för CSS) använda ett plugin till din webbläsare som uppdaterar koden på din sida.

Jag brukar t.ex. köra <http://en.wikipedia.org/wiki/IE_Developer_Toolbar> för att felsöka all html/css på en sida. När jag blir nöjd är det bara till att implementera dina förändringar på den riktiga sidan.

Jag tror att http://en.wikipedia.org/wiki/Firebug\_(Firefox_extension) fungerar på liknande sätt för Firefox.

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

## #19 — voigtann1, 2009-03-03T20:14Z

firebug och webdeveloper tool fungera utmärkt för det i firefox. men det är väl roligt att göra själv ;)

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

## #20 — lilja, 2009-03-03T20:17Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1458752)**
>
> firebug och webdeveloper tool fungera utmärkt för det i firefox. men det är väl roligt att göra själv ;)

Jo klart att det är skoj! Jag tänkte bara försöka bidra med ytterligare en möjlig lösning. :)

Ytterligare en kanske är att spara sidan som HTML och sedan modifiera den lokalt tills man är nöjd...

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/177260-jag-skulle-vilja-bygga-upp-en-debug-sida-se-länk-för-referens  
Nästa sida: https://www.webforum.nu/amne/javascript/177260-jag-skulle-vilja-bygga-upp-en-debug-sida-se-länk-för-referens/page2.md