Foros del Web - Ver Mensaje Individual

Montes28 · #1 (**permalink**) 11/02/2012, 14:51

Hola amigos espero me puedan ayudar

tengo un aplizacion la cual trabaja con php+jquery+postresql

necesito realizar las operaciones de insertar,consultar,modificar,eliminar

hasta el momento estoy consultando los datos desde un archivo php json-events.php

espero me den un empujon

tengo el siguiente codigo

Código HTML:

Ver original<html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='cupertino/theme.css' />
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' />
<script type='text/javascript' src='../jquery/jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='../jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar.min.js'></script>

Código Javascript:

Ver original<script type='text/javascript'>
 
        $(document).ready(function() {
    
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        
        var calendar = $('#calendar').fullCalendar({
        theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Event Title:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay
                        },
                        true // make the event "stick"
                    );
                }
                calendar.fullCalendar('unselect');
            },
            editable: true,
            events: "json-events.php",
            
            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database)');
            },
            
            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }
        });
        
    });
 
</script>

Código CSS:

Ver original<style type='text/css'>
 
    body {
        margin-top: 40px;
        text-align: center;
        font-size: 13px;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
        }
 
    #calendar {
        width: 900px;
        margin: 0 auto;
        }
 
</style>

Código HTML:

Ver original</head>
<body>
<div>SGC</div>
<br />
<br />
<div id='calendar'></div>
</body>
</html>

archivo json-events.php

Código PHP:

Ver original<?php
 
    $year = date('Y');
    $month = date('m');
 
    echo json_encode(array(
    
        array(
            'id' => 111,
            'title' => "Event1",
            'start' => "$year-$month-10",
            'url' => "http://yahoo.com/"
        ),
        
        array(
            'id' => 222,
            'title' => "Event2",
            'start' => "$year-$month-20",
            'end' => "$year-$month-22",
            'url' => "http://yahoo.com/"
        )
    
    ));
 
?>