Здравствуйте!
Помогите, пожалуйста.
Есть общий раздел "Мероприятия" с подключенным week-calender. (Ссылка на календарь )
При нажатии на событие происходит переход в подробное описание события. (Пример подобного мероприятия ).
Ниже в спойлерах предоставляю код.
Заранее благодарен!
Если посмотреть код страницы-подробного описания мероприятия, то данные в коде об этом мероприятии есть. Но они не отображаются на самой странице. Ниже прилагаю код страницы с детальным отображением.
Сама страница (код) с календарем и списком новостей выглядит так:
Помогите, пожалуйста.
Есть общий раздел "Мероприятия" с подключенным week-calender. (
При нажатии на событие происходит переход в подробное описание события. (
Ниже в спойлерах предоставляю код.
Заранее благодарен!
Если посмотреть код страницы-подробного описания мероприятия, то данные в коде об этом мероприятии есть. Но они не отображаются на самой странице. Ниже прилагаю код страницы с детальным отображением.
Скрытый текст |
---|
<body> <div class="column group"> <div class="main_content group"> <div class="main_column"> <h2>«В.Тушнова и Ю. Нагибин – как мы их помним».</h2> <div class="entry"> <link rel='stylesheet' type='text/css' href='/bitrix/templates/main/jquery-weekcalendar-1.2.2/jquery.weekcalendar.css' /> <script type='text/javascript' src='/bitrix/templates/main/jquery-weekcalendar-1.2.2/jquery.weekcalendar.js'></script> <script type='text/javascript'> var year = new Date().getFullYear(); var month = new Date().getMonth(); var day = new Date().getDate(); <div class="news-detail"> <span class="news-date-time">17.04.2015</span> <ul class="details"> <li><strong>Краткое описание мероприятия: </strong>литературная беседа (16+).<strong></strong></li> <li><strong>Время: </strong>12:00</li> <li><strong>Ответственное лицо</strong><strong>:</strong> заведующая Городской библиотеки № 4 <strong><em><font color="#ed008c">Бржевская В.А. <br /> </font></em></strong></li> <li><strong>Место проведения мероприятия:</strong> Городская библиотека № 4 <br /> </li> <li><strong>Адрес:</strong> 141420, М.О., Химки, микрорайон Сходня, ул. Чапаева, д.7</li> <li><strong>Телефон:</strong> 8(495)574-14-75</li> </ul> <div style="clear:both"></div> <br /> </div><p><a href="/events/">Возврат к списку</a></p> $(document).ready(function() { $('#calendar_block').css('padding', '0'); $('.crumbs').css('margin', '0'); $('#calendar').weekCalendar({ firstDayOfWeek: 1, timeslotsPerHour: 4, use24Hour: true, readonly: true, timeFormat: 'H:i', businessHours: {start: 9, end: 18, limitDisplay: true}, timeslotHeight: '20', height: function($calendar){ //return $(window).height() - $("h1").outerHeight(); return 900; }, eventClick: function(calEvent, $event) { window.open( ' '_blank' // <- This is what makes it open in a new window. ); //console.log(calEvent); //displayMessage("<strong>" + calEvent.start.getDate() + " - " + calEvent.end.getDate() + "</strong><br/>test"); }, eventRender : function(calEvent, $event) { if(calEvent.end.getTime() < new Date().getTime()) { $event.css("backgroundColor", "#aaa"); $event.find(".time").css({"backgroundColor": "#999", "border":"1px solid #888"}); } }, noEvents : function() { displayMessage("There are no events for this week"); }, data:eventData }); function displayMessage(message) { $("#message").html(message).fadeIn(); } //$("<div id=\"message\" class=\"ui-corner-all\"></div>").prependTo($("body")); }); </script> <div id="message"></div> </div> </div> </div> </body> |
Сама страница (код) с календарем и списком новостей выглядит так:
Скрытый текст |
---|
<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php";); $APPLICATION->SetTitle("Мероприятия";); ?> <link rel='stylesheet' type='text/css' href='<?=$APPLICATION->GetTemplatePath();?>jquery-weekcalendar-1.2.2/jquery.weekcalendar.css' /> <script type='text/javascript' src='<?=$APPLICATION->GetTemplatePath();?>jquery-weekcalendar-1.2.2/jquery.weekcalendar.js'></script> <script type='text/javascript'> var year = new Date().getFullYear(); var month = new Date().getMonth(); var day = new Date().getDate(); <? /* CModule::IncludeModule("iblock";); $arFilter = array( "IBLOCK_ID"=>46, "ACTIVE"=>"Y" ); $res = CIBlockElement::GetList(array("SORT"=>"ASC";), $arFilter, false, array()); */ $APPLICATION->IncludeComponent( "bitrix:news", "event_js", Array( "IBLOCK_TYPE" => "events", "IBLOCK_ID" => "46", "NEWS_COUNT" => "99999", "USE_SEARCH" => "N", "USE_RSS" => "N", "USE_RATING" => "N", "USE_CATEGORIES" => "N", "USE_REVIEW" => "N", "USE_FILTER" => "N", "SORT_BY1" => "ACTIVE_FROM", "SORT_ORDER1" => "DESC", "SORT_BY2" => "ACTIVE_TO", "SORT_ORDER2" => "ASC", "CHECK_DATES" => "N", "SEF_MODE" => "Y", "SEF_FOLDER" => "/content/events/", "AJAX_MODE" => "N", "AJAX_OPTION_JUMP" => "N", "AJAX_OPTION_STYLE" => "Y", "AJAX_OPTION_HISTORY" => "N", "CACHE_TYPE" => "A", "CACHE_TIME" => "3600", "CACHE_FILTER" => "N", "CACHE_GROUPS" => "Y", "SET_TITLE" => "Y", "SET_STATUS_404" => "Y", "INCLUDE_IBLOCK_INTO_CHAIN" => "N", "ADD_SECTIONS_CHAIN" => "Y", "USE_PERMISSIONS" => "N", "PREVIEW_TRUNCATE_LEN" => "0", "LIST_ACTIVE_DATE_FORMAT" => "d.m.Y", "LIST_FIELD_CODE" => array(0=>"",1=>"",), "LIST_PROPERTY_CODE" => array(0=>"",1=>"",), "HIDE_LINK_WHEN_NO_DETAIL" => "N", "DISPLAY_NAME" => "N", "META_KEYWORDS" => "-", "META_DESCRIPTION" => "-", "BROWSER_TITLE" => "-", "DETAIL_ACTIVE_DATE_FORMAT" => "d.m.Y", "DETAIL_FIELD_CODE" => array(0=>"",1=>"",), "DETAIL_PROPERTY_CODE" => array(0=>"",1=>"",), "DETAIL_DISPLAY_TOP_PAGER" => "N", "DETAIL_DISPLAY_BOTTOM_PAGER" => "Y", "DETAIL_PAGER_TITLE" => "Страница", "DETAIL_PAGER_TEMPLATE" => "", "DETAIL_PAGER_SHOW_ALL" => "N", "DISPLAY_TOP_PAGER" => "N", "DISPLAY_BOTTOM_PAGER" => "Y", "PAGER_TITLE" => "События", "PAGER_SHOW_ALWAYS" => "N", "PAGER_TEMPLATE" => "", "PAGER_DESC_NUMBERING" => "N", "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", "PAGER_SHOW_ALL" => "N", "DISPLAY_DATE" => "Y", "DISPLAY_PICTURE" => "Y", "DISPLAY_PREVIEW_TEXT" => "Y", "USE_SHARE" => "N", "AJAX_OPTION_ADDITIONAL" => "", "SEF_URL_TEMPLATES" => Array( "news" => "", "section" => "", "detail" => "#ELEMENT_ID#/" ), "VARIABLE_ALIASES" => Array( "news" => Array(), "section" => Array(), "detail" => Array(), ) ) ); ?> <?/* var eventData = { events : [ <? $i = 1; while($ar_fields = $res->GetNext()) { //print_r($ar_fields); $time_start = (date("H:i", strtotime($ar_fields['ACTIVE_FROM'];))); $time_end = (date("H:i", strtotime($ar_fields['ACTIVE_TO'];))); $day = (date("d", strtotime($ar_fields['ACTIVE_FROM'];))); $month = (date("m", strtotime($ar_fields['ACTIVE_FROM'];))); $year = (date("Y", strtotime($ar_fields['ACTIVE_FROM'];))); //if (date('d') < date("d", strtotime($ar_fields['ACTIVE_FROM'];))) $day_str = ' + ' . (date("d", strtotime($ar_fields['ACTIVE_FROM'];)) - date('d')); //else if (date('d') > date("d", strtotime($ar_fields['ACTIVE_FROM'];))) $day_str = ' - ' . (date('d') - date("d", strtotime($ar_fields['ACTIVE_FROM'];))); //else if (date('d') == date("d", strtotime($ar_fields['ACTIVE_FROM'];))) $day_str = ''; echo '{"id":'.$ar_fields['ID'].', "start": new Date(year, month, day'. $day_str .', '.str_replace(':',',',$time_start).'), "end": new Date(year, month, day'. $day_str .', '.str_replace(':',',',$time_end).'),"title":"'.$ar_fields['NAME'].'"},'; //echo '{"id":'.$ar_fields['ID'].', "start":"'.$year.'-'.$month.'-'.$day.'T'.$time_start.':00", "end":"'.$year.'-'.$month.'-'.$day.'T'.$time_end.':00","title":"'.$ar_fields['NAME'].'"},'; $i++; } ?> ] }; */?> $(document).ready(function() { $('#calendar_block').css('padding', '0'); $('.crumbs').css('margin', '0'); $('#calendar').weekCalendar({ firstDayOfWeek: 1, timeslotsPerHour: 4, use24Hour: true, readonly: true, timeFormat: 'H:i', businessHours: {start: 9, end: 18, limitDisplay: true}, timeslotHeight: '20', height: function($calendar){ //return $(window).height() - $("h1";).outerHeight(); return 900; }, eventClick: function(calEvent, $event) { window.open( ' '_blank' // <- This is what makes it open in a new window. ); //console.log(calEvent); //displayMessage("<strong>" + calEvent.start.getDate() + " - " + calEvent.end.getDate() + "</strong><br/>test";); }, eventRender : function(calEvent, $event) { if(calEvent.end.getTime() < new Date().getTime()) { $event.css("backgroundColor", "#aaa";); $event.find(".time";).css({"backgroundColor": "#999", "border":"1px solid #888"}); } }, noEvents : function() { displayMessage("There are no events for this week";); }, data:eventData }); function displayMessage(message) { $("#message";).html(message).fadeIn(); } //$("<div id=\"message\" class=\"ui-corner-all\"></div>";).prependTo($("body";)); }); </script> <div id="message"></div> <div id="calendar_block"> <a class="view_all" href="/content/events/">Архив мероприятий</a><br /> <div id='calendar'></div> </div> <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php";);?> |