Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/

[tutorial] pegar valor pelo getElementById

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[tutorial] pegar valor pelo getElementById

Mensagem por hacker fts315 em Dom Ago 12, 2012 11:58 pm

bom galera nesse tutorial eu vou ensinar como pegar o valor de uma caixa de texto em html (<input type="text">) usando o javascript, com isso agente pode fazer diversas coisas basta usar a imaginaçao e conhecimento *-*, o codigo abaixo ele apenas ta em html e gera um caixa de texto (sei la o nome q se da isso '-' )

Código:
<html>
<body>
  <input type="text">
</body>
</html>

melhorando nosso input agente tem q colocar um id pois vai ser por ele q agente vai pegar o valor, para isso se usa id="" e passa para ele nome, vou chamar o meu de fts

Código:
<html>
<body>
  <input type="text" id="fts">
</body>
</html>

vamos criar um botao, para quando agente apertar nele ele passa os dados, para criar um botao agente usa <input type="button" value="passar" onclick="">, input indica entrada de dados, type indica o tipo q no caso e um botao, value o valor ou oq vai tar escrito no botao, onclick e um evento q ocorre quando der um click no botao

Código:
<html>
<body>
  <input type="text" id="fts">
  <input type="button" value="passar" onclick="">
</body>
</html>

no onclick deixamos embranco pq vou mostrar o codigo javascript primeiro, vamos usar uma funçao para chamar pelo onclick para o navegador nao tentar interpretar ele sem ser chamado '-' , o codigo javascript abaixo ele apenas cria a funçao, q eu chamei e hack

Código:
<html>
<body>
  <input type="text" id="fts">
  <input type="button" value="passar" onclick="">
  <script type="text/javascript">
      function hack()
      {
      }
  </script>
</body>
</html>

lembra do onclick vamos colocar nossa funçao hack() la *-*

Código:
<html>
<body>
  <input type="text" id="fts">
  <input type="button" value="passar" onclick="hack()">
  <script type="text/javascript">
      function hack()
      {
      }
  </script>
</body>
</html>

agora dentro da nossa funçao agente cria uma variavel q eu chamei de rec, e atribuimos ela a document.getElementById("").value dentro do getElementById passamos o id da nossa caixa de texto q no meu caso e fts

Código:
<html>
<body>
  <input type="text" id="fts">
  <input type="button" value="passar" onclick="hack()">
  <script type="text/javascript">
      function hack()
      {
        rec = document.getElementById("fts").value;
      }
  </script>
</body>
</html>

agora agente exibe a variavel, vou usar o alert

Código:
<html>
<body>
  <input type="text" id="fts">
  <input type="button" value="passar" onclick="hack()">
  <script type="text/javascript">
      function hack()
      {
        rec = document.getElementById("fts").value;
        alert(rec);
      }
  </script>
</body>
</html>

bom galera e isso, agora basta soltar a imaginaçao e criar o der ^^

by hacker fts315
avatar
hacker fts315
Membro

Mensagens : 53
Pontos : 4035
Reputação : 32
Data de inscrição : 12/08/2012

Ver perfil do usuário http://endoffile.umforum.net

Voltar ao Topo Ir em baixo

Re: [tutorial] pegar valor pelo getElementById

Mensagem por Md. Morpheus em Seg Ago 13, 2012 1:09 am

Cara, excelente tutorial. O forum tava precisando mesmo, né.
Valeu, um tranks pra ti . . .


[Você precisa estar registrado e conectado para ver esta imagem.]
È meu fã ? Use !
[Você precisa estar registrado e conectado para ver esta imagem.]



Meus amigos:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
avatar
Md. Morpheus
Membro

Mensagens : 117
Pontos : 4118
Reputação : 10
Data de inscrição : 08/08/2012
Localização : Matrix

Ver perfil do usuário http://hacker.umforum.net

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum