Ir para conteúdo

POWERED BY:

Arquivado

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

Thiago Piardi

Script de busca

Por , em Javascript

Recommended Posts

Thiago Piardi    0

Thiago Piardi
Postado

A minha idéia é fazer um textbox que você irá digitar algo e ele adicionará isso ao final da url que abrirá em uma nova janela.

 

Exemplo:

Url: http://www.warofninja.com/profile/

Box: teste

Pagina aberta: http://www.warofninja.com/profile/teste

 

No entanto meu código está fazendo algo errado, alguém pode me dizer o que é o problema?

 

Obrigado

 


var elmSearchDiv = document.createElement('div');
   elmSearchDiv.innerHTML =
       '<form method="GET" action="http://www.warofninja.com/profile/">' +
       '<label for="player">Digite o nome:</label> ' + 
       '<input type="text" id="player"> ' + 
       '<input type="submit" value="Search">' +
       '</form>';
   document.body.insertBefore(elmSearchDiv, document.body.firstChild);
   elmSearchDiv.style.fontSize = 'small';
   elmSearchDiv.style.textAlign = 'right';
   elmSearchDiv.style.borderBottom = '1px solid silver';

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado
A minha idéia é fazer um textbox que você irá digitar algo e ele adicionará isso ao final da url que abrirá em uma nova janela.

Você precisa alterar o action do form. Veja:

var form = document.getElementById('ID DO FORM'); //dê um id qualquer para o seu formulário
var defaultAction = form.getAttribute('action');

var input = documente.getElementById('player');
input.onkeyup = function(){
form.setAttribute('action', defaultAction + this.value);
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Piardi    0

Thiago Piardi
Postado

Você precisa alterar o action do form. Veja:

var form = document.getElementById('ID DO FORM'); //dê um id qualquer para o seu formulário
var defaultAction = form.getAttribute('action');

var input = documente.getElementById('player');
input.onkeyup = function(){
form.setAttribute('action', defaultAction + this.value);
}

 

Olá Henrique, eu ainda não estou conseguindo colocar esse código pra funcionar, isso é complementar ao que eu já postei? Ou ele sozinho faz o trabalho?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Piardi    0

Thiago Piardi
Postado

Então, o codigo ficou assim

 

var elmSearchDiv = document.createElement('div');
   elmSearchDiv.innerHTML =
       '<form method="GET" id ="formulario" action="http://www.warofninja.com/profile/">' +
       '<label for="player">Digite o nome:</label> ' + 
       '<input type="text" id="player"> ' + 
       '<input type="submit" value="Search">' +
       '</form>';
   document.body.insertBefore(elmSearchDiv, document.body.firstChild);
   elmSearchDiv.style.fontSize = 'small';
   elmSearchDiv.style.textAlign = 'right';
   elmSearchDiv.style.borderBottom = '1px solid silver';

var form = document.getElementById('formulario'); //dê um id qualquer para o seu formulário
var defaultAction = form.getAttribute('action');

var input = documente.getElementById('player');
input.onkeyup = function(){
		form.setAttribute('action', defaultAction + this.value);
}

 

Mas por algum motivo ele ainda não está enviando o conteudo de 'player' para a url...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Piardi    0

Thiago Piardi
Postado

Qual navegador está utilizando?

Tente ver no console de erros se aparece algo...

 

Estou usando o firefox 7.0.1

 

Quanto ao log do erro:

 

Erro: Component is not available

Arquivo-fonte:

 

Linha: 25

 

A linha 25 é essa:

input.onkeyup = function(){

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Esse arquivo é da sua aplicação?

 

Testado e funcionando:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<title>Teste</title>
	<script type="text/javascript">
		window.onload = activateInput;

		function activateInput(){
			var form = document.getElementById('myForm');
			var defaultAction = form.getAttribute('action');
			var input = document.getElementById('myInput');
			input.onkeyup = function(){
				form.setAttribute('action', defaultAction + this.value)
			}
		}
	</script>
</head>
<body>
	<form method="post" action="pagina.html/" id="myForm">
		<input type="text" id="myInput" name="myInput"/>
		<button type="submit">Enviar</button>
	</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@tpiardi e @Thiago Piardi, segundo as regras do fórum você não pode ter 2 contas.

 

Qual delas pretende manter ? a outra será excluida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

tpiardi    0

tpiardi
Postado

@tpiardi e @Thiago Piardi, segundo as regras do fórum você não pode ter 2 contas.

 

Qual delas pretende manter ? a outra será excluida.

 

Desculpa, eu esqueci que tinha essa conta e loguei com o facebook.

 

Por favor, exclua a Thiago Piardi.

 

Eu posso linkar meu fb a essa conta aqui?

 

Obrigado.

Compartilhar este post

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

Informação importante

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

  Aceito