Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Uso essa função básica para adicionar dados a um formulário ao clicar no link:
<script type="text/javascript">
function escrever( el ){
document.getElementById('cltd').value = el.id;
}
</script>
<a href="#" onClick="escrever( this )" id="Escrita">Adicionar Escrita</a>';
Ocorre, porém, que precisaria executar a função quando a página for carregada, adicionando determinados dados no formulário. Ou seja, no lugar do evento ser OnClick deveria ser OnLoad.
Não consigo fazer nem achei nada a respeito. Alguém poderia dar uma luz?
AgradeçoOlá
Obrigado.
Na verdade eu precisaria adicionar os dados insertos no link dentro de um input de texto em formulário, cujo nome é cltd.
Da forma como você colocou creio que não consigo manipular o que colocar no formulário, certo ??
<a href="#" onclick="escrever(this)" id="O QUE ESTIVER AQUI ADICIONAR AO FORMULÁRIO">Adicionar Escrita</a>
GratoBom..Estive pensando e estudando, acho que seria melhor eu fazer esse script de outra forma:
Imaginem que eu preciso adicionar em 2 campos do formulário dois texto distintos, mas queria fazer isso com apenas 1 clique e não 2, individualmente.
<script type="text/javascript">
function escrever( el ){
document.getElementById('cltd').value = el.id;
}
function escrever( el ){
document.getElementById('clnt').value = el.id;
}
</script><a href="#" onClick="escrever( this )" id="Escrita do formulário cltd"></a>';
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt"></a>';
Obrigado!!>
13 horas atrás, mldiogo87 disse:
Olá
Obrigado.
Na verdade eu precisaria adicionar os dados insertos no link dentro de um input de texto em formulário, cujo nome é cltd.
Da forma como você colocou creio que não consigo manipular o que colocar no formulário, certo ??
<a href="#" onclick="escrever(this)" id="O QUE ESTIVER AQUI ADICIONAR AO FORMULÁRIO">Adicionar Escrita</a>
Grato
Segue o código abaixo:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
var teste = document.getElementById('Escrita');
$(document).ready(function (){
$("#Escrita").click();
});
function escrever(){
// colocar o valor que quiser no val()
$(document).ready(function (){
$("#cltd").val("Escrita");
//--------------------------------------------------------
});
}
</script>
</head>
<body>
<a href="#" onclick="escrever()" id="Escrita">Adicionar Escrita</a><br/><br/>
<input id="cltd" type="text" />
</body>
</html>
Nesse código você consegue manipular o que vai colocar no input type="text" só colocar o texto que você quiser dentro do "val( )". Assim que a página carregar, o link será clicado automaticamente e o valor vai para o input.Obrigado luiz, chegando em casa testarei.
=)
Funcionando 100%!
Obrigado!!
>
2 horas atrás, mldiogo87 disse:
Bom..Estive pensando e estudando, acho que seria melhor eu fazer esse script de outra forma:
Imaginem que eu preciso adicionar em 2 campos do formulário dois texto distintos, mas queria fazer isso com apenas 1 clique e não 2, individualmente.
<script type="text/javascript">
function escrever( el ){
document.getElementById('cltd').value = el.id;
}
function escrever( el ){
document.getElementById('clnt').value = el.id;
}
</script><a href="#" onClick="escrever( this )" id="Escrita do formulário cltd"></a>';
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt"></a>';
Obrigado!!
Nesse caso aqui você pode fazer assim:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function escrever(el){
$(document).ready(function (){
$("#cltd").val("Escrita do formulário cltd");
$("#clnt").val("Escrita do formulário clnt");
});
}
</script>
</head>
<body>
<a href="#" onClick="escrever( this )" id="Escrita do formulário cltd">Escrita do formulário cltd</a>
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt">Escrita do formulário clnt</a>
<input id="cltd" type="text" />
<input id="clnt" type="text" />
</body>
</html>
Assim que você clicar em um dos links, vai disparar os dois nos dois inputs, e você modifica o "val()" da forma que você quiser. >
7 minutos atrás, mldiogo87 disse:
Funcionando 100%!
Obrigado!!
Tamo Junto! ; )
luiz,
Realizei alguns testes e não funcionou, porque o que eu preciso é que o texto declarado dentro do ID do A HREF seja inserido no formulário e não o texto declarado no javascript.
O seu código o texto inserido é o do java e não ao contrário.
Obrigado
Segue o código abaixo:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#Escrita").click();
});
function escrever(){
$(document).ready(function (){
var id = $("#Escrita").attr("id");
$("#cltd").val(id);
});
}
</script>
</head>
<body>
<a onclick="escrever()" href="#" id="Escrita">Adicionar Escrita</a><br/><br/>
<input id="cltd" type="text" />
</body>
</html>
// Aqui tá pegando o id do link sem colocar texto ---------------------------------------------------
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#Escrita").click();
});
function escrever(){
$(document).ready(function (){
var href = $("#Escrita").attr("href");
$("#cltd").val(href);
});
}
</script>
</head>
<body>
<a onclick="escrever()" href="#" id="Escrita">Adicionar Escrita</a><br/><br/>
<input id="cltd" type="text" />
</body>
</html>
Aqui tá pegando o href do link sem colocar texto --------------------------------------------------------------
O attr() pega os atributos da tag. Qualquer coisa só mudar para o atributo que preferir.Não estava conseguindo enviar mensagem nesse site, agora parece que normalizou.
Para executar a função sem clicar no link, você pode utilizar esse codígo abaixo, mas você vai ter que baixar a biblioteca JQUERY, caso não tenha, é só ir no site do JQUERY e baixar.