Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Meninos, Preciso de uma ajudinha, algum de vocês sabe como converto esse trecho para botão?
<form class="form-inline" method="POST"> <label class="mr-sm-2" for="inlineFormCustomSelectPref"><?php echo $lang["cambiar_idioma"].?></label> <select class="custom-select mb-2 mr-sm-2 mb-sm-0" name="lang"> <option selected><?php echo $lang["opcion_1"].?></option> <option value="es"><?php echo $lang["opcion_2"].?></option> <option value="en"><?php echo $lang["opcion_3"].?></option> <option value="br"><?php echo $lang["opcion_4"].?></option> </select> <button type="submit" class="btn btn-primary"><?php echo $lang["cambiar"].?></button>
</form> Ao invés de selecionar o idioma e depois clicar no botão para alterar, eu queria apenas clicar em uma imagem ou botão e ter a mesma ação do select e depois botão. É possível?Olá Gleyson,
criei este form para tradução de um site que estou trabalhando. Na verdade ele funciona bem. Para alterar o idioma o cliente seleciona o idioma que ele precisa na caixa de listagem e clica no botão para traduzir o site.
O que eu preciso é que ao invés deste list e do botão para traduzir, eu simplesmente coloque uma imagem de bandeira e o link para traduzir usando estes mesmos parâmetros.
Segue código de exemplo, abaixo:
CÓDIGO:
<?php
// USAR SESSAO
session_start ();
// EXEMPLO DE TEXTOS DO SITE
$_lang ["de"] = array (
"title" => "Menschliche Evolution"
);
$_lang ["pt"] = array (
"title" => "Evolução Humana"
);
// SE FOR SELECIONADO UMA LINGUAGEM
// ENTÃO ALTERA LINGUAGEM DO SITE
if (isset ($_GET ["lang"] )){
$_SESSION ["lang"] = $_GET["lang"];
}
// SELECIONA LINGUAGEM DO SITE
// SE EXISTIR A SESSAO
if (isset ($_SESSION["lang"])) {
$lang = $_lang [$_SESSION["lang"]];
} else {
// CASO CONTRÁRIO USA
// PORTUGUÊS
$lang = $_lang ["pt"];
}
?><html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title> EXAMPLE </title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<style type="text/css">
/* RESET */
* {
margin: 0;
padding: 0;
}
body {
background: #d0d0e9;
}
/* FLAGs */
.flags {
background: #000000;
padding: 20px 10px;
display: flex;
}
.flags > .item {
position: relative;
padding: 0px 10px;
width: 25px;
}
.flags > .item > a {
cursor: pointer;
}
.flags > .item > a:hover > img {
filter: drop-shadow(3px 3px 2px #ffffff);
}
.flags > .item img {
width: 100%;
}
</style>
<?php
// EXEMPLOS DE LINGUAGENS
// DISPONIVEIS NO SISTEMA
$flags = array (
array (
'prefix' => 'de',
'title' => 'Deutsch',
'image' => 'https://image.flaticon.com/icons/png/512/197/197571.png'
),
array (
'prefix' => 'pt',
'title' => 'Português',
'image' => 'https://image.flaticon.com/icons/png/512/197/197386.png'
)
);
?>
<div class="flags">
<?php
foreach ($flags as $key) {
echo '
<div class="item">
<a
class="link"
href="?lang='. $key["prefix"] .'"
title="'. $key["title"] .'">
<img
src="'. $key["image"] .'"
alt="'. $key["title"] .'" />
</a>
</div>
';
}
?>
</div>
<h2><?php echo $lang["title"]; ?></h2>
</body>
</html>Muito obrigada ShadowDLL
Disponível ;)
Eu sinceramente não entendi bem o que você quis dizer.
Mas for o que estou pensando, você pode usar o ajax para fazer isso.