Pitbull

Luis thank you!! i finaly got it i am sory to bother you so much.. one help advice how to output more info about event ( image map links ) any idea?

i try it but now have a look Louis if not so much to ask if you please to post your calendar from (image in your post up) related files (foot head calendar or any other you use to make it) here to see how to make mine work, so i dont waste your time anymore.. thank you and i am sory to bother you..

i folow step by step but no luck my files are head.zip i cant make it work can you see what i did false thank you Louis and i wiss you get the help you give me when you need it..

included in head.inc <script type="text/javascript" src="<?php echo $config->urls->templates?>calendario/js/modernizr.custom.63321.js"></script> <script type="text/javascript" src="<?php echo $config->urls->templates?>calendario/js/jquery.calendario.js"></script> <script type="text/javascript" src="<?php echo $config->urls->templates?>calendario/js/data.js"></script> <script type="text/javascript"> $(function() { var transEndEventNames = { 'WebkitTransition' : 'webkitTransitionEnd', 'MozTransition' : 'transitionend', 'OTransition' : 'oTransitionEnd', 'msTransition' : 'MSTransitionEnd', 'transition' : 'transitionend' }, transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ], $wrapper = $( '#custom-inner' ), $calendar = $( '#calendar' ), cal = $calendar.calendario( { onDayClick : function( $el, $contentEl, dateProperties ) { if( $contentEl.length > 0 ) { showEvents( $contentEl, dateProperties ); } }, caldata : codropsEvents, displayWeekAbbr : true } ), $month = $( '#custom-month' ).html( cal.getMonthName() ), $year = $( '#custom-year' ).html( cal.getYear() ); $( '#custom-next' ).on( 'click', function() { cal.gotoNextMonth( updateMonthYear ); } ); $( '#custom-prev' ).on( 'click', function() { cal.gotoPreviousMonth( updateMonthYear ); } ); function updateMonthYear() { $month.html( cal.getMonthName() ); $year.html( cal.getYear() ); } // just an example.. function showEvents( $contentEl, dateProperties ) { hideEvents(); var $events = $( '<div id="custom-content-reveal" class="custom-content-reveal"><h4>Events for ' + dateProperties.monthname + ' ' + dateProperties.day + ', ' + dateProperties.year + '</h4></div>' ), $close = $( '<span class="custom-content-close"></span>' ).on( 'click', hideEvents ); $events.append( $contentEl.html() , $close ).insertAfter( $wrapper ); setTimeout( function() { $events.css( 'top', '0%' ); }, 25 ); } function hideEvents() { var $events = $( '#custom-content-reveal' ); if( $events.length > 0 ) { $events.css( 'top', '100%' ); Modernizr.csstransitions ? $events.on( transEndEventName, function() { $( this ).remove(); } ) : $events.remove(); } } }); </script>

thank you diogo Hi Luis thank you for your help, i dont make it work the problem is this: the calendar.php is <?php include("./head.inc"); ?> <?php function getEvents() { $days = wire('pages')->get("/calendar/")->children("sort=title"); foreach ($days as $day) { echo "'$day->title' : '"; echo "<span><p>"; $events = $day->children("sort=created"); foreach ($events as $event) { echo $event->title.' '; } echo "</p></span>"; echo "', \n"; } } ?> <div class="custom-calendar-wrap"> <div id="custom-inner" class="custom-inner"> <div class="custom-header clearfix"> <nav> <span id="custom-prev" class="custom-prev"></span> <span id="custom-next" class="custom-next"></span> </nav> <h2 id="custom-month" class="custom-month"></h2> <h3 id="custom-year" class="custom-year"></h3> </div> <div id="calendar" class="fc-calendar-container"></div> </div> </div> <?php include("./foot.inc"); ?>

hi Luis thank you for help.. i try your code but iget this error Parse Error: syntax error, unexpected ''" '' (T_CONSTANT_ENCAPSED_STRING), expecting ',' or ';' (line 21 of C:\wamp\www\processwireeeeeeeee\site\templates\calendar.php) this is my page: <?php include("./head.inc"); ?> <?php foreach ($days as $day) { echo "'$day->title' : '"; echo "<span><p>"; $events = $day->children("sort=created"); foreach ($events as $event) { echo $event->title' '; } echo "</p></span>"; echo "', \n"; } ?> <div class="custom-calendar-wrap"> <div id="custom-inner" class="custom-inner"> <div class="custom-header clearfix"> <nav> <span id="custom-prev" class="custom-prev"></span> <span id="custom-next" class="custom-next"></span> </nav> <h2 id="custom-month" class="custom-month"></h2> <h3 id="custom-year" class="custom-year"></h3> </div> <div id="calendar" class="fc-calendar-container"></div> </div> </div> <?php include("./foot.inc"); ?> i dont know wats wrong?

hi Luis thank you for the tutorial, can you please post the way you did yours in photo, or the code you use? i try it with the tut example i see the calendar but no event is shown, i try it in the main instal of processwire, i cant post a link because i try it on localhost, so it will be perfect for me if you show me how you did it. what i need for my first website is a calendar that post events.. thank you in advance!! please see image attached to see the problem i have

very nice website but the PROJECTS PAGE need to clicked twice to show up right.