private function generateHTML() { $out = ""; $out .= '<div id="dd" class="wrapper-dropdown-2" tabindex="1">'; // $out .= $this->totalLang['langName']; $out .= '<div class="flag flag-' . strtolower($this->totalLang['lang']) . '" title="' . $this->totalLang['langName'] . '"></div>'; $out .= '<ul class="dropdown">'; $urlHelper = new UrlHelper(); foreach ($this->langs as $lang) { $out .= '<li><a href="' . $urlHelper->chengeLangUrl($lang['lang']) . '"></i>'; // $out .= $lang['langName']; $out .= '<div class="flag flag-' . strtolower($lang['lang']) . '" title="' . $lang['langName'] . '"></div>'; $out .= '</a></li>'; } $out .= '</ul></div>'; $out .= "\n <script type='text/javascript'>\n function DropDown(el) {\n this.dd = el;\n this.initEvents();\n }\n DropDown.prototype = {\n initEvents : function() {\n var obj = this;\n obj.dd.on('click', function(event){\n \$(this).toggleClass('active');\n event.stopPropagation();\n });\t\n }\n }\n \$(function() {\n var dd = new DropDown( \$('#dd') );\n \$(document).click(function() {\n // all dropdowns\n \$('.wrapper-dropdown-2').removeClass('active');\n });\n\n });\n </script>"; $this->html = $out; }