Show current lang instead of "select language"

yoligrana · by **yoligrana** » Sat Mar 23, 2013 3:25 pm

Hi, I need to show up the current language instead of "select language".
For example, if the site is translated into spanish I want to show up the spanish flag and text on the selector.
How can I do this? there's a site that did that: http://www.naharro.com/

Thanks in advance,
Kind Regards,
Yolanda.

yoligrana · by **yoligrana** » Sat Mar 23, 2013 4:00 pm

Now I have the current language showing up on top instead of "select language". Just needed to clear the line

Code: Select all: echo '<option value="">Select Language</option>';

My site is http://negre.es/tienda/ (see language selector top right)

Now I just need to show up the flag next to the language as on the dropdown selector.
Again: how can I do this?

my full code:

Code: Select all: elseif ($look == 'dropdown') { echo '<select onchange="doGTranslate(this);">'; Here was the "select language" $i = 0; foreach($lang_array as $lang => $lang_name) { $show_this = 'show_'.str_replace('-', '', $lang); $flag_y = $flag_map_vertical[$lang]; if($$show_this) echo '<option value="'.$language.'|'.$lang.'" style="'.($lang == $language ? 'font-weight:bold;' : '').'background:url(\''.JURI::root(true).'/modules/mod_gtranslate/tmpl/lang/16l.png\') no-repeat scroll 0 -'.$flag_y.'px;padding-left:18px;">'.$lang_name.'</option>'; }

Thanks in advance,
Kind Regards,
Yolanda.

plastique · by **plastique** » Sat Mar 23, 2013 4:32 pm

Hi yoligrana,

In mozilla, your flags are shown, but in chrome not.

I have the same problem.

Yana · by **Yana** » Sat Mar 23, 2013 11:37 pm

Hi,
With the default select tag it works only for FireFox. But you can create another dropdown to have flags inside.
Please check this post:
how-add-the-flag-inside-the-dropdown-menu-t2337.html?hilit=flags%20dropdown#p9075

yoligrana · by **yoligrana** » Mon Mar 25, 2013 1:40 pm

Hi Yana,
Actually I see all the language flags when I dropdown.
my question is how to display the current language flag next to my current language.
See http://negre.es/tienda/ the language selector is on top right side. As you see I delete the "select language" line and now it shows up the current language. I only need to display the flag next to it like in the dropdown. Here is my current code:

Code: Select all: elseif ($look == 'dropdown') { echo '<select onchange="doGTranslate(this);">'; Here was the "select language" $i = 0; foreach($lang_array as $lang => $lang_name) { $show_this = 'show_'.str_replace('-', '', $lang); $flag_y = $flag_map_vertical[$lang]; if($$show_this) echo '<option value="'.$language.'|'.$lang.'" style="'.($lang == $language ? 'font-weight:bold;' : '').'background:url(\''.JURI::root(true).'/modules/mod_gtranslate/tmpl/lang/16l.png\') no-repeat scroll 0 -'.$flag_y.'px;padding-left:18px;">'.$lang_name.'</option>';

Any hep appreciated!!
Regards,
Yolanda.

Yana · by **Yana** » Mon Mar 25, 2013 5:11 pm

Hi,
You can customize the language selector. You can check the source code of our website and copy the code . Here is an example:

Code: Select all: <style type="text/css">  </style> <script type="text/javascript"> $E = document.getElement; window.addEvent('domready', function() { myFx = new Fx.Slide($E('.option'), {duration: 300}).hide(); $E('.option').setStyle('display', 'block'); $$('.switcher').addEvent('click', function() {myFx.toggle();}); $$('.switcher').addEvent('mouseleave', function() {myFx.slideOut();}); }); </script> <script type="text/javascript"> //<![CDATA[ function doTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;if(lang_pair=='')return;var lang=lang_pair.split('|')[1];var plang=location.pathname.split('/')[1];if(plang.length !=2 && plang != 'zh-CN' && plang != 'zh-TW')plang='en';location.href=location.protocol+'//'+location.host+'/'+lang+location.pathname.replace('/'+plang, '')+location.search;} //]]> </script> <div class="switcher notranslate"> <div class="selected"><a href="#" onclick="return false;"><img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Urdu" />English</a></div> <div class="option"> <a href="javascript:doTranslate('en|en')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'en', location.pathname+location.search])" title="English" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="English" />English</a> <a href="javascript:doTranslate('en|af')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'af', location.pathname+location.search])" title="Afrikaans" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Afrikaans" />Afrikaans</a> <a href="javascript:doTranslate('en|sq')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sq', location.pathname+location.search])" title="Albanian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Albanian" />Albanian</a> <a href="javascript:doTranslate('en|ar')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ar', location.pathname+location.search])" title="Arabic" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Arabic" />Arabic</a> <a href="javascript:doTranslate('en|hy')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'hy', location.pathname+location.search])" title="Armenian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Armenian" />Armenian</a> <a href="javascript:doTranslate('en|az')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'az', location.pathname+location.search])" title="Azerbaijani" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Azerbaijani" />Azerbaijani</a> <a href="javascript:doTranslate('en|eu')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'eu', location.pathname+location.search])" title="Basque" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Basque" />Basque</a> <a href="javascript:doTranslate('en|be')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'be', location.pathname+location.search])" title="Belarusian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Belarusian" />Belarusian</a> <a href="javascript:doTranslate('en|bg')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'bg', location.pathname+location.search])" title="Bulgarian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Bulgarian" />Bulgarian</a> <a href="javascript:doTranslate('en|ca')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ca', location.pathname+location.search])" title="Catalan" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Catalan" />Catalan</a> <a href="javascript:doTranslate('en|zh-CN')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'zh-CN', location.pathname+location.search])" title="Chinese (Simplified)" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Chinese (Simplified)" />Chinese (Simplified)</a> <a href="javascript:doTranslate('en|zh-TW')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'zh-TW', location.pathname+location.search])" title="Chinese (Traditional)" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Chinese (Traditional)" />Chinese (Traditional)</a> <a href="javascript:doTranslate('en|hr')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'hr', location.pathname+location.search])" title="Croatian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Croatian" />Croatian</a> <a href="javascript:doTranslate('en|cs')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'cs', location.pathname+location.search])" title="Czech" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Czech" />Czech</a> <a href="javascript:doTranslate('en|da')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'da', location.pathname+location.search])" title="Danish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Danish" />Danish</a> <a href="javascript:doTranslate('en|nl')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'nl', location.pathname+location.search])" title="Dutch" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Dutch" />Dutch</a> <a href="javascript:doTranslate('en|fi')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'fi', location.pathname+location.search])" title="Finnish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Finnish" />Finnish</a> <a href="javascript:doTranslate('en|fr')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'fr', location.pathname+location.search])" title="French" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="French" />French</a> <a href="javascript:doTranslate('en|ka')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ka', location.pathname+location.search])" title="Georgian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Georgian" />Georgian</a> <a href="javascript:doTranslate('en|de')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'de', location.pathname+location.search])" title="German" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="German" />German</a> <a href="javascript:doTranslate('en|el')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'el', location.pathname+location.search])" title="Greek" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Greek" />Greek</a> <a href="javascript:doTranslate('en|iw')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'iw', location.pathname+location.search])" title="Hebrew" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Hebrew" />Hebrew</a> <a href="javascript:doTranslate('en|hi')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'hi', location.pathname+location.search])" title="Hindi" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Hindi" />Hindi</a> <a href="javascript:doTranslate('en|hu')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'hu', location.pathname+location.search])" title="Hungarian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Hungarian" />Hungarian</a> <a href="javascript:doTranslate('en|id')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'id', location.pathname+location.search])" title="Indonesian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Indonesian" />Indonesian</a> <a href="javascript:doTranslate('en|ga')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ga', location.pathname+location.search])" title="Irish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Irish" />Irish</a> <a href="javascript:doTranslate('en|it')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'it', location.pathname+location.search])" title="Italian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Italian" />Italian</a> <a href="javascript:doTranslate('en|ja')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ja', location.pathname+location.search])" title="Japanese" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Japanese" />Japanese</a> <a href="javascript:doTranslate('en|ko')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ko', location.pathname+location.search])" title="Korean" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Korean" />Korean</a> <a href="javascript:doTranslate('en|lv')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'lv', location.pathname+location.search])" title="Latvian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Latvian" />Latvian</a> <a href="javascript:doTranslate('en|lt')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'lt', location.pathname+location.search])" title="Lithuanian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Lithuanian" />Lithuanian</a> <a href="javascript:doTranslate('en|mk')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'mk', location.pathname+location.search])" title="Macedonian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Macedonian" />Macedonian</a> <a href="javascript:doTranslate('en|ms')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ms', location.pathname+location.search])" title="Malay" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Malay" />Malay</a> <a href="javascript:doTranslate('en|mt')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'mt', location.pathname+location.search])" title="Maltese" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Maltese" />Maltese</a> <a href="javascript:doTranslate('en|no')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'no', location.pathname+location.search])" title="Norwegian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Norwegian" />Norwegian</a> <a href="javascript:doTranslate('en|fa')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'fa', location.pathname+location.search])" title="Persian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Persian" />Persian</a> <a href="javascript:doTranslate('en|pl')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'pl', location.pathname+location.search])" title="Polish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Polish" />Polish</a> <a href="javascript:doTranslate('en|pt')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'pt', location.pathname+location.search])" title="Portuguese" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Portuguese" />Portuguese</a> <a href="javascript:doTranslate('en|ro')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ro', location.pathname+location.search])" title="Romanian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Romanian" />Romanian</a> <a href="javascript:doTranslate('en|ru')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ru', location.pathname+location.search])" title="Russian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Russian" />Russian</a> <a href="javascript:doTranslate('en|sr')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sr', location.pathname+location.search])" title="Serbian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Serbian" />Serbian</a> <a href="javascript:doTranslate('en|sk')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sk', location.pathname+location.search])" title="Slovak" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Slovak" />Slovak</a> <a href="javascript:doTranslate('en|sl')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sl', location.pathname+location.search])" title="Slovenian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Slovenian" />Slovenian</a> <a href="javascript:doTranslate('en|es')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'es', location.pathname+location.search])" title="Spanish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Spanish" />Spanish</a> <a href="javascript:doTranslate('en|sw')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sw', location.pathname+location.search])" title="Swahili" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Swahili" />Swahili</a> <a href="javascript:doTranslate('en|sv')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'sv', location.pathname+location.search])" title="Swedish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Swedish" />Swedish</a> <a href="javascript:doTranslate('en|th')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'th', location.pathname+location.search])" title="Thai" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Thai" />Thai</a> <a href="javascript:doTranslate('en|tr')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'tr', location.pathname+location.search])" title="Turkish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Turkish" />Turkish</a> <a href="javascript:doTranslate('en|uk')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'uk', location.pathname+location.search])" title="Ukrainian" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Ukrainian" />Ukrainian</a> <a href="javascript:doTranslate('en|ur')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'ur', location.pathname+location.search])" title="Urdu" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Urdu" />Urdu</a> <a href="javascript:doTranslate('en|vi')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'vi', location.pathname+location.search])" title="Vietnamese" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Vietnamese" />Vietnamese</a> <a href="javascript:doTranslate('en|cy')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'cy', location.pathname+location.search])" title="Welsh" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Welsh" />Welsh</a> <a href="javascript:doTranslate('en|yi')" onclick="_gaq.push(['_trackEvent', 'doTranslate', 'yi', location.pathname+location.search])" title="Yiddish" class="nturl"> <img src="/modules/mod_gtranslate/tmpl/lang/blank.png" height="16" width="16" alt="Yiddish" />Yiddish</a> </div></div></div>

Please ask your web developer to make appropriate changes.

yoligrana · by **yoligrana** » Tue Mar 26, 2013 10:11 pm

Yana, the code you provided where should it go? I run gtranslate through Joomla.
Thanks in advance, hope you can help me.

Yana · by **Yana** » Tue Mar 26, 2013 10:17 pm

Hi,
You can put it in your template or create a custom module.

yoligrana · by **yoligrana** » Tue Mar 26, 2013 10:30 pm

Yana wrote:Hi,
You can put it in your template or create a custom module.

Hi Yana, thanks for your reply. In the tmpl of the module "default.php" we have:

Code: Select all: elseif ($look == 'dropdown') { echo '<select onchange="doGTranslate(this);">'; [b]Here was the "select language" text[/b] $i = 0; foreach($lang_array as $lang => $lang_name) { $show_this = 'show_'.str_replace('-', '', $lang); $flag_y = $flag_map_vertical[$lang]; if($$show_this) echo '<option value="'.$language.'|'.$lang.'" style="'.($lang == $language ? 'font-weight:bold;' : '').'background:url(\''.JURI::root(true).'/modules/mod_gtranslate/tmpl/lang/16l.png\') no-repeat scroll 0 -'.$flag_y.'px;padding-left:18px;">'.$lang_name.'</option>';

Sorry, I don't know how to show current active language with the flag, please see http://negre.es/tienda/

Yana · by **Yana** » Wed Mar 27, 2013 8:37 pm

Dear Yoligrana,
Unfortunately, we don't provide customization service. Why don't you ask your designer or developer to do that for you?

Show current lang instead of "select language"

Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Re: Show current lang instead of "select language"

Who is online