Технический форум

Технический форум (http://www.tehnari.ru/)
-   Изготовление сайтов (http://www.tehnari.ru/f129/)
-   -   Joomla! 2.5.9. Ищу модуль новостей с изменением статьи (http://www.tehnari.ru/f129/t97982/)

mirra88 22.08.2014 19:37

Joomla! 2.5.9. Ищу модуль новостей с изменением статьи
 
1. Стоит Joomla! 2.5.9. Ищу модуль новостей (бесплатный). Смысл в том, что слева выводится список с названиями заголовками новостей. А справа развёрнута одна из статей-новостей из этого списка. Но эта статья должна меняться при щелчке на соответствующую новость из списка слева. Если кто-то знает, подскажите пожалуйста.
2. Я подозреваю, что что-то подобное достаточно просто сделать из любого модуля новостей. Надо только, чтобы по клику на новость, ссылка открывалась не на новой странице, а на DIV-е справа. Подскажите, пожалуйста, кто знает, как в Joomla сделать, чтобы ссылка открывалась не в новом окне, а в нужном мне DIV?
3. Ну и вообще... А без Joomla как сделать, чтобы ссылка открывалась не в новом окне, а в нужном DIV? Просто такая задача возникает достаточно часто.

GlaZZZ 23.08.2014 15:00

Цитата:

Сообщение от mirra88 (Сообщение 1056356)
3. Ну и вообще... А без Joomla как сделать, чтобы ссылка открывалась не в новом окне, а в нужном DIV? Просто такая задача возникает достаточно часто.

Это через Java Script. А как конкретно даже не подскажу

kreol 24.08.2014 13:59

Цитата:

Сообщение от mirra88 (Сообщение 1056356)
3. Ну и вообще... А без Joomla как сделать, чтобы ссылка открывалась не в новом окне, а в нужном DIV? Просто такая задача возникает достаточно часто.

Читайте про AJAX

Легче всего сделать использую JQuery вот пример:

index.html - главный файл
Код HTML:

<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="script.js"></script>
        <style>
            .ajax {
              min-width: 150px;
              min-height: 150px;
              border: 1px red solid;
            } 
        </style>
    </head>
    <body> 
        <div>
            <a href="link.html" class="ajaxLink">From this link will be loading HTML</a>
        </div>

        <div class="ajax">
            Here will be loading HTML from link
        </div>
    </body>
</html>

link.html - файл с которого будет загружаться контент
Код HTML:

<html>
    <head>
    </head>
    <body>
        <p>
        <strong>HTML Content</strong> from link.html
        </p>
    </body>
</html>

script.js - javaScript файл, с помощью которого через AJAX грузим контент на который ведет ссылка
Код:

(function () {
    $(document).ready(function () {
        $('.ajaxLink').click(function (event) {
            event.preventDefault(); /*убираем стандартное действие - переход по ссылке*/

            $('.ajax').load($(this).attr("href"));
        });
    });
}());


mirra88 24.08.2014 21:17

Большое спасибо за помощь! Всё получилось благодаря Ajax! Вот тут "Ссылка удалена.Модератор" я нашла как подгрузить в любой Div открытой страницы часть материала с другой страницы. Что и реализовала!


Часовой пояс GMT +4, время: 09:22.

Powered by vBulletin® Version 4.5.3
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.