Kirjoittaja Aihe: [ ratkaistu ] javascript replace toimimaan  (Luettu 1750 kertaa)

teele

  • Käyttäjä
  • Viestejä: 809
    • Profiili
[ ratkaistu ] javascript replace toimimaan
« : 30.11.22 - klo:20.37 »
En saa millään javascriptin replacea toimimaan. Kokeiluohjelma on tässä alla ja tarkoitus olisi, että tekstilaatikkoon kirjoitettu teksti tulisi laatikon yläpuolelle, kun laatikon alla olevaa painiketta napauttaa. Tekstistä pitäisi rivinvaihdot korvata <br> elementeillä, mutta se ei ole onnistunut, vaikka netissä on ohjeita vaikka kuinka paljon. :(


Koodia: [Valitse]

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
<head>
  <title> replace koe </title>
  <meta charset="UTF-8">
</head>

<body>

<br> <br> <br> <br>


 <div id="tekstitila" name="tekstitila"> tekstitila </div>


  Kirjoitus tähän ruutuun: <br>
  <textarea id="kirjoitustila" name="kirjoitustila" cols="80" rows="30" maxlength="1000"
            placeholder="Just 1000 characters allowed"></textarea>
           
  <p> painikkeet </p>         
  <input type="button" name="koe1" value ="koe1" onclick="koe1();" />

<script type="text/javascript">

  function koe1()
  {
    var old_text = document.getElementById('tekstitila');
    var new_text = document.getElementById('kirjoitustila');
    old_text.innerHTML = new_text.value.replace(/(\r\n|\r|\n)/g, '<br>');
    //old_text.innerHTML = new_text.value.replace(/(\r\n|\r|\n)/g, '<br>');
  }

</script>

</body>
</html>


Muokk.
Taitaa sittenkin toimia :)
« Viimeksi muokattu: 30.11.22 - klo:20.55 kirjoittanut teele »

Lepotila zZ

  • Käyttäjä
  • Viestejä: 346
    • Profiili
Vs: javascript replace toimimaan
« Vastaus #1 : 30.11.22 - klo:21.01 »
En yritäkään ymmärtää säännöllisiä lausekkeita, mutta kun kokeilin ohjelmaasi se mielestäni toimi niin kuin sen pitikin. Tekstitilaan tulee kirjoitustilaan kirjoitetut rivit samalla tavalla rivitettynä. Kun tarkistin asian konsolista (document.getElementById('tekstitila')) , tekstitila on seuraavanlainen: <div id="tekstitila" name="tekstitila">sdfdsdf<br>trert<br>adfaa<br>sdfg<br>tyur<br>fgngfh<br><br></div>. Eli nähdäkseni rivinvaihdot on korvattu <br>-tageilla.