Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как реализовать обновление блока без перезагрузки страницы?

Как реализовать обновление блока без перезагрузки страницы?

     19.04.2015    Все вопросы » Общие вопросы по вёрстке    3225

вопрос
Нужно реализовать такое: юзер кликает любой элемент (как на скрине) и появляется плеер rutube в зависимости от выбранного пункта. Это получается что-то похожее на плейлист. Только я хочу реализовать средствами html и css, ну может еще js прикрутить. Подскажите в каую сторону копать?
Как реализовать обновление блока без перезагрузки страницы?

Ответа пока нет

 

2 комментария

LazyDev
PHP-developer

LazyDev - 19 апреля 2015 12:01 -

jQuery вам в помощь. Или же с помощью CSS3 + HTML5 без JS
Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.
ПафНутиЙ
Админ

ПафНутиЙ - 19 апреля 2015 16:07 - 

$(document).on('click', '.link', function() {
    var id = $(this).attr('href');
    $.ajax({
        url: '/path/to/file',
        data: {id: id},
    })
    .done(function(data) {
        // Подсоввываем данные туда, где они должны выводиться.
        console.log("success");
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    return false;
    
});
Каков вопрос - таков и ответ. Просто помните об этом.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 26.06.2011 Mufasa  Общие вопросы по вёрстке
 13.03.2012 Дон  Общие вопросы по вёрстке
 09.03.2013 Sor1s  Общие вопросы, Общие вопросы по вёрстке
 26.05.2013 vlavik007  Общие вопросы по вёрстке, Шаблоны (TPL)
 02.08.2013 jarrro  Общие вопросы по вёрстке
 23.01.2014 alexandros.xeiladakis  Общие вопросы по вёрстке
 29.08.2014 flash1bingo  Общие вопросы по вёрстке
 10.01.2015 remont63  Общие вопросы по вёрстке
 15.04.2015 Moreno  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 25.06.2015 synthmaniac  Общие вопросы, Общие вопросы по вёрстке, Модули
  • SashQa26 | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото SashQa26
    SashQa26
    Исчезает категория(цвет) при ее нажатии, что делать?
    9-05-2025, 13:44
    TeraMoune, нашёл строчку в css, но в другом отдельном css. Там написано вот так 
    * {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}

    Когда убираю вот это: 
    [b]background: transparent;[/b]
    то сразу выделяется синим цветом в стоке как раньше было. Ничего не пойму, я в том css ничего не менял и эту строчку не редактировал, оно у меня так всё и было. Как так? Думаю попробую изменить с 
    [b]background: transparent; на background: none;[/b]
    - Не помогло. Итог, убрал это
    [b]background: transparent;[/b]
    и всё нормально щас.
  • TeraMoune | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото TeraMoune
    TeraMoune
    Исчезает категория(цвет) при ее нажатии, что делать?
    8-05-2025, 23:46
    Куки тут не причём. И браузер имеет стандартные стили. Но как раз если элемент стилей не имеет то надо их присвоить. А это надо выяснить проинспектировав элемент и посмотреть если у него стили и в зависимости от полученной информации что-то предпринять.
  • SashQa26 | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото SashQa26
    SashQa26
    Исчезает категория(цвет) при ее нажатии, что делать?
    8-05-2025, 23:11
    TeraMoune, смотрите, разобрался. Историю чистил не помогало, думаю может куки чистить? Думаю стоп, открою в хроме инкогнито, зашёл на сайт выбираю категорию и тоже самое. Запустил Яндекс браузер выделяет автоматически как и было раньше синим цветом в стоке, затем Edge открыл там выделяет серым цветом, видать особенность браузера.
    Я сегодня утром или вчера уже обновил хром, видать из-за этого произошло.. Видать они какие-то корректировки внесли, теперь при выборе(нажатии категории) она становится белым, то-есть текста не видно... Значит дело в браузере? Щас думаю да не ужели реально? Или переустановить его вообще.
    upd: Не помогло. Правда переустановил без удаления личных данных. Навряд-ли поможет с удалением личных данных, мистика...
  • TeraMoune | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото TeraMoune
    TeraMoune
    Исчезает категория(цвет) при ее нажатии, что делать?
    8-05-2025, 22:54
    Вы так и не смотрите стили, вы ищите какие-то ошибки которых не будет и не должно. Вы должны искать и смотреть стили на элементе и искать color с белым цветом. А потом открыть файл и изменить на любой другой цвет. В окне по нажатию F12 есть две области, разметка html по которой можно смещаться и устанавливать в фокус элементы и другая область где отображаются CSS правила наследуемые элементом на который установлен фокус. Так же в области правил под каждым правилом будет ссылка на файл css если оно из файла.

    Если установлено сжатие CSS и JS то нужно снять чтобы можно было узнать в каких файлах стили.
  • SashQa26 | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото SashQa26
    SashQa26
    Исчезает категория(цвет) при ее нажатии, что делать?
    8-05-2025, 22:39
    TeraMoune, Я пробовал даже заменить изначальный CSS, не помогло, да я не сказал бы что вносил какие-то серьёзные изменения, странно. через консоль F12 нет ошибок. Куда ещё покопать можно?
  • TeraMoune | Исчезает категория(цвет) при ее нажатии, ... 6
    Фото TeraMoune
    TeraMoune
    Исчезает категория(цвет) при ее нажатии, что делать?
    8-05-2025, 22:36
    Искать в css инспектируя код элемента какой стиль придаёт цвет. Делается это в любом браузере в инструменте разработчика. По нажатию на вторую кнопку мыши на элементе в контекстном меню надо искать пункты связанные с инспектированием кода (или вручную искать элементы в окне html кода) так же найти другую область окна где будет перечислен весь список CSS правил на элементе который выбран в фокусе.
  • byroot | Не работает сторонний скрипт в админке к ... 3
    Фото byroot
    byroot
    Не работает сторонний скрипт в админке как исправить?
    5-05-2025, 18:12
    перед /body нужно - https://disk.yandex.ru/i/gX8-HhEvwu31EQ
    Для просмотра содержимого спойлера, перейдите к выбранному событию.

    сохрани код в XML и загрузи его через плагины. изображение меняй на своё. и отступ если нужен - то в /engine/skins/stylesheets/application.css в body измени margin: 0 на свой отступ по краям.
    ссылку на JS скрипт можешь поменять на свою, добавил с cdnjs клаудфларе.
  • MMDance | Не работает сторонний скрипт в админке к ... 3
    Фото MMDance
    MMDance
    Не работает сторонний скрипт в админке как исправить?
    5-05-2025, 16:57
    Не помогло
  • byroot | Не работает сторонний скрипт в админке к ... 3
    Фото byroot
    byroot
    Не работает сторонний скрипт в админке как исправить?
    5-05-2025, 15:40
    добавляй подключение js файла своего после после js_files (после подключения jquery):
    Для просмотра содержимого спойлера, перейдите к выбранному событию.

    [* код взят из DLE 18.0 *]
  • byroot | Как установить редирект внешних ссылок ч ... 1
    Фото byroot
    byroot
    Как установить редирект внешних ссылок через go.php DLE 18?
    3-05-2025, 19:47
    создай плагин XML c кодом и загрузи через плагины в админке
    Для просмотра содержимого спойлера, перейдите к выбранному событию.

    Проверено на DLE 18.0. В fullstory.tpl использовать так:
    [leech][xfvalue_links][/leech]
либо через href.li
[leech]https://href.li/?[xfvalue_links][/leech]
полный пример
<a href="[leech]https://href.li/?[xfvalue_links][/leech]" target="_blank" rel="noopener noreferrer">


    PS код не помню где нашёл, но когда мне нужно было такое сделать - решил вопрос кодом выше.
наверх