Не получается внедрить html с javascript в ContentPlaceHolder в проекте / ASP.NET

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Не получается внедрить html с javascript в ContentPlaceHolder в проекте

5 сообщений из 5, страница 1 из 1

Не получается внедрить html с javascript в ContentPlaceHolder в проекте

#39914378

Petrovna28

Гость

Привет. Пытаюсь внедрить в проект Fullcalendar.io ( https://fullcalendar.io/docs/initialize-globals-demo). Если создаю в проекте отдельную html и копирую в нее код подключения, то все OK
Но мне надо разместить этот Fullcalendar в определенном ContentPlaceHolder моего проекта. И в этом вся проблема.
Это код в отдельной html, он работает.

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset='utf-8' />
    <title></title>
    <link href='fullcalendar/core/main.css' rel='stylesheet' />
    <link href='fullcalendar/daygrid/main.css' rel='stylesheet' />

    <script src='fullcalendar/core/main.js'></script>
    <script src='fullcalendar/daygrid/main.js'></script>

    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
          plugins: [ 'dayGrid' ]
        });

        calendar.render();
      });

    </script>
  </head>
  <body>

    <div id='calendar'></div>

  </body>
</html>

А здесь я разместила его в PlaceHolder.

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.

<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeFile="calendar_control.aspx.cs" Inherits="calendar_control" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="/fullcalendar/core/main.css" rel="stylesheet" />
    <link href="/fullcalendar/daygrid/main.css" rel="stylesheet" />

    <%--<script src="js/calendar.js" type="text/javascript"></script>--%>
    <script src="/fullcalendar/moment/main.js" type="text/javascript"></script>
    <script src="/fullcalendar/core/main.js" type="text/javascript"></script>
    <script src="/fullcalendar/daygrid/main.js" type="text/javascript"></script>
    <script type="text/javascript">
        
     document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ['dayGrid']
        });

        calendar.render();
    });
    </script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   
    <div id="calendar"></div>
    

</asp:Content>

Что я делаю не так?

...

Рейтинг:

0 / 0

15.01.2020, 15:19

| Ответить | Цитировать | Написать

Не получается внедрить html с javascript в ContentPlaceHolder в проекте

#39914379

monstrU

Участник

Откуда: Москва

Сообщения: 949

Рейтинг: 0 / 0

Petrovna28,
после внедрения календаря в мастер страницу у контейнера календаря будет другой id
то есть по ид=calendar
var calendarEl = document.getElementById('calendar');
ни одного dom элемента не будет

...

Рейтинг:

0 / 0

15.01.2020, 15:25

| Ответить | Цитировать | Написать

Не получается внедрить html с javascript в ContentPlaceHolder в проекте

#39914388

Petrovna28

Гость

monstrU, вы имеет в виду

Код: html

 <div id="calendar"></div>

?
А что делать?

...

Рейтинг:

0 / 0

15.01.2020, 15:44

| Ответить | Цитировать | Написать

Не получается внедрить html с javascript в ContentPlaceHolder в проекте

#39914391

monstrU

Участник

Откуда: Москва

Сообщения: 949

Рейтинг: 0 / 0

Petrovna28,

в источнике странице в html поищите этот div и посмотрите его Id

...

Рейтинг:

0 / 0

15.01.2020, 15:46

| Ответить | Цитировать | Написать

Не получается внедрить html с javascript в ContentPlaceHolder в проекте

#39914393

Petrovna28

Гость

monstrU,
нашла, такой же id, как и в коде, но div пустой

...

Рейтинг:

0 / 0

15.01.2020, 15:48

| Ответить | Цитировать | Написать

5 сообщений из 5, страница 1 из 1

Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Не получается внедрить html с javascript в ContentPlaceHolder в проекте

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=18&msg=39914391&tid=1354806]:	0ms
get settings:	11ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	28ms
get topic data:	12ms
get forum data:	3ms
get page messages:	48ms
get tp. blocked users:	2ms
others:	272ms

total:	395ms