Jump to content
biakelly

Alterar select para button

Recommended Posts

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?

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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"];
	}
?>
<!DOCTYPE html>
<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>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Flameisnot
      Então, estou com uma dúvida, eu coloquei um a HREF=“#” dentro de um button para redirecionar para outra página .html, porém ele só redireciona se clickar no texto do a, se eu clickar no corpo do button ele não redireciona, e se eu colocar o a por fora da tag do button, ele simplesmente não funciona, já vi um método através do js usando o window.locate porém ele só redireciona para um url já hospedado na internet, não consigo colocar ele para puxar um .html off, alguém poderia me ajudar?
    • By 4Unknow
      Bom dia meus Nobres amigos.
      Seguinte, não sou especialista em HTML, CSS, nem nada.
      Por isso venho humidelmente pedir uma ajudinha. Gostaria de colocar um botão nessa área marcada na imagem abaixo.

      Estou editando essa página abaixo:



      Já tentei de tudo, mexer por tudo, mas o botão não fica certo de jeito maneira.
      Gostaria de uma ajudinha, o botão ou ele fica em cima do texto ou não aparece de jeito algum.

      Vou deixar um link desse site que estou utilizando, se tiver uma alma bondosa e comtempo ai para me ajudar, eu serei eternamente grato.

      LINK: https://www.mediafire.com/file/fe669isyguey0ez/Intro_Viva.rar/file
    • By jaquelss
      Os erros estão na imagem anexada. Não sei exatamente o que colocar quanto o conteúdo no menu, mas quanto ao botão segue abaixo:
       
      <div class="col-md-2 col-sm-6 col-6">
      <button class="button button-rounded btn-block nomargin"
      style="margin-top: 29px !important;"><a href="http://localhost/xavier/#/imovel"></style>Encontrar</a></button>
      </div>
       
      Tenho certeza que é uma bobagem minha, mas perdi a tarde tentando resolver.
      Ainda sou estudante, não tenho conhecimento total quanto a isso (apesar de que acho que ninguém tem né kk).
      Enfim,
      Agradeço desde já.

    • By Remilton Silva
      <script> $(document).ready(function() { $("button").click(function(){ if ($(this).val() == '' ) { $("button").disabled=true; }else { $("button").disabled=false; } }); }); </script> Olá prezados,
       
      Estou pesquisando mas ainda não achei algo que me ajude com o cod.
      se alguém puder ajudar, será de grande valia.
       
      preciso que o button só seja ativado quando todos os inputs forem preenchidos, como faço isso em JavaScript?
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="corpo-form"> <h2>Cadastrar</h2> <input type="text" class="form-control" name="nome" placeholder="Nome Completo" maxlength="30"><br><br> <select class="form-control" name="gerencia"> <option value="Selecione uma Opção" selected>Selecione uma Opção.</option> <option value="GECOR">Vendas</option> <option value="GECON">Almoxarifado</option> <option value="GECIN">RH</option> <option value="DIRETORIA">DIRETORIA</option> </select><br><br> <input type="text" class="form-control" name="telefone" placeholder="Telefone"maxlength="30"><br><br> <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="40"><br><br> <input type="password" class="form-control" name="senha" placeholder="Senha" maxlength="15"><br><br> <input type="password" class="form-control" name="confsenha" placeholder="Confirmar Senha" maxlength="15"><br><br> <input type="button" class="btn btn-danger btn-outline-light btn-block" value="Entrar" maxlength="" required="required"> <br> </div> </body> </html>  
    • By petrochinski
      Eu tive uma ideia muito boa, mas não consegui fazer ainda.
       
      A ideia é simples, eu tenho um botão escrito 'Contato', quando passar o mouse gostaria que ele "abrisse" uma div logo abaixo (dropdown), como por exemplo aparecer o telefone somente se passar o mouse.
       
      Não achei nenhum tópico com essa ideia... é que gostaria de fazer sem utilizar nav, pois nav é o menu, e a ideia inicial é de fato ser um botão que aparece as informações quando se passa o mouse.
       
      Grato :)
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.