Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lpgrafites

Pegar valor de botão

Por , em PHP

Recommended Posts

lpgrafites    0

lpgrafites
Postado

Olá pessoal, estou montando um formulario que a pessoa escolhe opções e depois envia como um form de email mesmo.

Porém essa escolha seria por exemplo tamanho e cor e essa cor deve ser vista pelo usuário.

Tentei usar radio box, porém achei complicado os colorir, seriam 27 botões, cada um com uma cor e quando a pessoa clicar o nome da cor deve ser gravado como em radio box e ser enviado com o restante dos inputs.

 

Exemplo:

form.html

 

<form action="">
   <input type="image" src="1.png" name="cor" value="Amarelo">
   <input type="image" src="2.png" name="cor" value="Verde">
   <input type="image" src="3.png" name="cor" value="Preto">
</form>

 

Nesse caso estou usando uma imagem(colorida) para ser escolhida e clicada mas não sei como fazer isso.

 

pegar.php
<?php

$cor = $_POST['cor'];

echo $cor;

?>

 

Eu quero pegar a cor que será escolhida, claro que meu exemplo está um lixo mas é só para exemplificar.

 

 

Se alguém puder dar uma mãozinha eu agradeço!

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

Tenta fazer assim

                               <select class="form-control" id="slTipoBusca" name="slTipoBusca">
                                    <option value="1">Amarelo</option>
                                    <option value="2">Vermeho</option>

ou
                                    <option value="3"><img src="Caminho da imagem desejada"/> </option>
                                    <option value="4">Usuário </option>
                                </select>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

Uma boa dica é visitar o site do Bootstrap lá os códigos já estão prontos para serem modificados e tem várias vídeo aulas no youtube ensinando como montar um site completamente responsivo com Bootstrap.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lpgrafites    0

lpgrafites
Postado

Coloquei numa página limpa, só para testar mesmo.

 

    <select class="form-control" id="slTipoBusca" name="slTipoBusca">

 

        <option value="1"><img src="1.png"/> </option>
        <option value="2"><img src="2.png"/> </option>
        <option value="3"><img src="3.png"/> </option>
        
      </select>

 

Na realidade eu não queria usar select eu pensei em botões lado a lado mesmo.

Imaginei algo assim: image.thumb.png.6919699eb22da90f3e6d44795e68613f.png

Acho que a maioria monta no velho flash mas não está tendo suporte mais.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

se voce quer fazer assim voce pode chamar a  

style="background: = #000"

com essa chamada de estilo o fundo do botão ficará da cor que desejar.

conforme a cor que desejar voce muda

#000 = preto

#fff = branco

#ccc = cinza

e dai por diante

Compartilhar este post

Link para o post
Compartilhar em outros sites

lpgrafites    0

lpgrafites
Postado

Aproveitando sua boa vontade, como usaria isso no meu código? só um exemplo mesmo porque uma vez eu fiz isso mas não funcionou de jeito nenhum.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

vou dar um exemplo com o bothon mas funciona em qualquer coisa do html

  

<button type="button" style ="background-color: = #000">campo extra</button>

Se você estiver querendo fazer uma ligação para uma pasta de css, crie uma nova pasta com o nome (css) e depois crie um arquivo com o  nome style.css dentro dessa pasta para depois você criar um canho no cabeçalho do seu codigo. 

seria mais ou menos assim: 

<link href="css/style.css" rel="stylesheet">

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

lpgrafites    0

lpgrafites
Postado

 <HTML>
<HEAD>
 <TITLE>New Document</TITLE>
 <style>
    button {
        color: red;
    }
</style>
</HEAD>
<BODY>

<button type="button" style ="background-color: = #000">COR</button>
</BODY>
</HTML>

image.thumb.png.d2b536371651fab01e2f5219d7ecd44b.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

lpgrafites    0

lpgrafites
Postado

E se eu não ligasse para isso e colocasse uma imagem de cada cor para ser botão e pegasse o valor do botão à ser recebido pelo php? acho que seria até melhor, pois na realidade o usuario DEVE ver a cor e eu DEVO receber o nome dela, entende?

 

Consegue algo do tipo por favor?

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

Só uma pergunta. O que foi que você já fez nas configurações da sua pagina?

Você fez a ligação com a pasta css?

se fez fica mais fácil eu poder lhe ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lpgrafites    0

lpgrafites
Postado

Boa, é isso mesmo, não tinha procurado pelas mesmas palavras no google por isso não achei, mas é isso mesmo.

Muito obrigado pela paciência.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

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

  Aceito