Curs Javascript

In aceasta pagina e prezentata o functie ce poate fi utilizata pentru a prelua datele dintr-o adresa URL, cele adaugate dupa "?".
Functia prezentata mai jos primeste ca argument adresa URL, apoi returneaza un obiect cu elemente "nume: valoare" formate din perechile "nume=valoare" din acea adresa URL.

Cod functie:
// functie ce returneaza un obiect cu elemente "nume: valoare" din datele dintr-o adresa URL (a perechilor "nume=valoare")
function getDataUrl(url) {
 // https://coursesweb.net/javascript/
  var url_data = url.match(/\?([^#]*)/i)[1];          // retine datele dintre caracterul '?' si '#'

  // separe date intr-un array, in caz ca sunt mai multe perechi nume=valoare
  var ar_url_data = url_data.split('&');

  // parcurge array-ul si adauga intr-un obiect elemente cu datele din url nume:valoare
  var data_url = {};
  for(var i=0; i<ar_url_data.length; i++) {
    var ar_val = ar_url_data[i].split('=');           // separa nume si valoare din fiecare pereche
    data_url[ar_val[0]] = ar_val[1];
  }

  return data_url;
}

- Exemplu utilizare functie getDataUrl().
<script type="text/javascript"><!--
// functie ce returneaza un obiect cu elemente "nume: valoare" din datele dintr-o adresa URL (a perechilor "nume=valoare")
function getDataUrl(url) {
 // https://coursesweb.net/javascript/
  var url_data = url.match(/\?([^#]*)/i)[1];          // retine datele dintre caracterul '?' si '#'

  // separe date intr-un array, in caz ca sunt mai multe perechi nume=valoare
  var ar_url_data = url_data.split('&');

  // parcurge array-ul si adauga intr-un obiect elemente cu datele din url nume:valoare
  var data_url = {};
  for(var i=0; i<ar_url_data.length; i++) {
    var ar_val = ar_url_data[i].split('=');           // separa nume si valoare din fiecare pereche
    data_url[ar_val[0]] = ar_val[1];
  }

  return data_url;
}

// Utilizare getDataUrl()

var url = 'https://marplo.net/?nume=Mar&id=10';
var data_url = getDataUrl(url);            // Preia obiectul cu datele 'nume: valoare'
var nume = data_url.nume;
var id = data_url.id;

// test
alert('nume: '+ nume + '\n id: '+ id);
//-->
</script>
Rezulta (clic pe buton):

• Adresa paginii curente poate fi preluata cu: window.location . Astfel, ca sa fie folosita adresa URL a paginii accesate, in codul de mai sus se poate inlocui cu acest cod:
 var url = window.location;

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility
#id {
  visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe path
I believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminación
creer = a crede; camino = cale /drum; iluminación = iluminare
Preluare date, valori din adresa URL

Last accessed pages

  1. Teste spaniola - Tests y ejercicios de Español - Gramática (17530)
  2. HTML5 - Tag-uri Noi (3175)
  3. HTML5 - Elemente si atribute noi in formular (3688)
  4. Blog si Cugetari Personale (89510)
  5. HTM5 canvas (3033)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (3804)
  2. Curs HTML gratuit Tutoriale HTML5 (3123)
  3. Curs si Tutoriale JavaScript (2796)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (2641)
  5. Curs si Tutoriale Ajax (2552)