Меню Javascript

Question

Я работаю над страницей, на которой есть ссылка «обновление». Когда пользователи нажимают на эту ссылку, я хотел бы, чтобы форма использовала эффект слайда и появлялась под ссылкой. Когда форма отправлена, она обновляет базу данных и меню vansihes.

Я знаю, что это можно сделать с помощью javascript, но я не уверен, как это реализовать.

Большое спасибо

Answer 1

Прежде всего, используйте jquery , это будет более простой и совместимый кросс-браузер.

Появление с эффектом слайда можно сделать с помощью Jquery UI .

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

Обновление базы данных асинхронно может быть выполнено с помощью post method :

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

... но вы также можете просто опубликовать форму синхронно и обновить страницу.

Answer 2

Вы должны рассмотреть библиотеку javascript, такую ​​как jQuery, чтобы помочь вам достичь этого. По сути, вам нужно создать DIV в удаленном положении и скрыть его, когда документ завершит загрузку, а затем добавить события для меню.

С помощью jQuery:

$(document).ready(function() {

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

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

    });

Библиотеку jQuery можно загрузить по адресу http://www.jquery.com/

Answer 3

Могу ли я также добавить, что вам нужно будет убедиться, что страница работает и без javascript, многие пользователи, включая меня, занимаются серфингом с отключенным JavaScript. И я бы лично отказался от вашего сайта, если бы ключевые функции были принесены в жертву, чтобы вы могли сделать страницу более привлекательной.

Answer 4

Это можно сделать с помощью инструментария JQuery или AJAX в ASP.NET. На каком языке вы хотите это? Это не может быть сделано только в чистом JavaScript