Como faço (INPUT) aparecer e aparecer outro

[rafinha_sam 2]

Exemplo: INPUT 1 e após aluns segundos INPUT2 na mesma posição, como se fosse um slide !

 

obs: O INPUT é tipo Submit !

 

POR FAVOR ME AJUDEM, SE QUISEREM MANDAR SÓ O CODIGO AGRADEÇO.

 

Aguardo resposta, Obrigado.

[L. Henrique 179]

Rafinha,

"Se quiserem mandar só o código agradeço" - É a mesma coisa que: Façam o trabalho por mim. (Isso é freelance hein!).

Explique melhor a sua dúvida, o que você tentou, onde você quer chegar e o porque disso. Assim conseguiremos responder sua dúvida. "Como se fosse um slide", na verdade, é um slider só que com inputs? O segundo deve aparecer depois de alguns segundos, mas ele volta pro primeiro como se fosse um slider?

Abraços!

[rafinha_sam 2]

Rafinha,

 

"Se quiserem mandar só o código agradeço" - É a mesma coisa que: Façam o trabalho por mim. (Isso é freelance hein!).

 

Explique melhor a sua dúvida, o que você tentou, onde você quer chegar e o porque disso. Assim conseguiremos responder sua dúvida. "Como se fosse um slide", na verdade, é um slider só que com inputs? O segundo deve aparecer depois de alguns segundos, mas ele volta pro primeiro como se fosse um slider?

 

Abraços!

Então L.Henrique eu não sei por onde eu começo, como se fosse uma GIF entendeu.

- O segundo deve aparecer depois de alguns segundos, mas ele volta pro primeiro como se fosse um slider? . Exatamente isso amigo.

[L. Henrique 179]

Rafinha,

Esse plugin deve resolver sua situação: http://kenwheeler.github.io/slick/ - É só fazer o que ele manda na documentação e substituir as imagens por inputs.

Abraços!

[rafinha_sam 2]

Rafinha,

 

Esse plugin deve resolver sua situação: http://kenwheeler.github.io/slick/ - É só fazer o que ele manda na documentação e substituir as imagens por inputs.

 

Abraços!

 

Vou ver, até amanhã te dou a resposta ok L. Henrique. Obrigado por hora.

[rafinha_sam 2]

Rafinha,

 

Esse plugin deve resolver sua situação: http://kenwheeler.github.io/slick/ - É só fazer o que ele manda na documentação e substituir as imagens por inputs.

 

Abra

Boa tarde L.Henrique, não consegui. Segue um exemplo abaixo de como é mais ou menos que eu quero.

http://i.imgur.com/Cuwzc5C.gif

[L. Henrique 179]

Rafinha,

Agora entendi a sua dúvida. O que você quer não é um slider ou carrossel, é simplesmente uma função que mude o texto através de JS (Ex.: Text-changer).

Preparei um modelo, confira o código e demo abaixo (LEMBRE-SE DE CHAMAR O JQUERY NA SUA PÁGINA).

HTML:

<button>
  <span id="texto-botao"></span>
</button>

JS:

function mudarTexto(i) {
   if ( textos.length == i ) {
      i = 0;
   }
  
   $('#texto-botao').text(textos[i])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(i + 1);
   });
};

var textos = [
   "Seja um cliente",
   "Seja um representante"
];

$('#texto-botao').hide();

mudarTexto(0);

DEMO.

Abraços!

[rafinha_sam 2]

Rafinha,

 

Agora entendi a sua dúvida. O que você quer não é um slider ou carrossel, é simplesmente uma função que mude o texto através de JS (Ex.: Text-changer).

 

Preparei um modelo, confira o código e demo abaixo (LEMBRE-SE DE CHAMAR O JQUERY NA SUA PÁGINA).

HTML:

<button>
  <span id="texto-botao"></span>
</button>

JS:

function mudarTexto(i) {
   if ( textos.length == i ) {
      i = 0;
   }
  
   $('#texto-botao').text(textos[i])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(i + 1);
   });
};

var textos = [
   "Seja um cliente",
   "Seja um representante"
];

$('#texto-botao').hide();

mudarTexto(0);

DEMO.

 

Abraços!

Excelente L Henrique, consegui aqui, ultima duvida, para eu adicionar um "HREF" em cada texto como faço amigo ?

( deu tudo certo, super agradeço amigo )

[L. Henrique 179]

Rafinha,

Existe uma propriedade no jQuery chamada .attr() - Attribute (atributo). Você pode definir da seguinte forma:

$('a').attr("href", "http://seusite.com.br/revendedor");

Isso inserido no código fica da seguinte maneira:

function mudarTexto(i, a) {
   if ( textos.length == i ) {
      i = 0;
   }
   if ( links.length == a ) {
      a = 0;
   }

   $('#texto-botao').text(textos[i])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(i + 1);
      });
 
   $('#link').attr("href", links[a])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(a + 1);
      });
};

var textos = [
   "Seja um cliente",
   "Seja um representante"
];
var links = [
   "http://seusite.com.br/cliente",
   "http://seusite.com.br/representante"
];

$('#texto-botao, #link').hide();

mudarTexto(0);

Isso é um exemplo (ta bem sujinho por sinal), mas foi o que deu pra fazer nesse tempo.

Abraços!

[rafinha_sam 2]

Rafinha,

 

Existe uma propriedade no jQuery chamada .attr() - Attribute (atributo). Você pode definir da seguinte forma:

$('a').attr("href", "http://seusite.com.br/revendedor");

Isso inserido no código fica da seguinte maneira:

function mudarTexto(i, a) {
   if ( textos.length == i ) {
      i = 0;
   }
   if ( links.length == a ) {
      a = 0;
   }

   $('#texto-botao').text(textos[i])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(i + 1);
      });
 
   $('#link').attr("href", links[a])
      .fadeIn(500)
      .delay(1500)
      .fadeOut(500, function() {
         mudarTexto(a + 1);
      });
};

var textos = [
   "Seja um cliente",
   "Seja um representante"
];
var links = [
   "http://seusite.com.br/cliente",
   "http://seusite.com.br/representante"
];

$('#texto-botao, #link').hide();

mudarTexto(0);

Isso é um exemplo (ta bem sujinho por sinal), mas foi o que deu pra fazer nesse tempo.

 

Abraços!

Lucas, eu devo adicionar este attr ao JQuery ? , Porque não ta funcionando, não vai para nenhum link.

[L. Henrique 179]

Rafinha,

Na verdade isso não é muito certo de fazer. Provavelmente ele vai exibir um erro do tipo: use POST request ou algo assim.

O certo é ter somente um link nesse botão que redirecione o usuário para uma página onde ele possa escolher se quer ser um cliente ou representante.

Abraços!

[rafinha_sam 2]

CASO RESOLVIDO COM SUCESSO, MUITO OBRIGADO L.Henrique ! ! !