Javascript menu

Question

Eu estou trabalhando em uma página, que tem um link que diz "update". Quando os usuários clicam neste link, eu gostaria de um formulário para usar um efeito de slide e aparecem por baixo do link. Quando o formulário é enviado, ele atualiza o db, eo menu vansihes.

Eu sei que isso pode ser feito com javascript, mas não estou certo de como implementá-lo.

Muito graças

Answer 1

Primeiro, o uso jquery , será mais simples e compatível cross browser.

Aparecendo com um efeito de slide pode ser feito com jQuery UI .

$("div").click(function () {
      $(this).show("slide", { direction: "down" }, 1000);
});

Atualização do db assynchronously pode ser feito usando o pós método :

$.post("/action.php", { },
      function(data){
    }, "text");

... mas você também pode simplesmente enviar o formulário de forma síncrona e atualizar a página.

Answer 2

Você deve considerar uma biblioteca javascript como jQuery para ajudá-lo a alcançar este objectivo. Basicamente o que você precisa é criar um DIV na posição disired e escondê-lo quando o documento terminar de carregar, em seguida, adicionar eventos para o menu do botão

Com jQuery:

$(document).ready(function() {

        $('#myDivId').hide(); //Hiding the div

        $('#updadeLinkId').click(function() {
             $('#myDivId').slideToggle('slow'); //This is the slide effect
        });

    });

A biblioteca jQuery pode ser downloadeds em http://www.jquery.com/

Answer 3

Maio I também adicionar que você vai precisar para assegurar as obras página sem javascript, bem como, muitos usuários, inclusive eu surfar com o javascript desabilitado. E eu, pessoalmente, iria abandonar o seu site se a funcionalidade chave foi sacrificado para que você possa fazer a mais bonita página look.

Answer 4

Você pode fazer isso usando o kit de ferramentas JQuery ou AJAX em ASP.NET. O idioma que você quer isso em? Ele não pode ser feito em javascript puro única