Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal boa tarde
estou tentando fazer um texto se mover dentro do input porem nao esta dando resultado que preciso
Este é o codigo
<script type="text/javascript">
$(document).ready(function () {
var frases = [{
'elemento': $('input[name=search_string]'),
'frases': ["O que você está procurando?", "Buscar por: Academia, Barbearia, Churrascaria, Decoração, Escola, Farmácia, Gráfica, Imobiliaria, Lanchonete, Mecânica, Odontologia, Pizzaria...", "Faça sua busca por segmentos aqui.", "São mais de 3mil empresas para serem exploradas."]
}];
animaInput(frases);
});
</script>>
5 horas atrás, tetsuo disse:
O que essa função faz?
Ela faz o texto que esta frase aparecer dentro do input e ficar passando porem nao esta funcionando, ou seja este texto ele tem que aparecer dentro do input entende?
var frases = [{
'elemento': $('input[name=search_string]'),
'frases': ["O que você está procurando?", "Buscar por: Academia, Barbearia, Churrascaria, Decoração, Escola, Farmácia, Gráfica, Imobiliaria, Lanchonete, Mecânica, Odontologia, Pizzaria...", "Faça sua busca por segmentos aqui.", "São mais de 3mil empresas para serem exploradas."]
}];Entendi!
e onde você baixou essa função?
>
14 horas atrás, tetsuo disse:
Entendi!
e onde você baixou essa função?
Ola perda a demora, consegue resolver.. esta ai o que precisava, caso alguem queira tbm
Valeu @tetsuo pela atenção mano...
<script type="text/javascript">
function animaInput(conf) {
if (typeof conf == "object") {
for (var i in conf) {
var loop = conf[i];
if (typeof loop.elemento == "object" && typeof loop.frases == "object" && loop.elemento.size() > 0) {
if (loop.elemento.data("animaInput") != 's') {
loop.elemento.data("animaInput", "s");
loop.elemento.data("animaInputFrases", loop.frases);
loop.elemento.data("animaInputFraseAtual", -1);
loop.elemento.val('');
loop.elemento.data("passaFrase", function (a) {
a.data("animaInputTravar", "n");
var frases = a.data("animaInputFrases");
var atual = a.data("animaInputFraseAtual");
if (!a.is(":focus") && (a.val() == frases[atual] || a.val() == '')) {
atual++;
if (typeof frases[atual] == "undefined") {
atual = 0;
}
var nova_frase = frases[atual];
a.data("animaInputFraseAtual", atual);
//some com a frase atual
var b = 0;
var c = 15;
var e = a.val().length;
for (d = 0; d < e; d++) {
setTimeout(function () {
if (a.data("animaInputTravar") != 's') {
a.data("animaInputAcontecendo", "s").val(a.val().substr(0, a.val().length - 1));
}
}, b);
b += c;
}
//entra com a nova fase;
var f = "";
var g = nova_frase.length;
a.data("num", 0);
for (h = 0; h <= g; h++) {
setTimeout(function (h) {
if (a.data("animaInputTravar") != 's') {
f = nova_frase.substr(0, a.data("num"));
a.data("animaInputAcontecendo", "s");
a.val(f + "_");
a.data("num", a.data("num") + 1);
}
}, b);
b += c;
}
//faz o underline
for (var j = 0; j <= 8; j++) {
setTimeout(function () {
if (a.data("animaInputTravar") != 's') {
var k = a.val().substr(a.val().length - 1);
if (k == "_") {
a.val(a.val().substr(0, a.val().length - 1));
} else {
a.val(a.val() + "_");
}
}
}, b);
b += 250;
}
//entra na função novamente
setTimeout(function () {
if (a.data("animaInputTravar") != 's') {
a.data("passaFrase")(a);
}
}, b);
a.data("animaInputB", b);
}
});
loop.elemento.data("passaFrase")(loop.elemento);
loop.elemento.bind("focus", function () {
var a = $(this);
if (a.data("animaInputAcontecendo") == "s") {
a.data("animaInputAcontecendo", "n");
a.data("animaInputTravar", "s");
a.val("");
}
}).bind("blur", function () {
var a = $(this);
if (a.val() == '') {
setTimeout(function () {
a.data("animaInputFraseAtual", -1);
a.data("passaFrase")(a);
}, a.data("animaInputB"));
}
});
}
}
}
}
}
$(document).ready(function () {
var frases = [{
'elemento': $('input[name=search_string]'),
'frases': ["O que você está procurando?", "Buscar por: Academia, Barbearia, Churrascaria, Decoração, Escola, Farmácia, Gráfica, Imobiliaria, Lanchonete, Mecânica, Odontologia, Pizzaria...", "Faça sua busca por segmentos aqui.", "São mais de 3mil empresas para serem exploradas."]
}];
animaInput(frases);
});
</script>
no input
<form action="buscar/" ignorar-protecao="s" method="get">
<input required type="text" data-eh-busca-global="s" minlength="3" maxlength="20" autocomplete="off" name="search_string" class="form-control" placeholder="Encontre em <?= NomeFull; ?>">
</form>
O que essa função faz?
>
4 horas atrás, Jack Oliveira disse:
animaInput(frases);