Curs Javascript

Functiile trim(), rtrim(), si ltrim() sunt in general cunoscute si folosite in PHP. Sunt utile cand se lucreaza cu siruri, dar JavaScript nu are predefinite aceste functii.
Iata trim(), rtrim() si ltrim() create manual in JavaScript:
// trim, rtrim, ltrim
function trim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+|\\s+$', 'g') : new RegExp('^'+chr+'+|'+chr+'+$', 'g');
  return str.replace(rgxtrim, '');
}
function rtrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('\\s+$') : new RegExp(chr+'+$');
  return str.replace(rgxtrim, '');
}
function ltrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+') : new RegExp('^'+chr+'+');
  return str.replace(rgxtrim, '');
}

      - trim() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la inceputul si sfarsitul unui sir.
      - rtrim() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la sfarsitul unui sir.
      - ltrim() - Sterge spatiile goale, sau alt caracter specificat ca al doilea parametru, de la inceputul unui sir.

Cum se utilizeaza functiile trim, rtrim, ltrim

Intai se copie aceste functii in script-ul JS.
Pentru a sterge spatiile goale, se apeleaza functia cu sirul respectiv ca argument; va returna acel sir (string) fara spatii goale la inceput si sfarsit: trim(string).
Pentru a sterge alt caracter decat spatiu gol de la inceput si sfarsit, se adauga un al doilea argument la apelarea functiei, cu acel caracter intre ghilimele: trim(string, 'caracter').

Exemple trim, rtrim, ltrim

1. Sterge spatiile goale de la inceputul si sfarsitul unui sir, apoi adauga rezultatul intr-un element HTML.
<pre id="sresult"></pre>
<script type="text/javascript"><!--
// Curs JavaScript - https://marplo.net/javascript/
// Functiile trim(), rtrim(), ltrim()
function trim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+|\\s+$', 'g') : new RegExp('^'+chr+'+|'+chr+'+$', 'g');
  return str.replace(rgxtrim, '');
}
function rtrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('\\s+$') : new RegExp(chr+'+$');
  return str.replace(rgxtrim, '');
}
function ltrim(str, chr) {
  var rgxtrim = (!chr) ? new RegExp('^\\s+') : new RegExp('^'+chr+'+');
  return str.replace(rgxtrim, '');
}

var string1 = '   Initial cu 3 caractere spatiu la inceput si sfarsit   ';

// sterge caracterele goale (spatii) de la inceput si sfarsit, precum si separat
var trim_re = 'trim(str): *'+ trim(string1)+ '*';
var rtrim_re = 'rtrim(str): *'+ rtrim(string1)+ '*';
var ltrim_re = 'ltrim(str): *'+ ltrim(string1)+ '*';

document.getElementById('sresult').innerHTML = trim_re+ '<br/>'+ rtrim_re+ '<br/>'+ ltrim_re;
--></script>

Rezultat:
trim(str): *Initial cu 3 caractere spatiu la inceput si sfarsit*
rtrim(str): *     Initial cu 3 caractere spatiu la inceput si sfarsit*
ltrim(str): *Initial cu 3 caractere spatiu la inceput si sfarsit     *

2. Sterge un anumit caracter (/) de la inceputul si sfarsitul sirului.
<div id="sresult2"></div>
<script type="text/javascript"><!--
 /* Aici se adauga functiile trim(), rtrim(), ltrim() */

var string2 = '///Initial cu 3 "/" la inceput si sfarsit///';

// sterge "/" de la inceput /sfarsit
var trim_re = 'trim(str, chr): '+ trim(string2, '/');
var rtrim_re = 'rtrim(str, chr): '+ rtrim(string2, '/');
var ltrim_re = 'ltrim(str, chr): '+ ltrim(string2, '/');

document.getElementById('sresult2').innerHTML = trim_re+ '<br/>'+ rtrim_re+ '<br/>'+ ltrim_re;
--></script>

Rezultat:
trim(str, chr): Initial cu 3 "/" la inceput si sfarsit
rtrim(str, chr): ///Initial cu 3 "/" la inceput si sfarsit
ltrim(str, chr): Initial cu 3 "/" la inceput si sfarsit///

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
JavaScript trim, rtrim si ltrim

Last accessed pages

  1. Recomandare pagina si adaugare favorite (178)
  2. Introducere in HTML (24116)
  3. Colorare text (807)
  4. Trecut perfect si Trecutul perfect continuu - Past perfect and Continuous (56560)
  5. Coduri pt culori (66181)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1034)
  2. Curs HTML gratuit Tutoriale HTML5 (867)
  3. Coduri pt culori (609)
  4. Creare si editare pagini HTML (479)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (454)
Chat
Discuta sau lasa un mesaj pt. ceilalti utilizatori
Full screenInchide