Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title></title>
    <!-- Google Maps source -->
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

    <!-- Active js scripts -->
    <script src="../../codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../codebase/ext/dhtmlxscheduler_serialize.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../codebase/ext/dhtmlxscheduler_recurring.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../codebase/ext/dhtmlxscheduler_map_view.js" type="text/javascript" charset="utf-8"></script>

    <!-- Sprache -->
    <script src="../../sources/locale_de.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../sources/locale_recurring_de.js" type="text/javascript" charset="utf-8"></script>

    <!-- CSS definieren -->
    <link rel="stylesheet" href="../../codebase/dhtmlxscheduler_glossy.css" type="text/css" media="screen" title="no title" charset="utf-8">


<style type="text/css" media="screen">
    html, body{
        margin:0px;
        padding:0px;
        height:100%;
        overflow:hidden;
    }
    .dhx_cal_navline input{
        width:80px;
        position:absolute;
        top:1px;
        font-family:Tahoma;
        font-weight:8pt;
    }
</style>

</head>
<script type="text/javascript" charset="utf-8">
   function init() {
      scheduler.config.xml_date="%Y-%m-%d %H:%i";
      scheduler.config.prevent_cache = true;

      scheduler.init('scheduler_here',new Date(2012,1,20),"month");
      scheduler.data_attributes = function(){
         var empty = function(a){ return a||""; }
         return [["id"],
               ["text"],
               ["start_date",scheduler.templates.xml_format],
               ["end_date",scheduler.templates.xml_format],
               ["rec_type",empty],
               ["event_length",empty],
               ["event_pid",empty]];
      }
      scheduler.load("php/data_r.xml");
   }

   function show(){
      alert(scheduler.toXML());
   }
   function save(){
      var form = document.getElementById("xml_form");
      form.elements.data.value = scheduler.toXML();
      form.submit();
   }

    // updating dates to display on before view change
    scheduler.attachEvent("onBeforeViewChange", function(old_mode, old_date, new_mode, new_date) {
    scheduler.config.map_start = scheduler.date.month_start(new Date((new_date||old_date).valueOf()));
    scheduler.config.map_end = scheduler.date.add(scheduler.config.map_start, 1, "month");
    return true;
    });

    // defining add function for prev/next arrows
    scheduler.date.add_map = function(date, inc) {
        return scheduler.date.add(date, inc, "month");
    };

    // defining date header
    var format = scheduler.date.date_to_str("%Y-%m-%d");
    scheduler.templates.map_date = function(start, end, mode){
        return format(start)+" — "+format(end);
    };

    // Map-Tab
    scheduler.locale.labels.map_tab = "Map";
    scheduler.locale.labels.section_location = "Location";

    scheduler.xy.map_date_width = 180; // date column width
    scheduler.xy.map_description_width = 400; // description column width


    scheduler.config.lightbox.sections=[
        { name:"description", height:50, map_to:"text", type:"textarea", focus:true },
        { name:"location", height:43, map_to:"event_location", type:"textarea"  },
        { name:"time", height:72, type:"time", map_to:"auto"}
    ]

    scheduler.config.map_inital_zoom = 8;

    scheduler.init('scheduler_here',new Date(2010,8,1),"map");
    scheduler.load("php/events_map_view.php");

    dp = new dataProcessor("php/events_map_view.php");
    dp.init(scheduler);

</script>

<body onload="init();">
    <form action="./php/xml_writer_r.php" id="xml_form" method="post" target="hidden_frame" accept-charset="utf-8">
        <input type="hidden" name="data" value="" id="data">
    </form>
    <iframe src='about:blank' frameborder="0" style="width:0px; height:0px;" id="hidden_frame" name="hidden_frame"></iframe>
    <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
        <div class="dhx_cal_navline">
            <div class="dhx_cal_prev_button">&nbsp;</div>
            <div class="dhx_cal_next_button">&nbsp;</div>
            <div class="dhx_cal_today_button"></div>
            <div class="dhx_cal_date"></div>
            <input type="button" name="save" value="Speichern" onclick="save()" style="right:380px;">
            <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
            <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
            <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
            <div class="dhx_cal_tab" name="map_tab" style="right:280px;"></div>
        </div>
        <div class="dhx_cal_header">
        </div>
        <div class="dhx_cal_data">
        </div>
    </div>
</body>