Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Опять модальное окно. / 4 сообщений из 4, страница 1 из 1
02.03.2017, 10:53
    #39412999
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Опять модальное окно.
Добрый день, коллеги!

Как всегда нужна ваша помощь реализовать помощь на странице. ))
Идея такая, сделать кнопку на странице которая откроет Модальное окно в котором будет отображаться справка.
В справке содержаться довольно сложные и причудливые математические формулы.
Для отображения формул использую MathJax
На обычной странице(просто с низу добавляю на боевую страницу содержащую C#, Ajax ...) он отрабатывает на ура:
 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE html>
<html>
<head>
    <title>MathJax AsciiMath Test Page</title>
    <script type="text/javascript" async
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_CHTML"></script>
</head>
<body>

    <p>
        When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and
        they are
    </p>
    <p style="text-align:center">
        `A'=&#8721;_(n=1)^N q_n/2 {ln&#8289;[ch (&#960;(y_j-y_n)/a) - cos (&#8289;&#960;(x_j-x_n)/a) ]-ln&#8289;2 } .`
    </p>

</body>
</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.
<!DOCTYPE html>
<html>
<head>
    <title>MathJax AsciiMath Test Page</title>
    <script type="text/javascript" async
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_CHTML"></script>
</head>
<body>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" area-hidden="true">X</button>
                <h4 class="search-header">Справка</h4>
                <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_CHTML"></script>
            </div>
            <div class="modal-body">
                <p>
                    When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and
                    they are
                </p>
                <p style="text-align:center">
                    `A'=&#8721;_(n=1)^N q_n/2 {ln&#8289;[ch (&#960;(y_j-y_n)/a) - cos (&#8289;&#960;(x_j-x_n)/a) ]-ln&#8289;2 } .`
                </p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" type="button" data-dismiss="modal">
                    <i class="fa fa-close"></i> Закрыть
                </button>
            </div>
        </div>
    </div>
</body>
</html>




Сперва хочу разобраться с этим, потом добавлю через NuGet, там она есть, я нашел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2017, 12:08
    #39413042
big-duke
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Опять модальное окно.
vadipok,

Вы бы на jsfiddle выкладывали свои примеры, было бы легче.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2017, 13:00
    #39413069
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Опять модальное окно.
big-dukevadipok,

Вы бы на jsfiddle выкладывали свои примеры, было бы легче.

Все же просто, все есть по ссылке.
Модальное окно подтягивается с помощью контроллера, как я это там реализую, все остальное по ссылке до смешного просто.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.03.2017, 13:04
    #39413072
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Опять модальное окно.
vadipok,

MathJax добавил через NuGet.
Проект весил 90 МБ, сейчас весит 180 МБ.
Сижу думаю, надо мне такое счастье?! )
В Лайоут добавил <script type="text/javascript" src="~/Scripts/MathJax/MathJax.js?config=AM_CHTML"></script>.
Все остальные ссылку удалил, в основной странице все хорошо, в Модальном окне как были кракозябры, так и остались.
Как быть? Помогите плиз.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Опять модальное окно. / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]