<link href="https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> .content_page2
{
display: none !important;
}
.content_page
{
font-family: 'Saira Stencil One', cursive;
border-radius:10px;
color:#fff;
text-shadow: 2px 2px 6px #000;
background-color: rgba(0,255,255,0.6);
padding: 20px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
max-width:480px;
}
<div id="buttom" class="content_page"> <h3 id="info">Wybierz język
</h3> <button id="1" onclick="myFunction(this)"><img class="trp-flag-image" src="https://aldstudio.pl/cars/wp-content/plugins/translatepress-multilingual/assets/images/flags/pl_PL.png" alt="pl_PL" title="Polski" width="18" height="12"></button> <button id="2" onclick="myFunction(this)"><img class="trp-flag-image" src="https://aldstudio.pl/cars/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_GB.png" alt="en_GB" title="English" width="18" height="12"></button> <button id="3" onclick="myFunction(this)"><img class="trp-flag-image" src="https://aldstudio.pl/cars/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png" alt="de_DE" title="Deutsch" width="18" height="12"></button> <button id="4" onclick="myFunction(this)"><img class="trp-flag-image" src="https://aldstudio.pl/cars/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png" alt="fr_FR" title="Français" width="18" height="12"></button> <button id="5" onclick="myFunction(this)"><img class="trp-flag-image" src="https://aldstudio.pl/cars/wp-content/plugins/translatepress-multilingual/assets/images/flags/ru_RU.png" alt="ru_RU" title="Русский" width="18" height="12"></button> <div id="mySelect" style="display:none;"> <select id="select_id" name="currency" class="form-control" onclick="myFunctionSecond()"> <a id="enter" style="display:none;" href=""> <img src="https://www.nicepng.com/png/full/97-971602_click-finger-png-png-royalty-free-stock-finger.png" width="10%"></a></div>
function myFunction(button) {
document.getElementById('mySelect').style.display = "block";
document.getElementById('enter').style.display = "block";
var x = button.id;
switch(x)
{
case '1':
document.getElementById('info').innerHTML = 'Wybierz język';
document.getElementById('info2').innerHTML = 'Wybierz walutę';
document.getElementById("enter").href = "https://aldstudio.pl/cars";
document.getElementById("select_id").value = "1";
break;
case '2':
document.getElementById('info').innerHTML = 'Choose a language';
document.getElementById('info2').innerHTML = 'Select currency';
document.getElementById("enter").href = "https://aldstudio.pl/cars/en";
document.getElementById("select_id").value = "1";
break;
case '3':
document.getElementById('info').innerHTML = 'Sprache auswählen';
document.getElementById('info2').innerHTML = 'Wählen Sie die Währung';
document.getElementById("enter").href = "https://aldstudio.pl/cars/de";
document.getElementById("select_id").value = "1";
break;
case '4':
document.getElementById('info').innerHTML = 'Choisissez la langue';
document.getElementById('info2').innerHTML = 'Choisissez la devise';
document.getElementById("enter").href = "https://aldstudio.pl/cars/fr";
document.getElementById("select_id").value = "1";
break;
case '5':
document.getElementById('info').innerHTML = 'Выберите язык';
document.getElementById('info2').innerHTML = 'Выберите валюту';
document.getElementById("enter").href = "https://aldstudio.pl/cars/ru";
document.getElementById("select_id").value = "1";
break;
}
}
function myFunctionSecond() {
var currency = document.getElementById('select_id').value;
switch (currency) {
case '2':
var el = document.getElementById('enter');
el.href += '/?currency_id=2';
break;
case '3':
var el = document.getElementById('enter');
el.href += '/?currency_id=3';
break;
}
var x = document.querySelectorAll(".lp-screen");
x[0].style = "background-color:none !important";
var element = document.getElementById("buttom");
element.classList.add("content_page2");
document.getElementById('mySelect').style.display = "block";
}