Søg
Avatar billede qualon1 Nybegynder
28. september 2006 - 21:09 Der er 8 kommentarer

Html preview

Hej

Jeg er ved at prøve at lave et system som man kan bygge designs i, og så vil jeg gerne have en form for preview af design, som er i html, udskrevet som et billede.
Jeg har fundet dette script:
http://www.codeproject.com/html/htmlpreview.asp
Som skulle kunne noget af det, men jeg kan ikke få det til at virke, slet ikke online..

Håber nogle kan hjælpe mig...
Avatar billede stephanryer Nybegynder
30. september 2006 - 14:16 #1
Well at få det lavet om til at billede er ikke bare noget man lige gør, da udseendet i sidste ende afhænger af den browser det ses i, men du kan preview det som HTML på samme side hvis det er. Prøver lige at lave et eksempel.
Avatar billede stephanryer Nybegynder
30. september 2006 - 14:30 #2
Så, har lige bikset en simpel html-side sammen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <script type="text/javascript">
        function updatePreview()
        {
            document.getElementById("preview").innerHTML = document.getElementById("htmlTekst").value;
        }
    </script>
</head>
<body>
    <div>
    <textarea id="htmlTekst" type="text" style="width: 300px; height: 200px"  ></textarea>
    <a href="java script:updatePreview();">Update preview</a>
    <div id="preview" style="border: solid 1px gray; padding: 5px; width: 300px; height: 200px">
   
    </div>
</div>
</body>
</html>


Det den gør er, at kopiere indholdet i den indtastede tekst og sætte det ind i DIV'en nedenunder, fortolket som html.

For nemheds skyld kan du prøve at indsætte denne tekst i tekst-feltel og tryk derefter "Update preview":

Dette er en tekst, der benytte et
<span style="font-weight: bold">span-tag</span> til <span style="color: red">demonstration</span>
<br/>
Ny linie her.
Avatar billede qualon1 Nybegynder
30. september 2006 - 14:48 #3
Ja det er intet problem at få vist html koden, men problemet er, at størrelsen af designet jo tit er en fuld sides bredde, og derfor ikke kan vises i bokse på siden.. derfor systemet der minimer et design
Avatar billede stephanryer Nybegynder
30. september 2006 - 14:55 #4
jamen så kan du jo åbnet det i et nyt vindue?
Avatar billede qualon1 Nybegynder
30. september 2006 - 15:17 #5
ja gør jeg også, men lige her hvor jeg skal bruge dette, skal det være en liste af designs, beståede af måske 20 designs, så er det bedre med mindre billeder end 20 fulde designs
Avatar billede stephanryer Nybegynder
30. september 2006 - 15:39 #6
hmmm okeh. Well på chart.dk ved jeg de tager billeder af de tilmeldte sider men hvad de bruger ved jeg ikke. Du kan evt prøve at spørge dem.
Avatar billede olebole Juniormester
02. oktober 2006 - 14:10 #7
<ole>

stephanryer >> innerHTML eksisterer ikke i XML-DOM (som jo er det, der bruges under XHTML) - ligesom attributter skal læses/sættes med getAttribute/setAttribute ... ELEMENT.value kan derimod ikke bruges  ;o)

/mvh
</bole>
Avatar billede stephanryer Nybegynder
02. oktober 2006 - 14:17 #8
olebole >> er der ikke noget med FF eller IE ikke understøtte get og setAttribute altid? Og er der ikke også noget me at FF og IE returnerer noget forskelligt hvis man spørger på "checked" på en input af typen checkbox?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I går 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
14/0523:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
White papers
Flere white papers »