creare optiuni meniu

Creare de obiecte link pentru o lista de optiuni de meniu

Se foloseste un constructor care primeste ca parametri (adresa si clasa – nefolosite; target – lista in care va fi adaugata optiunea creata)

Metode: creareLi – creaza un element li cu tot cu link, prezentare – adauga o clasa css si include optiunea li in target, click_link care este o metoda care adauga functionalitate la click de link. Se foloseste _this care a memorat elementul li pentru a prelua din el atributul href a link-ului continut

<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script>
</head>

<body>

<ul class=”lista1″>
</ul>

<script>
var Optiune = function(link,clasa_stil,target)
{
var _this = this;
this.link=link;
this.clasa_stil = clasa_stil;
this.target = target;

this.creareLi = function(){
$li=$(‘<li>’);
$a=$(‘<a>’).html(link).attr(‘href’,’#’);
$a.appendTo($li);
this.li=$li;
this.a = $a;
}

this.prezentare = function(){
this.li.addClass(this.clasa_stil);
this.target.append(this.li);

}

this.clic_link = function(){

this.a.on(“click”,function(){

//alert(“tocmai ce ai dat click pe link-ul”+ $(this).html())
alert(“tocmai ce ai dat click pe link-ul”+ _this.a.html());
})
}

this.creareLi();
this.prezentare();
this.clic_link();

}

$(function(){

var $ul_l1=$(‘.lista1′);

var opt1 = new Optiune(“prima optiune”,”stilOptiune”,$ul_l1);
var opt2 = new Optiune(“a doua optiune”,”stilOptiune”,$ul_l1);
var opt3 = new Optiune(“a treia optiune”,”stilOptiune”,$ul_l1);

})
</script>
</body>

</html>