Javascript Menu

Question

Je travaille sur une page, qui a un lien qui lit "mise à jour". Lorsque les utilisateurs cliquent sur ce lien, je voudrais qu'un formulaire utilise un effet de diapositive et apparaisse sous le lien. Lorsque le formulaire est soumis, il met à jour le db et les vansihes de menu. Je sais que cela peut être fait avec javascript, mais je ne sais pas comment l'implémenter.

Une grande partie grâce

Answer 1

Tout d'abord, utiliser jquery, il sera plus simple navigateur croix et conforme.

Apparaître avec un effet de diapositive peut être fait avec Jquery UI.

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

Mise à jour du assynchronously db peut être fait en utilisant la post method:

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

... mais vous pouvez également afficher simplement la forme synchrone et actualiser la page.

Answer 2

Vous pouvez le faire en utilisant JQuery ou AJAX toolkit sur ASP.NET. Quelle langue voulez-vous? Cela ne peut être fait en javascript pur seulement

Answer 3

Puis-je ajouter que vous devrez vous assurer que la page fonctionne sans javascript, de nombreux utilisateurs, y compris moi-même surfer avec javascript désactivé. Et j'abandonnerais personnellement votre site si des fonctionnalités clés ont été sacrifiées afin que vous puissiez rendre la page plus jolie.

Answer 4

Vous devriez envisager une bibliothèque javascript telle que jQuery pour vous aider à atteindre cet objectif. Fondamentalement, ce que vous avez besoin est de créer un DIV en position disired et le cacher lorsque le document se termine le chargement puis ajouter des événements pour le menu, cliquez

Avec jQuery:

$(document).ready(function() { 

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

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

    }); 

La bibliothèque jQuery peut être downloadeds à http://www.jquery.com/