Задать вопрос

Axel030392

Ответы

  • Как перехватить переход по ссылки и повесить функцию на неё?

    @Axel030392 Автор вопроса
    Всем спасибо, нашел ответ при помощи GPT, красиво и просто. Вот кому интересна это реализация.

    <div id="newprojects" class="nw-projects">
    <!-- Ссылки -->
    <a href="javascript:void(0);">Ссылка 1</a>
    <a href="/category/page1">Ссылка на категорию 1</a>
    <a href="/category/page2">Ссылка на категорию 2</a>
    <a href="/category/page3">Ссылка на категорию 3</a>
    <!-- /Ссылки -->
</div>

<script>
jQuery(document).ready(function($){
    // Загрузка iframe в див
    $("#newprojects").load("/candidate .dev-map-class-changer");
    
    // Получение ссылок из дива
    var box = document.getElementById('newprojects');
    var links = box.getElementsByTagName('a');
    
    // Отмена перехода по ссылкам первого типа
    for(var i = 0, l = links.length; i < l; i++) {
        if (links[i].href === "javascript:void(0);") {
            links[i].onclick = function() {
                return false;
            };
        }
    }
    
    // Обработка кликов на ссылках второго типа
    box.onclick = function(event) {
        if (!event) event = window.event;
        var target = event.target || event.srcElement;
        
        // Проверка является ли элемент ссылкой
        if (target.tagName.search(/a/i) === -1) return;
        
        // Получение части pathname ссылки
        var pathname = target.pathname;
        var pathnameParts = pathname.split('/');
        var category = pathnameParts[1];
        
        // Если ссылка ведет на категорию, загрузить контент в див
        if (category === "category") {
            $("#newprojects").load(target.href + " .dev-map-class-changer");
            return false; // Остановить переход по ссылке
        }
    };
});
</script>
    Ответ написан
    Комментировать
    Комментировать

  • Как изменить переменную JS в PHP в шаблоне странице WordPress?

    @Axel030392 Автор вопроса
    Вопрос закрыт. Если у кого то будет подобная ситуация, например делать некий конфигуратор на основе страницы вордпреса, и элементами в виде статей в категории, то вот код

    <?php
if ( have_posts() ) : // если имеются записи в блоге.
    query_posts('cat=220');   // указываем ID рубрик, которые необходимо вывести.
    while (have_posts()) : the_post();  // запускаем цикл обхода материалов блога

        $imager3 = get_the_post_thumbnail_url( get_the_ID(), 'full' );
        $imager4 = get_the_post_thumbnail_url( get_the_ID(), 'medium' );
        $imager5 =  get_the_ID();
?>
        <img src="<?php echo $imager4 ?>" id="<?php echo $imager5?>" onClick="chg2('<?=$imager3?>')"> 

<?php
    endwhile;  // завершаем цикл.
endif;
/* Сбрасываем настройки цикла. Если ниже по коду будет идти еще один цикл, чтобы не было сбоя. */
wp_reset_query();
?>

<script>    
function chg2(link){
    document.getElementById("per_4").src = link;
}
</script>
<img src="1.jpg" id="per_4" style="width: 33%;">
    Ответ написан
    Комментировать
    Комментировать