1. Creare variabile dinamice

Variabilele dinamice sunt variabile care nu au fost setate special in script, nu au un nume dinainte definit ci este dinamic, numele fiind preluat si alcatuit cu un sir din alta sursa (de exemplu un formular).
JavaScript nu are implementat special variabile dinamice (precum, de exemplu PHP), dar pot fi folosite diferite metode pentru a ajunge la acelasi rezultat, si anume: un sir preluat dintr-o sursa separata sa devina denumirea, sau parte din numele unei variabile.
Pot fi folosite doua metode: cu "eval()" sau cu "window".
Iata cate un exemplu cu fiecare, din care puteti intelege cum pot fi obtinute variabile dinamice in JS (explicatiile necesare, amanuntite, sunt in cod).

1- Cu eval()

<script type="text/javascript"><!--
// 1. Cu eval

// Se seteaza o variabila care va avea ca valoare un sir
// Acel sir va deveni el insusi o variabila sau parte din numele alteia
var vari1 = 'val';

// Cu "eval()" se defineste valoarea lui "vari1" ca variabila si i-se atribue o valoare
// Acum exista o variabila val
eval("var "+vari1+"= 'Valoarea variabilei dinamice - val';");

alert(val);           // Se testeaza rezultatul (ce returneaza noua variabila obtinuta)

// Sau ca parte componenta a numelui
eval("var pre_"+vari1+"= 'Parte componenta din nume - pre_val';");           // Acum exista o variabila pre_val
alert(pre_val);           // Testare ce returneaza noua variabila pre_val
//--></script>
- Acest script va returna urmatorul rezultat, click pe

2- Cu window

<script type="text/javascript"><!--
// 2. Cu window (keie in array)

// Se seteaza o variabila care va avea ca valoare un sir
// Acel sir va deveni el insusi o variabila sau parte din numele alteia
var vari2 = 'val2';

// Cu "window" se defineste valoarea lui "vari2" ca o cheie in Array si i-se atribue o valoare
// Acum va exista o variabila val2
window[vari2] = 'Valoare a lui - val2';

alert(val2);           // Testare ce returneaza noua variabila val2

// Sau ca parte componenta a numelui
window['pre_'+vari2] = 'Valoarea lui - pre_val2';           // Acum exista o variabila pre_val2
alert(pre_val2);           // Testare ce returneaza noua variabila pre_val2
//--></script>
- Acest script va returna urmatorul rezultat, click pe

2. La ce folosesc variabilele dinamice

Variabilele dinamice nu sunt neaparat necesare, mai ales in JavaScript, se poate scrie orice script si fara ele, iar pentru incepatori e indicat sa evite folosirea lor. Sunt utile in anumite cazuri (pt. avansati) deoarece pot face mai mic si mai dinamic codul scriptului.
Iata un exemplu in care se poate vedea o mica utilizare a variabilelor dinamice.
Sa presupunem, ca o parte a unui script mai mare, ca valoarea aleasa dintr-o casuta Select dintr-un formular trebuie sa devina numele unei variabile, iar valoarea ei sa fie textul din dreptul acelui Select.
Codul pt. acest exemplu este urmatorul:

<script type="text/javascript"><!--
// Se seteaza functia ce va fi apelata de Select
function exemplu_vd(val3) {
    // Se defineste, cu metoda "window", valoarea lui 'val3' ca parte din numele unei variabile
    // I-se atribue ca valoare textul din optiunea aleasa
    window['vd_'+val3] = document.getElementById(val3).innerHTML;

    alert('Variabila - vd_'+ val3+ ' - are valoarea: '+ eval("vd_"+val3));           // Se testeaza printr-o fereastra alert rezultatul
    // - Functia eval() evalueaza numele de variabila rezultat deoarece aceasta nu e dinainte cunoscuta
}
//--></script>

<form action="" method="post">Alege optiune:
  <select name="select" onchange="exemplu_vd(this.value)">
    <option id="s1" value="s1">Optiune 1</option>
    <option id="s2" value="s2">Optiune 2</option>
    <option id="s3" value="s3">Optiune 3</option>
  </select>
</form>
- In Selectul de mai jos puteti testa rezultatul acestui script.
Alege optiune:

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce element HTML adauga continut flash SWF in pagina web?
<object> <div> <script>
<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
 <param name="src" value="file.swf" />
 Browser-ul dv. nu suporta SWF.
</object>
Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?
:active :focus :hover
input:focus {
  background-color: #88fe88;
}
Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.
JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);
Indicati functia PHP care poate crea sau scrie un fisier pe server.
fopen() file_put_contents() file_get_contents()
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";
Cum se spune "al treilea" in engleza?
threeth third three
I planted the third tree.
- Am plantat al treilea pom.
Cum se spune "al treilea" in spaniola?
segundo tres tercero
Yo planté el tercero árbol.
- Am plantat al treilea pom.
Variabile dinamice in JS

Last accessed pages

  1. Coduri pt culori (26904)
  2. Curs HTML gratuit Tutoriale HTML5 (34468)
  3. Creare link-uri (6791)
  4. PHP Laravel - Tutoriale (2881)
  5. Ghiciti Cuvantul (903)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (1981)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (1681)
  3. Trecutul simplu si continuu - Past Tense Simple and Continuous (1582)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (1440)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (1167)