FT advanced search

by toubia95

HTML

<p>
  Coller du texte
</p>
<div>
  <textarea id="area1"></textarea>
</div>
<br>
<a href="#" id="convertir">Préparer la requête</a>
<br>
<br>
<div>
  <textarea id="area2"></textarea>
</div>

CSS

/*
- detection pages avec split
- correction affichage nombre de césures
*/

body {
  text-align: center;
}

textarea {
  width: 95%;
  height: 150px;
}

#convertir {
  margin: 100 0;
}

JavaScript

// https://regexr.com/

if (localStorage.getItem("area1")) {
  $("#area1").val(localStorage.getItem("area1"));
}

$('#area1').bind('input propertychange', function() {
  localStorage.setItem("area1", $("#area1").val());
});

$("#convertir").click(function() {
  $("#area2").val('');
  var myHtml = $("#area1").val();
  myHtml = myHtml.replace(/’/ig, "'");
  myHtml = myHtml.replace(/([cdjlns])'([\S])/gi, "$1' $2");
  localStorage.setItem("area1", myHtml);
  $("#area2").val(myHtml);
});