Setting Default Language via Category with jQuery

iamrobert
Topic Author
Offline
Platinum Member

4 years 5 months ago - 4 years 5 months ago #77453 by iamrobert

Replied by iamrobert on topic Setting Default Language via Category with jQuery

Updated Code that works better with select2.js:

Via Category

Code:

(function($) {
//VIA URL
$(document).ready(function() {
	if (window.location.href.indexOf("&maincat=114") > -1) {
		$('#jform_language').val('en-GB'); // Select the option with a value of 'en-GB'
		$('#jform_language').trigger('change');
	}
});
});
})(jQuery);

Data Title:
In multi-lingual sites the the top level categories of the site are usually the languages (English & Chinese (中文)):

The top category uses data-title English or Chinese (中文):

So we can set this way:

Code:

(function($) {
	//VIA DATA TITLE
	$(document).ready(function() {
		var data = $("#jform_catid option:selected").attr('data-title');
		if (data == 'English') {
			$('#jform_language').val('en-GB');
			$('#jform_language').trigger('change');
		}
		if (data == '中文') {
			$('#jform_language').val('zh-TW');
			$('#jform_language').trigger('change');
		}
		$('select#jform_catid').on('change', function() {
			var data = $("#jform_catid option:selected").attr('data-title');
			if (data == 'English') {
				$('#jform_language').val('en-GB'); // Select the option with a value of 'en-GB'
				$('#jform_language').trigger('change');
			}
			if (data == '中文') {
				$('#jform_language').val('zh-TW'); // Select the option with a value of 'zh-TW'
				$('#jform_language').trigger('change');
			}
		});
	});
})(jQuery);

Last edit: 4 years 5 months ago by iamrobert.

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

4 years 5 months ago #77454 by micker

Replied by micker on topic Setting Default Language via Category with jQuery

cool you can do it with dashboard module V2 module too without js

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

iamrobert
Topic Author
Offline
Platinum Member

4 years 5 months ago #77455 by iamrobert

Replied by iamrobert on topic Setting Default Language via Category with jQuery

Thanks - I was sharing as option 2 allows the user to swap languages automatically in new items based on category:

which has been one feature that has been bugging me forever.

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

4 years 5 months ago #77456 by micker

Replied by micker on topic Setting Default Language via Category with jQuery

oh cool can it be more generic ?

Please Log in or Create an account to join the conversation.

iamrobert
Topic Author
Offline
Platinum Member

3 months 3 weeks ago - 3 months 3 weeks ago #84812 by iamrobert

Replied by iamrobert on topic Setting Default Language via Category with jQuery

Updated Code for Joomla 4 and FLEXIContent:

Code:

//JS LANGUAGE
(function($) {
// Function to check and update the language
function updateLanguage() {
var selectedOption = $("#jform_catid option:selected");
var data = selectedOption.attr('data-title');
var text = selectedOption.text();
// Check if data-title attribute exists or use the option text
var language = data || text;
if (language) {
if (language.includes('English')) {
// console.log('English');
$('#jform_language').val('en-GB');
$('#jform_language').trigger('change');
} else if (language.includes('中文')) {
// console.log('中文');
$('#jform_language').val('zh-TW');
$('#jform_language').trigger('change');
}
}
}
$(document).ready(function() {
// Initial check on document ready
updateLanguage();
// Check on category change
$('select#jform_catid').on('change', function() {
updateLanguage();
});
});
})(jQuery);

Category Structure:

- English
- 中文 (Chinese)