Jump to content
AprendendoC

Manipular a tag <button> com o php

Recommended Posts

AprendendoC

Buenas galera!!

estou com problemas para manipular a tag <button> com o php, pra falar a verdade nao sei como fazer, já procurei no google e ainda nao encontrei nada...

bem o que quero fazer é o seguinte...

<button class="btn"><img src="book3.png" alt="registrar" />Registrar</button>

como faço para fazer uma verificação que o usuario clicou no botao com o php??

desde já agradeço a ajuda!

nao sei se essa é uma maneira correta de se fazer.. mas funcionou..

<form class="btn-group" method="post">
        <button class="btn" name="mostrar"><img src="search.png" alt="mostrar"/></button>
        <button class="btn"><img src="book3.png" alt="registrar" /></button>
</form>

ai consegui verificar com o php...

if(isset($_POST['mostrar'])){
   echo 'vc clicou no botao mostrar';
}

alguem teria uma outra ideia? sem ter que usar o form?

Edited by AprendendoC

Share this post


Link to post
Share on other sites
I-NOZex

com php, so tens essa forma... ou entar usas ajax...

ja agora, nao tem muita logica teres uma imagem dentro do botao :S usa css para isso!


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
AprendendoC

mas com css ele nao esá ficando legal como é pra ficar...

background-image: url("search.png")no-repeat;

na verdade o icone desaparece quando coloco o "no-repeat";

Share this post


Link to post
Share on other sites
I-NOZex

normal, isso tá errado.

se queres shorthand de css para o background será:

background: url("search.png") no-repeat;

de outra forma:

background-image: url("search.png");
background-repeat: no-repeat;

e se nao fica igual, é pq nao tas a usar as classes como deve de ser...

provavelmente será:

.classeButao:before

Edited by I-NOZex

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
Devexz

Podes também fazer isto dentro do form:

<input type = "image" src = "http://www.portugal-a-programar.pt/uploads/profile/photo-thumb-17859.png?_r=1348969865">

Se não quiseres usar um form, metes um link em cima da imagem para passar o parâmetro por GET.

Edited by Devexz

Contador de calorias: caloriaspordia.com

Share this post


Link to post
Share on other sites
davidcorreia

Uma pergunta...

Qual é o problema? é que eu não percebi bem...

é o aspecto do botão ou a funcionalidade?

Funcionalidade:

se tens dois buttons dentro do mesmo form ambos irão fazer o mesmo...

tens que ter um form para mostrar e outro form para o registrar

Aspecto:

se colocares uma img num button é um bocado estranho, é mais correcto usar CSS

Edited by davidcorreia

Share this post


Link to post
Share on other sites
AprendendoC

Uma pergunta...

Qual é o problema? é que eu não percebi bem...

é o aspecto do botão ou a funcionalidade?

..........

bom o problema era a funcionalidade, mas já resolvi isto, mas seguindo a sugestao do nosso amigo @I-NOZex tirei a imagem de dentro do botao e coloquei via css, mas não está ficando como deveria ficar, e nao sei o que estou fazendo errado..

Share this post


Link to post
Share on other sites
davidcorreia

a nível de CSS eu também um pouco "crú", experimenta dar uma vista de olhos na secção do CSS no www.w3schools.com

Share this post


Link to post
Share on other sites
I-NOZex

bom o problema era a funcionalidade, mas já resolvi isto, mas seguindo a sugestao do nosso amigo @I-NOZex tirei a imagem de dentro do botao e coloquei via css, mas não está ficando como deveria ficar, e nao sei o que estou fazendo errado..

mostra o css q tens

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
AprendendoC

.imgbtn{
   background-image: url('book3.png');
   background-repeat: no-repeat;
}

tentei de varias maneiras mas nao adinta nao muda nada...

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

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.