Postagem de conteúdo sobre programação javascript
-
-
[tutorial] menu de contexto personalizado
by
Kodo no Kami » Fri Aug 12, 2016 6:21 pm
e ae galera hoje vamos aprender a criar um menu de contexto personalizado via javascript no caso os menus de contextos são esses que a gente aperta o botao direito do mouse. para a gente começar criamos um codigo basico em html
com o html pronto criamos a tag javascript
criamos a tag style para o css
agora criamos uma tag div dentro do body ja que ela que vai ser o menu de contexto, colocamos um id nela tambem (nao vou motrar o codigo html...
- 0 Replies
- 265 Views
-
Last post by Kodo no Kami
Fri Aug 12, 2016 6:21 pm
-
-
[tutorial] permutação de imagens
by
Kodo no Kami » Sun May 03, 2015 9:32 am
fiz esse tuto para um membro de um outro forum entao resolvir postar aq pra vcs ^^
bem facil fazer segue um tuto improvisado ai (nao me culpe se seu serve pega fogo kkkkk zueira)
1º criamos uma tag img vai ser por ele que vamos alternar, podemos deixar atributo src em branco pq vamos usar o js para mudar automaticamente, tambem colocamos um atributo id na tag para conseguir manipular, caso seu site ja tenha uma img de banner basta pular essa parte
agora criamos uma tag javascript dentro...
- 0 Replies
- 398 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:32 am
-
-
[tutorial] compartilhar site no facebook
Replies: 1
by
Kodo no Kami » Sun May 03, 2015 9:25 am
e ae galera as vezes temos um site ou blog e queremos compartilhar esse conteudo postado no facebook ou para um visitante compartilhar, para compartilhar usamos o script sharer do facebook nele passamos o metodo get u= seguido da url que queremos compartilhar (no caso to fazendo esse tutorial usando um servidor local entao coloquei o ip de localhost)
para ficar interessante podemos criar um link para redirecionar com a tag do html
compartilhar no facebook by kodo
podemos usar o...
- 1 Replies
- 306 Views
-
Last post by 51M0N
Sun May 03, 2015 9:32 am
-
-
[tutorial] json em javascript
by
Kodo no Kami » Sun May 03, 2015 9:29 am
e ae galera faz um tempinho sem escrever tutorial, nesse tutorial vou ensinar como usar json em javascript, o json é muito usado para arquivos de configuração ou para criar estruturas em forma de hierarquia que vao ser usado em uma pagina tipo o xml tanto que é possivel converte o xml em json e vice versa, a vantagem do json é que nao fica dados tao disperso igual o xml, para usar json no javascript usamos a classe JSON para converte uma string em um objeto e assim usar os atributos do objeto...
- 0 Replies
- 274 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:29 am
-
-
[tutorial] XMLHttpRequest (ajax)
by
Kodo no Kami » Sun May 03, 2015 9:27 am
e ae galera faz um tempo sem escrever tutorial entao to fazendo esse aqui sobre ajax, bom o ajax é uma forma do navegador fazer uma requisição sem sair da pagina atual, com isso nao precisamos ser redirecionado para um script para enviar um formulario ou simplesmente retornar o codigo da pagina, para fazer isso em javascript podemos usar o objeto XMLHttpRequest porem antes de tudo vamos criar uma pagina basica para o exemplo
agora instanciamos o nosso objeto...
- 0 Replies
- 260 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:27 am
-
-
[tutorial] criar captucha js e html5 canvas
by
Kodo no Kami » Sun May 03, 2015 9:23 am
e ae galera nesse tutorial vou ensinar como criar captucha em javascript e html5 com canvas, embora o uso de captucha irrite alguns usuarios ele e extremamente importante para evitar bots, para começar criamos uma pagina basica
colocamos a tag canvas definimos um tamanho com o atributo width e height tambem colocamos um id para manipular, tambem usamos o css border para colocar uma bordar
embaixo criamos um input text e dois input button, o text vamos escrever...
- 0 Replies
- 251 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:23 am
-
-
[tutorial] menu com texto em movimento (js)
by
Kodo no Kami » Sun May 03, 2015 9:21 am
e ae galera a pedido de um mano to fazendo esse tutorial de como criar um menu com o texto em movimento tipo o do forum mesmo (obs: nao fui eu que fiz o desse forum)
existe varias formas de criar esse menu vamos criar o nosso com javascript e css, para começar criamos uma pagina basica
agora criamos uma div que sera o menu ou seja a parte fixa (eu vou chamar de ftsmenu), e dentro dela criamos outra div que vai ficar mexendo dentro (eu vou chamar de ftsmov)
...
- 0 Replies
- 256 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:21 am
-
-
[tutorial] input text com value dinamico
by
Kodo no Kami » Sun May 03, 2015 9:19 am
bom galera nesse tutorial vou ensinar como criar input text com texto de referencia dentro e quando clicar nele vai apagar o texto dentro, para começar criamos uma pagina basica
agora criamos duas funções que vai escrever o texto quando a pessoa nao estiver clicando no input e a outra vai apagar o texto caso ela clique no input (o texto so sera apagado se for o de referencia), tambem vou criar um input text e vou colocar um value nele e um id para manipular
function...
- 0 Replies
- 264 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:19 am
-
-
[tutorial] menu bar em html/css/js - 2º parte
by
Kodo no Kami » Sun May 03, 2015 9:16 am
bom galera continuando o tutorial anterior o codigo que paramos foi esse
#fts_menu_ocultar{
/*display: none;*/
}
#fts_bar{
background-color: black;
}
#fts_titulo{
color: red;
}
#fts_botao_opcao{
background-color: gray;
}
FTS MENU BAR
na parte que sera gerada dinamicamente vou colocar um codigo para iniciar com ele que sera um iframe...
- 0 Replies
- 263 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:16 am
-
-
[tutorial] menu bar em html/css/js - 1º parte
by
Kodo no Kami » Sun May 03, 2015 9:14 am
bom galera ultimamente nem to fazendo tantos tutoriais devido eu esta terminando o ebook c/c++ que logo logo irei postar pra vcs, nesse tutorial vou ensinar como criar uma barra de menu que vai seguir o scroll, nessa barra vai ter um botao para abrir e fechar ela (sera o mesmo botao abrir/fechar), o titulo e outros botões para alternar as opçao, vamos usar html/css e js, ele vai ser muito parecido com esse que eu tinha feito
para começar usamos uma pagina basica onde vamos fazer o codigo...
- 0 Replies
- 261 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:14 am
-
-
[tutorial] funçao setTimeout e setInterval
by
Kodo no Kami » Sun May 03, 2015 9:11 am
bom galera nesse tutorial vou ensinar como usar o setTimeout e setInterval, essas duas funçoes serve para executar uma funçao em um determiando tempo ou repetir em um determinado tempo no caso o setTimeout vai executar a funçao depois de um determinado tempo e o setInterval ele vai chamar a funçao sempre naquele intervalo de tempo, para usar abas funçoes temos q declarar ela e passar como argumento uma funçao e o tempo em milesimos
function fts_time()
{
document.write( o setTimeout...
- 0 Replies
- 282 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:11 am
-
-
[tutorial] spoiler de imagem
by
Kodo no Kami » Sun May 03, 2015 9:09 am
bom galera mais cedo eu tava no site da ecchi-nyaa baixando alguns animes e vi algo interessante la (nao e hentai nao ta kkkkkk), la para as imagens de conteudo +18 tem uma especime de script q apenas mostra a imagem se vc clicar nela, entao resolvi fazer esse tutorial ensinando fazer o mesmo, para começar vamos criar nossa pagina basica com essa imagem
agora vamos criar nossa funçao em javascript no caso vou chamar de fts_mudar que vai ter duas entradas de argumentos q no caso...
- 0 Replies
- 277 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:09 am
-
-
[source] FTS Identificador de hash
by
Kodo no Kami » Sun May 03, 2015 9:07 am
pequeno identifacador de hash ^^
online
by hacker fts315
function fts_ihash()
{
has = document.getElementById('hash').value;
//md5(apr)
if(/^\$apr1\$/.test(has) == true)
{
document.getElementById('resultado').innerHTML = '' +
'Hash: '.fontcolor('yellow') + 'md5(apr)' +
' Tamanho: '.fontcolor('yellow') + has.length +
' ' + 'Bytes: '.fontcolor('yellow') + (has.length / 2) +
' ' + 'Bits: '.fontcolor('yellow') + (has.length * 4) ;
}
//md5(phpbb3)...
- 0 Replies
- 255 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:07 am
-
-
[tutorial] evitando xss em javascript
by
Kodo no Kami » Sun May 03, 2015 9:05 am
cross site scripting e uma falha q o navegador interpreta uma entrada de dados como se fosse um codigo da pagina, veja uma pagina simples de vun xss
function hack()
{
dados = document.getElementById( fts315 ).value;
document.getElementById( saida ).innerHTML = dados;
}
FTS XSS Refletido
aq vai ser o comentario ^^
se agente ao inves de digitar um comentario e sim um codigo html ele vai interpretar e ai q ta bicho '-', para...
- 0 Replies
- 270 Views
-
Last post by Kodo no Kami
Sun May 03, 2015 9:05 am
-
-
[tutorial] cookie em javascript
Replies: 1
by
Kodo no Kami » Thu Apr 02, 2015 5:27 pm
bom galera nesse tutorial vou ensinar a criar e ler cookies, eu ja fiz um tutorial parecido para o php nesse vai ser para o javascript, para criar cookie basta atribuir ao document.cookie, os cookies sao nome=valor no exemplo abaixo eu criei um cookie com o nome fts e o valor 315
document.cookie = fts=315 ;
para ler o cookie basta ler o document.cookie
alert(document.cookie);
agente tambem pode armazenar em uma variavel, e depois manipular ele...
- 1 Replies
- 318 Views
-
Last post by 51M0N
Thu Apr 02, 2015 5:47 pm
-
-
[tutorial] criar spoiler em javascript/css
by
Kodo no Kami » Thu Apr 02, 2015 5:38 pm
bom galera spoiler sao aqueles botoes para ocultar e desocultar parte da pagina muito encontrado em forum e blogs, veja um exemplo abaixo do spoiler do forum
isso tava escondido
se voce estiver vendo esse tutorial pelos foruns phpbb acredite nosso spoiler vai ficar mais bonitinho doq o anterior '-' , para começar vamos criar uma pagina html basica
agora vamos criar um botao vai ser por ele que a gente vai ocultar e desocultar o spoiler, para isso a gente usa tag input do tipo...
- 0 Replies
- 245 Views
-
Last post by Kodo no Kami
Thu Apr 02, 2015 5:38 pm
-
-
[tutorial] propriedade innerhtml
by
Kodo no Kami » Thu Apr 02, 2015 5:35 pm
essa propriedade permite modificar determinada parte dinamicamente assim nao precisaria recargar a pagina para mudar o conteudo dela e nem modificar toda a pagina, por exemplo o codigo abaixo ele muda o texto junto com a pagina toda
function fts()
{
document.write( mudo o texto );
}
by hacker fts315
a gente pode perceber q ate o botao sumiu se agente tivesse usado o innerHTML so teria mudado o texto, para usar o innerhtml agente...
- 0 Replies
- 232 Views
-
Last post by Kodo no Kami
Thu Apr 02, 2015 5:35 pm
-
-
[tutorial] abrir uma pagina em uma mini-janela
by
Kodo no Kami » Thu Apr 02, 2015 5:32 pm
para abrir uma janela pelo javascript a gente usa a funçao window.open e passamos como argumento a url da pagina seguido do nome e depois os atributos de tamanho da janela
window.open( 300, width = 400 );
no caso ele ali ele vai abrir uma mini janela do forum eof, agente pode colocar dentro de uma funçao e executar essa funçao atraves de um button
function fts()
{
window.open( 315, width = 315 );
}
so uma pequena observaçao se vc nao...
- 0 Replies
- 261 Views
-
Last post by Kodo no Kami
Thu Apr 02, 2015 5:32 pm
-
-
[tutorial] pegar valor pelo getElementById
by
Kodo no Kami » Thu Mar 19, 2015 2:48 am
bom galera nesse tutorial eu vou ensinar como pegar o valor de uma caixa de texto em html ( ) 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 '-' )
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
vamos...
- 0 Replies
- 260 Views
-
Last post by Kodo no Kami
Thu Mar 19, 2015 2:48 am
-
-
[tutorial] cor do texto em javascript
by
Kodo no Kami » Thu Mar 19, 2015 2:45 am
bom galera nesse tutorial eu vou ensinar a mudar a cor do texto em javascript, para exibir um texto se usa a funçao document.write e passa como argumento a string
document.write('hacker fts315');
para mudar a cor do texto basta colocar .fontcolor depois da string e passar como argumento a cor (ingles)
document.write('hacker fts315'.fontcolor( red ));
veja outro exemplo com duas string concatenada com cores diferente
...
- 0 Replies
- 228 Views
-
Last post by Kodo no Kami
Thu Mar 19, 2015 2:45 am
-
-
[tutorial] alert, confirm e prompt
by
Kodo no Kami » Thu Mar 19, 2015 2:36 am
bom galera o javascript permite exibir algumas caixa de dialogo como por exemplo aqueles alerta quando vc aperta em um botao exibe uma determinada mensagem, para exibir uma mensagem de alerta basta usar a funçao alert() e passar como argumento uma string, veja
alert( by hfts315 );
para dar um alerta com confirmaçao de ok ou cancelar se usa a funçao confirm() , ela retorna verdadeiro caso aperte em ok e falso caso aperte em cancelar (em outras palavras vc pode manipular ela usando...
- 0 Replies
- 262 Views
-
Last post by Kodo no Kami
Thu Mar 19, 2015 2:36 am
-
-
[tutorial] basico em javascript
by
Kodo no Kami » Thu Mar 19, 2015 2:33 am
javascript e uma linguagem de script muito parecida com java muito usada em paginas web para deixar mais dinamica, nao e necessario um copilador igual perl o proprio navegador interpreta a linguagem entao basta criar uma pagina em html e colocar o script nela, veja abaixo um codigo em html
para inserir um codigo em javascript na sua pagina html basta usar a tag e dentro dela colocar o codigo js (javascript), veja o exemplo com o mesmo codigo acima
o...
- 0 Replies
- 253 Views
-
Last post by Kodo no Kami
Thu Mar 19, 2015 2:33 am
Forum permissions
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum