Avatar billede ulrik-nielsen Nybegynder
17. januar 2002 - 21:03 Der er 8 kommentarer og
1 løsning

Tekst fra et textarea bliver vist mens der skrives

Er der nogen der har et script eller kan give et hint til hvordan man laver script der viser det man skriver i et textarea?? Altså hvis man skriver et bogstav bliver det vist med det samme.. Eller hvis man sætter en HTML-kode ind for til et billede bliver billedet vist og man kan der ved se hvordan indlæget kommer til at se ud inden man trykker \"Opret nyhed\" Mvh Ulrik
Avatar billede nute Nybegynder
17. januar 2002 - 21:10 #1
hmmm....er det dette du mener ?

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function transferText( elem ){
      document.all.container.innerHTML = elem.value;
    }
  //-->
  </SCRIPT>
</head>

<body>
<form name=\"frm\">
<textarea name=\"txtarea\" cols=\"40\" rows=\"7\" onkeypress=\"transferText(this);\" onkeyup=\"transferText(this);\"></textarea>
</form>
<div id=\"container\" style=\"border:1px solid black;height:150px;width:340px;\"></div>


</body>
</html>


/nute
Avatar billede ulrik-nielsen Nybegynder
17. januar 2002 - 21:43 #2
Ja.. Men kan man ikke få den til at også at lave ny linje når man tyrkker på \"enter\"..??
Avatar billede nute Nybegynder
17. januar 2002 - 22:05 #3
oki....en meget hurtig og *ikke* fullstendig kode. kun ment som et eksempel og det virker kun i IE

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--

  function transferText(bBreak){
      if( event.keyCode == 13 && event.type == \"keypress\" ){
          document.frm.txtarea.value += \"<br>\";
        }
      document.all.container.innerHTML = document.frm.txtarea.value;
  }
    function init(){
        document.frm.txtarea.onkeypress = transferText;
        document.frm.txtarea.onkeyup = transferText;
    }
    //-->
  </SCRIPT>
</head>

<body onload=\"init();\">
<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>


</body>
</html>
Avatar billede ulrik-nielsen Nybegynder
18. januar 2002 - 14:35 #4
Mange tak :-) Det var lige hvad jeg skulle bruge!! Mvh Ulrik
Avatar billede nute Nybegynder
18. januar 2002 - 14:42 #5
hmm....så svarer jeg også ;)
Avatar billede ulrik-nielsen Nybegynder
19. januar 2002 - 22:38 #6
Ups.. jeg skal nok accepterer men, hvad nu hvis jeg vil have flere felter til at blive vis?? Fx hvis jeg nu har et normat INPUT TYPE=\"text\" + et textarea.. kan jeg godt have det på samme tid??
Avatar billede nute Nybegynder
20. januar 2002 - 13:30 #7
ehhhh....hva mener du ?
Avatar billede ulrik-nielsen Nybegynder
20. januar 2002 - 18:33 #8
ik noget!! jeg har fundet ud af det :-)
Avatar billede ulrik-nielsen Nybegynder
31. januar 2002 - 10:39 #9
Jeg ville hører om du ikke kunne hjæpe mig med en lille ting til :-)..

Det er bare en lille bug!! Hvis man har skrevet en lang text og man sætter sin markør ind midt i texten og tryker "enter" for at lave ny linje så laver den <BR> til sidst i texten og ikke der hvor man satte markøren!!

Og kan man ikke også få den til at fx hvis man sætter value til et eller andet i text feltet så det bliver vi med det samme... Hvis man gøre det bliver det kun vist i textareaet men ikke i conteneren. Det bliver godt nok vist hvis man ændre på noget af texten!! men...

Mvh Ulrik
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester