Vai al contenuto
jQuery Italia
jQuery Italia

La community italiana di jQuery

  • HOME
  • IMPARA
    • Tutorials jQuery Italia
    • Tutorials dal web
    • Supporto ed Aiuto
  • CONTRIBUISCI
    • Nuovo Articolo
    • Nuovo Tutorial
  • SVILUPPA
    • Snippets
    • Tools
    • Download
    • Plugins
    • Links
  • NOTIZIE
    • jQuery
    • jQuery UI
    • Projects
  • CONTATTI
  • LOGIN
  • REGISTRATI

Interagire con full calendar

Home › Forum › Supporto ed Aiuto › Problemi con i plugin di jQuery

Scrivi le tue richieste di aiuto nella sezione relativa.
Posta qui eventuali problemi con i plugin di jQuery
  • Questo topic ha 1 risposta, 2 partecipanti ed è stato aggiornato l'ultima volta 9 anni fa da jqueryitalia.
Stai visualizzando 2 post - dal 1 a 2 (di 2 totali)
  • Autore
    Post
  • 24 Luglio 2013 alle 17:25 #4863
    veronica
    Partecipante

    Buongiorno a tutti,
    da qualche giorno sono in realizzazione di una pagina web che contiene un calendario (full calendar) per la visualizzazione (e anche per la modifica e/o cancellazione) degli eventi che vado a creare nella stessa pagina.
    Vi trasmetto il codice che contiene lo script di definizione del calendar e il codice dove, leggendo dal mio database, vado a far visualizzare gli eventi nel calenadrio.
    1° php

    <script>
    function CreaCalendario(){
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
        $('.external-class').each(function() {
                // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
                // it doesn't need to have a start or end
                var eventObject = {
                    title: $.trim($(this).text()) // use the element's text as the event title
                };
                // store the Event Object in the DOM element so we can get to it later
                $(this).data('eventObject', eventObject);
                // make the event draggable using jQuery UI
                $(this).draggable({
                    zIndex: 999,
                    revert: true,      // will cause the event to go back to its
                    revertDuration: 0,  //  original position after the drag
                    start: function(){
                        $('#calendar').fullCalendar('changeView', 'agendaWeek');
                    }
                });
        });
      $('#calendar').fullCalendar({
      day: 'dddd, MMM d, yyyy',
                theme: true,
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'month,agendaWeek,agendaDay'
        },
        titleFormat: {
            month: 'MMMM yyyy',
            week: "MMMM d[ yyyy]{ '&#8212;'[ MMM] d, yyyy}",
            day: 'dddd, d MMMM yyyy'
        },
        columnFormat: {
            month: 'ddd',
            week: 'ddd d',
            day: 'dddd M/d'
        },
        editable: true,
        selectable: true,
        droppable: true, // this allows things to be dropped onto the calendar !!!
        minTime: 9,
        firstHour: 9,
        maxTime: 21,
        lastHour: 21,
        events: "php/eventi.php"
      });
      $('#calendar').fullCalendar('changeView', 'agendaWeek');
    }
    </script>

    lettura del mio data base e caricamento del calendario con : php/eventi.php che é presente nello script sopra riportato:

    <?php
    $array = array();
    $conn = db2_connect('*****','*****','*****');
    if ($conn)
    {
        // Elenco disponibilità
        $query01 = "SELECT DTDISP, ORINDI, ORFIDI
                    FROM LIBL.FILE001L1
                    WHERE CD0000 = '$cd00001'
                    AND CD0000 = '$cd00002'";
        $result = db2_exec($conn, $query01);
        $availability_list = Array();
        $i=0;
        while($rows = db2_fetch_both($result))
        {
            $availability_list[$i]['DTDISP'] = $rows['DTDISP'];
            $availability_list[$i]['ORINDI'] = $rows['ORINDI'];
            $availability_list[$i]['ORFIDI'] = $rows['ORFIDI'];
            $year01 = substr($availability_list[$i]['DTDISP'], 0,4);
            $month01 = substr($availability_list[$i]['DTDISP'], 4,2);
            $day01 = substr($availability_list[$i]['DTDISP'], 6,2);
            $timestart = $availability_list[$i]['ORINDI'];
            $timeend = $availability_list[$i]['ORFIDI'];
            // Verifica dell'orario inizio
            if($timestart < 1000)
            {
                $ora01 = "0".substr($timestart, 0, 1);
                $min01 = substr($timestart, 1, 2);
            }
            else
            {
                $ora01 = substr($timestart, 0, 2);
                $min01 = substr($timestart, 2, 2);
            }
            $ora02 = substr($timeend, 0, 2);
            $min02 = substr($timeend, 2, 2);
            // Verifica dell'orario fine
            if($timeend < 1000)
            {
                $ora02 = "0".substr($timeend, 0, 1);
                $min02 = substr($timeend, 1, 2);
            }
            else
            {
                $ora02 = substr($timeend, 0, 2);
                $min02 = substr($timeend, 2, 2);
            }
            $array[$i] = array(
                    'id' => $i,
                    'title' => "Disp. $cd00001",
                    'start' => "$year01-$month01-$day01 $ora01:$min01",
                    'end' => "$year01-$month01-$day01 $ora02:$min02",
                    'allDay' => false);
            $i++;
        }
    }
    echo json_encode($array);
    // Chiudo la connessione
    db2_close($conn);
    //}
    ?>

    Per adesso visualizzo gli eventi nei determinati giorni del mio calendario. Vorrei poter interagire con i singoli giorni (quelli che contengono un evento) del mio calendario (con il click del mio mouse) facendo appare una finestra dove al suo interno sia presente tutto il dettaglio del mio evento e la possibilità di poter cancellare lo stesso magari con un bottone (con la dicitura cancella evento).
    Ripeto per il resto funziona tutto bene.

    24 Luglio 2013 alle 19:27 #4866
    jqueryitalia
    Amministratore

    Dovi utilizzare le funzionalità “Clicking & Hovering” di FullCalendar creando una funzione di callback.

    Guarda la documentazione a questo indirizzo ed il seguente esempio.

    Buon lavoro!

  • Autore
    Post
Stai visualizzando 2 post - dal 1 a 2 (di 2 totali)
  • Devi essere connesso per rispondere a questo topic.
Accesso
Accedi con Facebook
Accedi con Google
Accedi con Twitter

Login

Accedi con Facebook
Accedi con Google
Accedi con Twitter
  • Registrati
  • Password dimenticata?

SOSTIENI jQuery Italia

Aiuta la Community di jQuery Italia a rimanere in vita per contribuire a diffondere le conoscenze di base ed avanzate di jQuery.

Download in evidenza

  • gmap104.html (3590 download)
  • jqueryformwizard-201.html (3222 download)
  • jquery-1.4.1.min.js (3140 download)
  • tinytips11.html (3126 download)
  • jquery-ui-1.8rc1.zip (2990 download)
  • jquerytools120.html (2919 download)
  • jquery-1.4.2.min.js (2905 download)
  • calendarPicker.html (2893 download)
  • 1.0.0.zip (2886 download)
  • move-background.html (2855 download)

jQuery Links

  • jQuery Howto
  • jQuery Official Site
  • jQuery UI Official Site
  • Learning jQuery
  • Use jQuery

SITO SEGNALATO SU

Sito segnalato da Freeonline.it - La guida alle risorse gratuite Mooseek.com - Web Directory, Download Software, Giochi Online, Video Tecnologici, Siti d'Affari

TAG

aggiornamento (3) ajax (5) Android (5) animazione (49) api (10) BlackBerry (4) calendario (3) canvas (4) css3 (9) form (12) framework (41) gallery (8) google (5) html5 (11) immagini (38) javascript (29) jQuery (160) jQuery UI (15) Linux Day (3) maps (3) menu (6) mobile (10) modalbox (2) open source (4) overlay (3) plugin (93) Plugins (17) presentation cycle (4) projects (11) responsive (5) slider (7) slideshow (18) Smartphones (5) Tablets (4) template (5) tooltip (6) tutorial (12) twitter (2) upload (3) utility (18) VELug (3) video (3) widget (3) WYSIWYG (2) zoom (3)
jQuery Italia

La community italiana di jQuery

  • Facebook
  • Twitter
  • Linkedin
  • Youtube
Tutti i loghi ed i marchi contenuti e citati in questo sito sono dei rispettivi propietari.
Privacy Policy
Cookies Policy
COPYRIGHT © 2010 - 2022 jQuery Italia
Designed By ZeeTheme
Posting....