Søg
Avatar billede lademan Novice
13. oktober 2002 - 01:20 Der er 24 kommentarer og
1 løsning

Tekst fra et textarea bliver også vist i HTML mens der skrives

Hej.

Hvordan laver man det således at tekst fra et textarea også direkte bliver vist i HTML, mens man skriver i textarea'et?

Dvs. en slags live opdatering, hvor fx <br> bliver til linjeskift og et billede bliver vist etc.
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 09:51 #1
Noget i retning af

  http://www.firmaet.com/~ej/js/lademan/

??
Avatar billede lademan Novice
13. oktober 2002 - 10:14 #2
Nej, jeg tænkte på noget i retning af en live opdatering som denne:

<html>
<head>
<title>Untitled</title>
</head>

<body>

<form name="frm">
<textarea name="txtarea" cols="40" rows="7"></textarea>
</form>
<div id="container" style="border:1px solid black;height:150px;width:340px;"></div>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

function transferText(){
  document.all.container.innerHTML = document.frm.txtarea.value;
}

document.frm.txtarea.onkeypress = transferText;
document.frm.txtarea.onkeyup = transferText;

</SCRIPT>

</body>
</html>
Avatar billede lademan Novice
13. oktober 2002 - 10:16 #3
Eneste problem med ovenstående script er, at den ikke viser linjeskift som <br>
Avatar billede lademan Novice
13. oktober 2002 - 10:21 #4
Er der en der kan finde ud af at modificere scriptet så linjeskift bliver til <br> ?
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 10:41 #5
Det kan du jo også lave i mit script.
Avatar billede lademan Novice
13. oktober 2002 - 10:44 #6
Jeg vi helst ikke have frames :-)
Avatar billede lademan Novice
13. oktober 2002 - 10:52 #7
Det burde egentlig ikke være så svært at udskifte linjeskift med <br> i document.all.container.innerHTML

Alligevel kan jeg ikke få det til at du :-/
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 10:57 #8
"udskifte linjeskift med <br>" skriver du nu. Men i
spørgsmålet var det "hvor fx <br> bliver til linjeskift".
Det et jo noget ganske andet. Og hvorfor starter du
egentlig ikke med at vise det script du allerede har?
Avatar billede lademan Novice
13. oktober 2002 - 10:59 #9
dvs replace \n => <br>
Avatar billede lademan Novice
13. oktober 2002 - 11:00 #10
Fordi jeg først har fundet det her til morgen :-)
Avatar billede lademan Novice
13. oktober 2002 - 11:01 #11
Sorry
Avatar billede lademan Novice
13. oktober 2002 - 11:07 #12
Håber ikke at det er for besværligt :)
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 11:09 #13
det er betingelserne her :) Så det er heller ikke
noget du har skrevet selv. Jamen selvfølgelig kan
man udskifte \n med <br> i JavaScript. fx. med replace.
Avatar billede lademan Novice
13. oktober 2002 - 11:11 #14
how?  :)
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 11:13 #15
Du kan se på det link jeg skrev
Avatar billede lademan Novice
13. oktober 2002 - 11:21 #16
Perfekt!!
Guttermand^2  :-)
Avatar billede lademan Novice
13. oktober 2002 - 11:23 #17
Kunne man evt pr default indsætte en css kilde?
Og hvordan?
Avatar billede lademan Novice
13. oktober 2002 - 11:24 #18
Her er den samlede kode so far:


<html>
<head>
<title>Untitled</title>
</head>

<body>

<form name="frm">
<textarea name="txtarea" cols="40" rows="7"></textarea>
</form>
<div id="container" style="border:1px solid black;height:150px;width:340px;"></div>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

function transferText(){
  x = document.frm.txtarea.value;
  x = x.replace(/\n/g,"<br>");
  document.all.container.innerHTML = x;
}

document.frm.txtarea.onkeypress = transferText;
document.frm.txtarea.onkeyup = transferText;

</SCRIPT>

</body>
</html>
Avatar billede lademan Novice
13. oktober 2002 - 11:25 #19
Kunne man indsætte fx

<link rel="stylesheet" href="SURFERSINFO.css" type="text/css">

I den side som viser HTMl'en ?
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 11:32 #20
Tjah, prøv

document.all.container.innerHTML = "<link....>"x;
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 11:39 #21
document.all.container.innerHTML = "<link....>"+x;
Avatar billede lademan Novice
13. oktober 2002 - 15:02 #22
Det virker ikke :-/
Avatar billede erikjacobsen Ekspert
13. oktober 2002 - 15:04 #23
Ok, det er også snyd - måske virkede det. Du skal jo
egentlig have et fuldgyldigt HTML-document, minimum startende
med <html><head>.... osv. Så vil det naturligvis virke.
Avatar billede lademan Novice
13. oktober 2002 - 15:16 #24
Jeg ved ikke, om man kune bruge nogle af de trick de bruger her?
Avatar billede lademan Novice
25. november 2007 - 16:51 #25
Mange tak for hjælpen! Da der ikke er nogen, der har afgivet svar, lukkes tråden.
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 21/08/202610:41
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 dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »