powered by simpleCommunicator - 2.0.51     © 2025 Programmizd 02
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Обновление страницы vs Навигация
14 сообщений из 39, страница 2 из 2
Обновление страницы vs Навигация
    #39387332
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Парамонvadipok,
Выше ссылку давал, но зачем куда-то ходить и читать? Если там не понятно, то откат на изучение html.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
                <ul class="nav" id="side-menu">
                    <li class="my-sidebar">
                        <a href="#">
                            <i class="fa fa-download"></i>
                            <span class="nav-label">Вовлеченные запасы</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level collapse">
                            <li class="my-sidebar"><a href="@Url.Action("MethodPermyakov", "RetrieveStores")">По Пермякову</a></li>
                            <li class="my-sidebar"><a href="@Url.Action("MethodKopytov", "RetrieveStores")">По Копытову</a></li>
                            <li class="my-sidebar"><a href="@Url.Action("MethodKambarov", "RetrieveStores")">По Камбарову</a></li>
                        </ul>
                    </li>
                    <li class="my-sidebar">
                        <a href="@Url.Action("Index", "ThermalMethods")"><i class="fa fa-diamond"></i><span class="nav-label">Layouts</span></a>
                    </li>
                    <li class="my-sidebar">
                        <a href="@Url.Action("Index", "CalculatePressure")"><i class="fa fa-line-chart"></i><span class="nav-label">График Холла</span></a>
                    </li>

                </ul> 



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
            <script type="text/javascript">
                $(function () {
                    setNavigation();
                });

                function setNavigation() {
                    var path = window.location.pathname;
                    path = path.replace(/\/$/, "");
                    path = decodeURIComponent(path);

                    $(".nav a").each(function () {
                        var href = $(this).attr('href');
                        if (path.substring(0, href.length) === href) {
                            $(this).parents('.my-sidebar').addClass('active');
                            $(this).parents('.nav-second-level').addClass('in');
                        }
                    });
                }
            </script>



Как-то так, вроде пашет. Спасибо всем за помощь.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39391778
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Парамонvadipok,

Есть вариант сравнивать href и location.pathname , но пилить свой SPA конечно круче.
Решётку не забывайте, вдруг back понадобится.

ps
Чистый MVC для SPA не заточен, костылей будет много.

Получилось применить для CSS.
Устанавливает общий размер двух элементов в 250 пикселей, где размер второго элемента устанавливается 250- размер первого элемента по умолчанию.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
                <!--Среднегодовая температура на поверхности-->
                <div class="form-group">
                    <div class="editor-label">
                        @Html.LabelFor(m => m.input1)
                    </div>
                    <div class="input-group my-item-decimal">
                        <span class="input-group-addon">@Html.GetDisplayName(m => m.input1)</span>
                        @Html.EditorFor(m => m.input1, new { htmlAttributes = new { @class = "my-editor-class", placeholder = "Введите число" } })
                        @Html.ValidationMessageFor(m => m.input1)
                    </div>
                </div>
                <!--Вертикальная координата-->
                <div class="form-group">
                    <div class="editor-label">
                        @Html.LabelFor(m => m.input2)
                    </div>
                    <div class="input-group my-item-decimal">
                        <span class="input-group-addon">@Html.GetDisplayName(m => m.input2)</span>
                        @Html.EditorFor(m => m.input2, new { htmlAttributes = new { @class = "my-editor-class", placeholder = "Введите число" } })
                        @Html.ValidationMessageFor(m => m.input2)
                    </div>
                </div>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
                $(document).ready(function () {
                    setSizeMyEditor();
                });

                function setSizeMyEditor() {
                    $(".my-item-decimal").each(function () {
                        var w = $(this).children(".input-group-addon").outerWidth();
                        var w = 250 - w;
                        $(this).children(".my-editor-class").css({ "width": w });
                    });
                }



Может кому пригодиться.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39391782
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Эффект:
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39391939
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vadipok,

Не айс, что элементарные вещи для CSS, решаются скриптом :-/

Кроме того, размерность принято располагать справа.

Кроме того 2, то, поля ввода выглядят лесенкой, и это не комфортно для работы, желательно всё выровнять по самому длинному тексту размерности.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392073
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttvadipok,

Не айс, что элементарные вещи для CSS, решаются скриптом :-/

Кроме того, размерность принято располагать справа.

Кроме того 2, то, поля ввода выглядят лесенкой, и это не комфортно для работы, желательно всё выровнять по самому длинному тексту размерности.

Покажите плиз, как бы вы это сделали на CSS.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392194
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vadipok,

Накидал:

https://jsfiddle.net/ya65fd3v/1/

примерно, полностью стилистику не соблюдал, можно привести к бутстрапу, или что там используется.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392226
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttvadipok,

Накидал:

https://jsfiddle.net/ya65fd3v/1/

примерно, полностью стилистику не соблюдал, можно привести к бутстрапу, или что там используется.

Ну концовка то у всех одинакового размера, это не совсем то что надо.
Фишка то именно в этом, чтобы у вас в конце размер был по умолчанию.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392235
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vadipokНу концовка то у всех одинакового размера, это не совсем то что надо.

В этом и дело, что должно быть одинакового. Во всех гайдлайнах по дизайну, которых я видел, требуют выравнивания элементов с одинаковой семантической нагрузкой, а также общего выравнивания по сетке по возможности. Наверное потому что об этом пишут в учебной литературе по дизайну графического интерфейса. Когда всё скачет и прыгает это больше подходит на андеграунд с развлекательной тематикой.

vadipokФишка то именно в этом, чтобы у вас в конце размер был по умолчанию.

Не совсем понял, что имеется в виду.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392256
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttvadipokНу концовка то у всех одинакового размера, это не совсем то что надо.

В этом и дело, что должно быть одинакового. Во всех гайдлайнах по дизайну, которых я видел, требуют выравнивания элементов с одинаковой семантической нагрузкой, а также общего выравнивания по сетке по возможности. Наверное потому что об этом пишут в учебной литературе по дизайну графического интерфейса. Когда всё скачет и прыгает это больше подходит на андеграунд с развлекательной тематикой.

vadipokФишка то именно в этом, чтобы у вас в конце размер был по умолчанию.

Не совсем понял, что имеется в виду.

Плевать на дизайн, сейчас не про это разговор, пусть будет разминка для мозгов.
Задачи бывают разные, и мое решение может пригодиться в другом месте.
Можно ли сделать то же самое что и я, только с помощью CSS?
Или то же самое что и вы, только чтобы в конце элементы имели размер по умолчанию?
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392259
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vadipokМожно ли сделать то же самое что и я, только с помощью CSS?
Или то же самое что и вы, только чтобы в конце элементы имели размер по умолчанию?

http://getbootstrap.com/components/#input-groups
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392273
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttvadipokМожно ли сделать то же самое что и я, только с помощью CSS?
Или то же самое что и вы, только чтобы в конце элементы имели размер по умолчанию?

http://getbootstrap.com/components/#input-groups

Понял, спасибо!
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392278
Парамон
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vadipok
Можно ли сделать то же самое что и я, только с помощью CSS?
Или то же самое что и вы, только чтобы в конце элементы имели размер по умолчанию?
Оборачиваем все в один элемент и задаём размер.
...
Рейтинг: 0 / 0
Обновление страницы vs Навигация
    #39392289
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Парамонvadipok
Можно ли сделать то же самое что и я, только с помощью CSS?
Или то же самое что и вы, только чтобы в конце элементы имели размер по умолчанию?
Оборачиваем все в один элемент и задаём размер.

Угу, он уже скинул развернутый ответ.
...
Рейтинг: 0 / 0
Период между сообщениями больше года.
Обновление страницы vs Навигация
    #39818524
Артем G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vadipokПарамонvadipok,
Выше ссылку давал, но зачем куда-то ходить и читать? Если там не понятно, то откат на изучение html.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
                <ul class="nav" id="side-menu">
                    <li class="my-sidebar">
                        <a href="#">
                            <i class="fa fa-download"></i>
                            <span class="nav-label">Вовлеченные запасы</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level collapse">
                            <li class="my-sidebar"><a href="@Url.Action("MethodPermyakov", "RetrieveStores")">По Пермякову</a></li>
                            <li class="my-sidebar"><a href="@Url.Action("MethodKopytov", "RetrieveStores")">По Копытову</a></li>
                            <li class="my-sidebar"><a href="@Url.Action("MethodKambarov", "RetrieveStores")">По Камбарову</a></li>
                        </ul>
                    </li>
                    <li class="my-sidebar">
                        <a href="@Url.Action("Index", "ThermalMethods")"><i class="fa fa-diamond"></i><span class="nav-label">Layouts</span></a>
                    </li>
                    <li class="my-sidebar">
                        <a href="@Url.Action("Index", "CalculatePressure")"><i class="fa fa-line-chart"></i><span class="nav-label">График Холла</span></a>
                    </li>

                </ul> 



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
            <script type="text/javascript">
                $(function () {
                    setNavigation();
                });

                function setNavigation() {
                    var path = window.location.pathname;
                    path = path.replace(/\/$/, "");
                    path = decodeURIComponent(path);

                    $(".nav a").each(function () {
                        var href = $(this).attr('href');
                        if (path.substring(0, href.length) === href) {
                            $(this).parents('.my-sidebar').addClass('active');
                            $(this).parents('.nav-second-level').addClass('in');
                        }
                    });
                }
            </script>



Как-то так, вроде пашет. Спасибо всем за помощь.


для меня оказался рабочим вот этот вариант

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
        <script type="text/javascript">
            
            $(".nav a").each(function () {

                var path = window.location.pathname;
                //path = path.replace(/\/$/, ""); - не срабатывает на идексной странице.
                //path = decodeURIComponent(path);
                var href = window.$(this).attr('href');
                
                if (href !== null) {
                    if (href != undefined) {
                        if (path.substring(0, href.length) === href) {
                            window.$(this).parent().siblings().removeClass('active');
                            window.$(this).parent().addClass('active');
                            return;
                        }
                    }
                }
            });

        </script>
...
Рейтинг: 0 / 0
14 сообщений из 39, страница 2 из 2
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Обновление страницы vs Навигация
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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