Skip to content

Pequena função que possibilita submeter um formulário dinâmico à partir de qualquer elemento html.

Notifications You must be signed in to change notification settings

aleckyann/postit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

postit.js - 0.7 Kb ;)

URL E HTML LIMPOS COM POSTITJS

===

<script src="postit.js" />
<i onclick="postit('index.php', ['name=Aleck Yann Mattos', '[email protected]', 'id=22'])">Go!</i>

###O TRECHO DE CÓDIGO ACIMA EQUIVALE A AÇÃO DE SUBMETER ESTE FORMULÁRIO:

<form action="index.php" method="POST">
    <input type="hidden" name="name" value="Aleck Yann Mattos">
    <input type="hidden" name="email" value="[email protected]">
    <input type="hidden" name="id" value="22">
    <input type="submit" value="Go!">
</form>

###REPARE COMO É FEITO:

onclick='postit('urlDeDestino', ['nameDoInput=valueDoInput', 'nameDoInput2=valueDoInput2', ...])'

Repare que você pode passar quantos elementos quiser para o postit, basta seguir a sintaxe: ['name=value', 'name=value'].

###VOCÊ PODE USAR QUALQUER EVENTO PARA DISPARAR O postit.js!

onclick();
onchange();
ondrag();
onhover();
...

DESTA FORMA QUALQUER ELEMENTO DO SEU HTML PODERÁ APRESENTAR COMPORTAMENTO DE UM FORMULÁRIO, SEM POLUIR SEU CÓDIGO HTML COM TAGS <form><input></input></form>

LEMBRE-SE, QUALQUER ELEMENTO HTML PODE SER USADO!

POR PADRÃO TODOS OS ELEMENTOS QUE USAM O POSTIT, RECEBEM EFEITO DE POINTER: style="cursor:pointer" PARA TEREM APARÊNCIA DE ITENS CLICÁVEIS, ASSIM COMO LINKS E BOTÕES.

Version: 1.0.9 Exemplo: http://mysterious-everglades-11117.herokuapp.com/Exemplo/

About

Pequena função que possibilita submeter um formulário dinâmico à partir de qualquer elemento html.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published