$(document).ready(function () {
var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
/*
var userAgent = navigator.userAgent.toLowerCase();
var isChrome = userAgent.indexOf('chrome') > -1 && userAgent.indexOf('edge') === -1 && userAgent.indexOf('opr') === -1; // Esclude Edge e Opera
var isSafari = userAgent.indexOf('safari') > -1 && userAgent.indexOf('chrome') === -1; // Safari ma non Chrome
var isNotChromeAndSafari = !isChrome && !isSafari;
console.log("isChrome:", isChrome);
console.log("isSafari:", isSafari);
console.log("isNotChromeAndSafari:", isNotChromeAndSafari);
*/
// Rilevamento del browser
if (isFirefox) {
console.log("Rilevato Firefox: Applicare una soluzione alternativa.");
}
// Funzione per memorizzare il testo originale
$('#prefix option').each(function () {
if (isFirefox) {
// Per Firefox, usa l'attributo direttamente nel DOM
$(this).attr('data-original-text', $(this).text());
} else {
// Per altri browser, usa jQuery .data()
$(this).data('original-text', $(this).text());
}
console.log("Testo originale:", $(this).text());
});
// Gestione dell'evento 'change'
$(document).on('change', '#prefix', function () {
$('#prefix option').each(function () {
if (isFirefox) {
// Recupera il testo originale dall'attributo
$(this).text($(this).attr('data-original-text'));
} else {
// Recupera il testo originale dai dati di jQuery
$(this).text($(this).data('original-text'));
}
});
var selectedValue = $(this).val();
var formattedPrefix = '(' + selectedValue + ')';
// Modifica il testo dell'opzione selezionata
$(this).find('option:selected').text(formattedPrefix);
});
// Gestione dell'evento 'click'
$(document).on('click', '#prefix', function () {
$('#prefix option').each(function () {
if (isFirefox) {
// Recupera il testo originale dall'attributo
$(this).text($(this).attr('data-original-text'));
} else {
// Recupera il testo originale dai dati di jQuery
$(this).text($(this).data('original-text'));
}
});
});
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter