显示表单的弹出窗口

时间:2012-09-10 15:06:53

标签: jquery forms

我正在使用谷歌API开发一个处理日历中事件的应用程序。我有一个jquery函数,在浏览器页面的底部显示一个表单(函数.show())。我想做的是像谷歌日历中的内容。当您在日历上单击日期时,将显示一个显示表单的弹出窗口。 我读了那个窗口。我几乎做了我想做的事,但问题是我不知道该把什么放在网址中:

window.open('url', 'window name', 'window settings')

实际上,表单和我的jquery函数位于同一个文件中:

<div id="addEvent" style="display:none" >
            <form id="addEventForm">

                <label>Titre :</label>
                <input type="text" value="" placeholder="Titre de l'event" id="title" name="title" />


                <label>Date de début :</label>
                <input type="text" value="" placeholder="Date de l'event" id="start_date" name="start_date" />

                <a href="#" onclick="add_event()">Ajouter l'event</a>
            </form>
        </div>

以下是我展示表格的方式:

$(document).ready(function() {
        $('#calendar').fullCalendar({
            dayClick: function(date, allDay, jsEvent, view)
            {     
                 date_format = $.fullCalendar.formatDate(date,"yyyy-MM-dd");
                 display_form(date_format);

            },
         events: 'https://www.google.com/calendar/feeds/myLogin%40gmail.com/public/basic'
        });
    });

 function display_form(s_date)
           {$('#addEvent').show();
            $('#start_date').val(s_date);
           }

0 个答案:

没有答案