Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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';>
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
Pra completar...
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...
Qual navegador está utilizando?
Tente ver no console de erros se aparece algo...
>
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(){
Ele não mostra o arquivo? Estranho...
Tente:
input.onkeypress
no lugar
Burrice minha não aparecer o arquivo:
Erro: Component is not available
Arquivo-fonte: file:///C:/.../gm_scripts/new20202/new20202.user.js
Linha: 26
input.onkeypress = function(){
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>Sim, é um script pra adicionar ao site citado uma caixa de busca.
Muito obrigado.
@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.
>
@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.
Você precisa alterar o action do form. Veja: