php , jquery, postgresql

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/"
        )
    
    ));
 
?>

Montes28 · #2 (**permalink**) 11/02/2012, 19:33

amigos ayudenme por favor

como recogo los datos de un prompt y los paso a php para realizar la insercion a a la base de datos

Código Javascript:

Ver originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                            
                            
                        },
                        true // make the event "stick"
                    );

Montes28 · #3 (**permalink**) 12/02/2012, 08:52

hola amigos del foro

hola amigos me encuentro trabajandon con fullcalendar para que trabaje con base de datos

he estado tratando de implementar el codigo a mis necesidades

para empezar

tengo el siguiente codigo javascript
en cual usuo una pequeña ventana emergente prompt

necesito capturar los datos y enviarlos a la base de datos

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('Evento:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                        
                            
                        },
                        true // make the event "stick"
                         
                    );
                }
                calendar.fullCalendar('unselect');
            },
            editable: true,

Nemutagk · #4 (**permalink**) 12/02/2012, 09:47

Eso es Javascript, con PHP no podrás capturar nada, en todo caso es necesario usar Ajax...

Montes28 · #5 (**permalink**) 12/02/2012, 09:57

gracias por responder

me puedes indicar un poco como realizar una insercion con ajax

gracias

Nemutagk · #6 (**permalink**) 12/02/2012, 10:03

Probaste verificando la documentación de Ajax en JQuery?

Montes28 · #7 (**permalink**) 12/02/2012, 10:11

gracias por responder

pues estoy documentando

mi duda es
mediante ajax+jquery como atrapo los datos que se ingresan por prompt
y enviarlos a la base de datos
var title = prompt('Evento:');

Montes28 · #8 (**permalink**) 12/02/2012, 10:14

ya que en que parte

del codigo

Código Javascript:

Ver originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                        
                            
                        },
                        true // make the event "stick"

debo de poner algo asi , osea en que parte del codigo debo de poner
un codigo como este para atrapar los datos

Código Javascript:

Ver originalvar request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});

Nemutagk · #9 (**permalink**) 12/02/2012, 10:26

Si podrías hacerlo de esa forma, pero no es necesario "guardar" el objeto $.ajax en una variable a menos que obtengas una respuesta por parte del servidor....

Código Javascript:

Ver originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    $.ajax({
                         url:'archivo.php',
                         type:'post',
                         data:{
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay
                         }
                    }).done(function(data) {
                         alert("Datos guardados, respuesta: " + data);
                    });
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                        
                            
                        },
                        true // make the event "stick"

Montes28 · #10 (**permalink**) 12/02/2012, 18:43

hola Nemutagk gracias por responder

tengo un par de dudas

Código Javascript:

