Ir para conteúdo
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?

 

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por 4Unknow
      Bom dia galera.

      Estou querendo colocar um botão flutuante em meu site que acompanhe quando rolar para baixo.
      Um botão que vou utilizar para suporte.

      Um exemplo de como gostaria abaixo:


       
      Fico grato.
    • Por 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?
    • Por 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
    • Por 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á.

    • Por 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>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.