Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/

Participe do fórum, é rápido e fácil

Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/
Nylon Tecnologia
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[tutorial] pegar valor pelo getElementById

2 participantes

Ir para baixo

[tutorial] pegar valor pelo getElementById Empty [tutorial] pegar valor pelo getElementById

Mensagem por hacker fts315 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
hacker fts315
hacker fts315
Membro

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

http://endoffile.umforum.net

Ir para o topo Ir para baixo

[tutorial] pegar valor pelo getElementById Empty Re: [tutorial] pegar valor pelo getElementById

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

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

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

https://hacker.umforum.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos