source: branches/2.2.0.1/calendar/js/dhtmlx/samples/02_customization/14_radio_buttons_section.html @ 4001

Revision 4001, 2.5 KB checked in by rafaelraymundo, 13 years ago (diff)

Ticket #1615 - Componente novo para agenda......................................

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<head>
4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
5        <title></title>
6
7        <script src="../../codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
8        <link rel="stylesheet" href="../../codebase/dhtmlxscheduler.css" type="text/css" media="screen" title="no title" charset="utf-8">
9        <link rel="stylesheet" href="../../codebase/ext/dhtmlxscheduler_ext.css" type="text/css" media="screen" title="no title" charset="utf-8">
10       
11        <script src="../../codebase/ext/dhtmlxscheduler_editors.js" type="text/javascript" charset="utf-8"></script>
12
13       
14        <style type="text/css" media="screen">
15                html, body{
16                        margin:0px;
17                        padding:0px;
18                        height:100%;
19                        overflow:hidden;
20                }       
21        </style>
22
23        <script type="text/javascript" charset="utf-8">
24                function init() {
25                        scheduler.config.multi_day = true;
26                       
27                        scheduler.config.event_duration = 30;
28                        scheduler.config.auto_end_date = true;
29                        scheduler.config.details_on_create=true;
30                        scheduler.config.details_on_dblclick=true;
31                       
32                       
33                        scheduler.locale.labels.section_selectme = "Size of the pizza?";
34                       
35                       
36                        var pizza_size = [
37                                { key: 1, label: 'Small' },
38                                { key: 2, label: 'Medium' },
39                                { key: 3, label: 'Large' }
40                        ];
41                       
42                        scheduler.config.lightbox.sections=[   
43                                { name:"description", height:50, map_to:"text", type:"textarea", focus:true },
44                                { name:"selectme", height: 48, options: pizza_size, map_to:"radiobutton_option", type:"radio", vertical: true },       
45                                { name:"time", height:72, type:"time", map_to:"auto"}
46                               
47                        ];
48                       
49                        scheduler.config.xml_date="%Y-%m-%d %H:%i";
50                        scheduler.init('scheduler_here',null,"week");
51                        scheduler.load("../common/events.xml");
52                       
53                }
54        </script>
55
56</head>
57
58<body onload="init();">
59        <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
60                <div class="dhx_cal_navline">
61                        <div class="dhx_cal_prev_button">&nbsp;</div>
62                        <div class="dhx_cal_next_button">&nbsp;</div>
63                        <div class="dhx_cal_today_button"></div>
64                        <div class="dhx_cal_date"></div>
65                        <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
66                        <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
67                        <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
68                </div>
69                <div class="dhx_cal_header">
70                </div>
71                <div class="dhx_cal_data">
72                </div>
73        </div>
74</body>
Note: See TracBrowser for help on using the repository browser.