Ver originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    $.ajax({
                         url:'archivo.php',

en el archivo.php recibo los datos de la siguiente manera

estoy bien?

Código PHP:

Ver original$title = $_POST['title'];
$start = $_POST['start'];
$end = $_POST['end'];
$allDay = $_POST['allDay'];
 
despues el insert sql

Montes28 · #11 (**permalink**) 12/02/2012, 19:47

hola amigos gracias por responder

en el archivo "archivo.php"

tengo el siguiente codigo para realizar la insersion en la base de datos
solo me llega el primer dato

Código PHP:

Ver original<?
$title = $_POST["title"];
$start = $_POST["start"];
 
$servidor = 'localhost';
$bd = 'calendario';
$usuario = 'postgres';
$contrasenia = 'hoe798cs';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("INSERT INTO eventos (id_evento,titulo,inicio) 
                                 VALUES (nextval('eventos_id_evento_seq'),'".$title."','".$start."')");
$consulta->execute();
?>

para ver que dato me llega
realice la prueba
alert("Datos guardados, respuesta: " + start);
y este es el dato Sat Feb 11 2012 00:00:00 GMT-0500

Código Javascript:

Ver originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    $.ajax({
                         url:'archivo.php',
                         type:'post',
                         data:{
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay
                         }
                    }).done(function(data) {
                         alert("Datos guardados, respuesta: " + start);
                    });

que estoy haciendo mal?

Nemutagk · #12 (**permalink**) 12/02/2012, 20:33

Depura la petición, usa algún plugin/software como firebug para ver que es lo que se manda...

Montes28 · #13 (**permalink**) 12/02/2012, 20:52

gracias por responder

los datos los recibo de la siguiente manera

y insertar los siguientes datos

26;"Inicio";"TRUE";"start";"fin"

tengo problemas con los siguientes datos
$start = $_POST['start'];
$fin = $_POST['end'];

me inserta las palabras end y start

y deben de ser asi Sat Feb 11 2012 00:00:00 GMT-0500

y ya instale el software firebug en firefox como visualizo lo que se esta enviando

Código PHP:

Ver original$title = $_POST['title'];
$allDay = $_POST['allDay'];
$start = $_POST['start'];
$fin = $_POST['end'];
 
 
 
 
$servidor = 'localhost';
$bd = 'calendario';
$usuario = 'postgres';
$contrasenia = 'hoe798cs';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("INSERT INTO eventos (id_evento,titulo,prueba,inicio,fin) 
                                 VALUES (nextval('eventos_id_evento_seq'),'".$title."','".$allDay."','".start."','".fin."')");
$consulta->execute();

gracias

Montes28 · #14 (**permalink**) 12/02/2012, 21:00

ya utilice el firebug

y se envia lo siguiente

Código fuente
title=Dormir&allDay=true

Montes28 · #15 (**permalink**) 12/02/2012, 21:05

solo se envian dos datos

faltan 2 datos

Nemutagk · #16 (**permalink**) 12/02/2012, 21:12

En el plugin hay apartado donde que se llama consola, en el cuando se realiza la petición ajax se genera una nueva linea, primero comienza con el tipo de petición (GET o POST) y luego el url del archivo que procesará la petición, abajo hay una pestaña que se llama envio, aquí se ve las variables que se envían y sus valores, aquí un ejemplo...

Montes28 · #17 (**permalink**) 12/02/2012, 21:13

gracias por responder

eres de mucha ayuda Nemutagk

solo consigo enviar dos datos

Nemutagk · #18 (**permalink**) 12/02/2012, 21:23

Verifica las variables en javascript si realmente tiene un valor y no se están reescribiendo o perdiendo los datos, tu problema directamente es de javascript

Montes28 · #19 (**permalink**) 12/02/2012, 21:30

hola Nemutagk

estoy utilizando el plugin FullCalendar jquery

lo estoy implementando para ingresar los eventos en la base de datos

necesito enviar 4 datos y solo logro enviar 2

con el codigo que me enviaste puedo enviar solo dos

el plugin trabaja con los siguientes js

Código Javascript:

Ver original<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 originalselect: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    $.ajax({
                         url:'archivo.php',
                         type:'post',
                         data:{
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay
                         }
                    }).done(function(data) {
                         alert("Datos guardados, respuesta: " + data);
                    });
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                        
                            
                        },
                        true // make the event "stick"

gracias por tu colaboracion

Montes28 · #20 (**permalink**) 12/02/2012, 21:45

Hola Nemutagk disculpame por mi ignorancia

creo que las variables no se inicializan por estas lineas de codigo
el plugin trabaja con fullcalendar.min.js pero tiene muchas lineas

no se que hacer

ayudame por favor

Código Javascript:

Ver originalfunction select(start, end, allDay) {
        currentView.select(start, end, allDay===undefined ? true : allDay);
    }

Montes28 · #21 (**permalink**) 13/02/2012, 07:24

hola amigos

alguien me puede ayudar ?

estoy trabajando con fullcalendar y jQuery

tengo el siguiente inconveniente

solo estoy enviando los datos
title: title,
allDay: allDay

y necesito que lleguen start: start,end: end

que me faltaria configurar?

gracias

Nemutagk · #22 (**permalink**) 13/02/2012, 07:29

saca un screenshot de firebug con los datos que se envían, ahora, start y end de que tipo son las variables? string? estas seguro que ambas variables tienen un valor?, si ajax no envia los valores es porque las variables están vacías, has un alert a cada una de las variables antes del $.ajax

Montes28 · #23 (**permalink**) 13/02/2012, 08:28

hola amigos

encontre este post donde describe lo que a mi me sucede

http://stackoverflow.com/questions/9...th-jquery-post

hice un alert y este es lo que me muestra Sun Jan 29 2012 12:00:00 GMT-0600

el inconveniente es el javascript

como convierto start y end en fechas tipo objeto string/timestamp

antes de enviar los datos

Nemutagk · #24 (**permalink**) 13/02/2012, 10:59

O.o en el link que publicaste esta la solución...

Cita:

@user1048676 Just use the appropriate method in your post() data object, eg { title: title, start: start.toUTCString(), end: end.toUTCString(), allDay: allDay }

Montes28 · #25 (**permalink**) 13/02/2012, 19:53

hola amigos

realice los cambios deacuerdo al post

Código Javascript:

Ver originaldata:{
                            title: title,
                            start: start.toUTCString(),
                            end: end.toUTCString(),
                            allDay: allDay,
                         }

utilizando firebug

allDay true
end Mon, 13 Feb 2012 05:00:00 GMT
start Mon, 13 Feb 2012 05:00:00 GMT
title Estudiar

title=Estudiar&start=Mon%2C+13+Feb+2012+05%3A00%3A 00+GMT&end=Mon%2C+13+Feb+2012+05%3A00%3A00+GMT&all Day=true

y recibo

Código PHP:

Ver original<?
 
$title = $_POST['title'];
$allDay = $_POST['allDay'];
$start = $_POST['start'];
$fin = $_POST['end'];
 
 
$servidor = 'localhost';
$bd = 'calendario';
$usuario = 'postgres';
$contrasenia = 'hoe798cs';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("INSERT INTO eventos (id_evento,titulo,prueba,inicio,fin) 
                                 VALUES (nextval('eventos_id_evento_seq'),'".$title."','".$allDay."','".start."','".fin."')");
$consulta->execute();
?>

y en la base de datos solo logro insertar lo siguiente

1;"DORMIR";"TRUE";"start";"fin"

que estoy haciendo mal

hola amigos ya encontre el error

en estos datos estaba el error ,'$allDay','$start','$fin'

Código PHP:

Ver original$consulta = $db->prepare("INSERT INTO eventos (id_evento,titulo,prueba,inicio,fin) 
                                 VALUES (nextval('eventos_id_evento_seq'),'".$title."','$allDay','$start','$fin')");

pero todavia tengo un inconveniente

en postresql que tipo de dato es este

Sat Feb 11 2012 00:00:00 GMT-0500

hola amigos tengo un lio con la fecha y hora que estoy enviando por post

en la aplicacion quiero enviar Feb 13, 2012 --- 6:30 am

por post envio
start=Mon%2C+13+Feb+2012+11%3A30%3A00+GMT&end=Mon% 2C+13+Feb+2012+12%3A00%3A00+GMT

y a la base de datos se insertan

ensayo timestamp without time zone, 2012-02-13 12:00:00
ensayo2 timestamp with time zone, 2012-02-13 07:00:00-05

que hago para guardar la hora real ?

ayudenme por favor

amigos como haga para restarle 5 horas a una fecha ?

hola amigos del foro

hola amigos necesito a una fecha dada restarle 5 horas por ejemplo

fecha dada :14 Feb 2012 13:00:00 GMT
-5
el resultado deberia ser 14 Feb 2012 08:00:00 GMT

con php como lo haria