Ответы пользователя dmitriy85

Ответы в темах

Просмотр 3 ответов — с 1 по 3 (всего 3)

Форум: Проблемы и решения
Тема: Select в виде аккордеона

Автор dmitriy85

(@dmitriy85)

Я нашёл способ заменить select на список из ul li в виде аккордеона. Функцию я переделал на вот такую:

/*
* Display category hierarchy in select category dropdown on advert form
*/
if( !function_exists('addifier_hierarchy_select_taxonomy') ){
function addifier_hierarchy_select_taxonomy( $terms, $depth = 0, $selected = array(), $allow_parent = false ){
	foreach( $terms as $term ){
		if( !empty( $term->children ) && !$allow_parent ){
			echo '<li><a href="#">'.str_repeat('&nbsp;', $depth).$term->name.'</a><ul>';
				addifier_hierarchy_select_taxonomy( $term->children, $depth + 2, $selected );
			echo '</ul></li>';
		}
		else{
			echo '<li><a href="#" onclick="post" id="category" value="'.esc_attr( $term->term_id ).'" '.( in_array( trim( $term->term_id ), $selected ) ? 'selected="selected"' : '' ).'>'.str_repeat('&nbsp;', $depth).$term->name.'</a></li>';
		}

		if( !empty( $term->children ) && $allow_parent ){
			addifier_hierarchy_select_taxonomy( $term->children, $depth + 2, $selected, true );
		}
	}
}
}

В php файле для формы код переделал на этот:

<div class="white-block white-block-extra-padding">
		<div class="white-block-title">
			<h5><?php esc_html_e( 'Ad Category', 'adifier' ) ?></h5>
		</div>
		<div class="white-block-content">
						
			<?php
			$categories = adifier_get_taxonomy_hierarchy( 'advert-category' );
			if( !empty( $categories ) ){
				?>
				<div class="form-group no-margin">
				<div id="wrapper">
						
					<label for="category"><?php esc_html_e( 'Category *', 'adifier' ) ?></label>
					<ul class="menu">
						<?php
						if( !empty($categories) ){
							addifier_hierarchy_select_taxonomy( $categories, 0, $category_ids );
						}
						?>
					</ul>
		                </div>
				</div>						
				<?php
			}
			?>
			<div class="category-custom-fields form-group no-margin">
				<?php
				if( !empty( $category_ids ) ){
					Adifier_Custom_Fields_Advert::get_cf( $category_ids, $id );
				}
				?>
			</div>	
						
		</div>
	</div>

В старом коде, после выбора одного из option, ниже формы выбора категорий должны появляться пользовательские поля, которые различаются в зависимости от выбранного option. Проще говоря, каждой дочерней категории соответствуют свои пользовательские поля.
В этом случае возникла другая проблема. Теперь они не выводятся.
Есть ещё 2 файла — profile.js и custom-fields-advert.class.php
В этих файлах есть код, связанный с выводом пользовательских полей. Ниже покажу нужные части кода из этих файлов.

profile.js:

/* MY ACCOUNT CF */
	var $cFieldsWrapper = $('.category-custom-fields');
	if( $cFieldsWrapper.length > 0 ){
		$('.cf-field').adifierCustomFields();
		$('#category').on('change', function(){
			var $this = $(this);
			var $label = $this.parents('.form-group').find('label');
			$label.prepend('<i class="aficon-spin aficon-circle-notch" style="margin-'+( $('body').hasClass('rtl') ? 'left' : 'right' )+':2px;"></i>');
			$cFieldsWrapper.html( '' );
			$this.prop( 'disabled', true );
			$.ajax({
				url: adifier_data.ajaxurl,
				method: 'POST',
				data: {
					action: 'adifier_get_cf',
					terms: [$(this).val()],
					post_id: $('input[name="advert_id"]').val()
				},
				success: function(response){
					$cFieldsWrapper.html( response );
					$('.cf-field').adifierCustomFields();
					$this.prop( 'disabled', false );
					$cFieldsWrapper.find( ".select2-multiple").select2();
					$cFieldsWrapper.find( ".select2-single").select2();
				},
				complete: function(){
					$label.find('i').remove();
				}
			});
		});
	}

custom-fields-advert.class.php:

class Adifier_Custom_Fields_Advert{

	public static function launch(){
		add_action( 'adifier_amb_action', 'Adifier_Custom_Fields_Advert::cf_meta_box' );
		add_action( 'wp_ajax_adifier_get_cf', 'Adifier_Custom_Fields_Advert::get_cf' );
		add_action( 'wp_ajax_adifier_get_subfield', 'Adifier_Custom_Fields_Advert::get_subfield' );
		add_action( 'save_post_advert', 'Adifier_Custom_Fields_Advert::save_post', 10, 2 );
	}

	/*
	* Add fields on the project edit page
	*/
	public static function cf_meta_box(){
		adifier_amb(
			'adifier_advert_custom_fields',
			esc_html__( 'Additional Information', 'adifier' ),
			'Adifier_Custom_Fields_Advert::advert_custom_fields',
			'advert'
		);
	}

	/*
	* Print div wrapper for fields on advert edit page
	*/
	public static function advert_custom_fields(){
		?>
		<div class="adifier-advert-custom-fields">
			<?php self::no_custom_fields() ?>
		</div>
		<?php
	}

	private static function no_custom_fields(){
		?>
		<div class="no-custom-fields">
			<?php esc_html_e( 'Select categories to show custom fields', 'adifier' ); ?>
		</div>
		<?php
	}

       /*
	* Fetch custom fields (Выбрать пользовательские поля)
	*/
	public static function get_cf( $terms = array(), $post_id = 0 ){
		global $wpdb;
		$terms = !empty( $_POST['terms'] ) ? $_POST['terms'] : $terms;
		$post_id = !empty( $_POST['post_id'] ) ? $_POST['post_id'] : $post_id;
		if( !empty( $terms ) ){
			$fields = $wpdb->get_results("SELECT * FROM {$wpdb->prefix}adifier_cf AS cf LEFT JOIN {$wpdb->prefix}adifier_cf_groups AS cf_groups ON cf.group_id = cf_groups.group_id WHERE CONCAT( ',', categories, ',' ) REGEXP ',(".esc_sql( implode('|', $terms) )."),' ORDER BY cf_order ASC");
			if( !empty( $fields ) ){
				foreach( $fields as $field ){
					$selected_terms = wp_get_object_terms( $post_id, $field->cf_slug );
					self::generate_field( $field, $selected_terms );
				}
			}
		}
		else{
			self::no_custom_fields();
		}
		
		if( isset( $_POST['post_id'] ) || isset( $_POST['terms'] ) ){
			die();
		}
	}

В файле profile.js в строчке $('#category').on('change', function() я заменил на change на click, а в функции в тег li добавил [HTML]id=»category»[/HTML], чтобы клик срабатывал только на ссылках для дочерних категорий.

Проблема в том, что при клике пользовательские поля не появляются и выходит надпись, что надо выбрать категории. Эта надпись вылазит вроде из-за этого кода:

private static function no_custom_fields(){
		?>
		<div class="no-custom-fields">
			<?php esc_html_e( 'Select categories to show custom fields', 'adifier' ); ?>
		</div>
		<?php
	}

Как уже говорил, в php и js я не силён. Я так понял, что это связано с действием adifier_get_cf и что POST подходит для select, а не для ссылок и списков.

Помогите разобраться, почему не выводятся пользовательские поля при нажатии по ссылке. Может быть это связано с POTS, отсутствием name (он был в select), неправильно построенной формой выбора категории или ещё с чем-то. Если код в последних двух файлах не совсем ясен, я могу закинуть их сюда целиком.
Заранее большое спасибо.

Ответ изменён 5 лет, 12 месяцев назад пользователем dmitriy85.

Форум: Проблемы и решения
Тема: Не работает замена контента с ajax

Автор dmitriy85

(@dmitriy85)

6 лет, 2 месяца назад

Никто не ответит?

Форум: Проблемы и решения
Тема: Замена контента по нажатию ссылки без перезагрузки страницы с AJAX

Автор dmitriy85

(@dmitriy85)

6 лет, 2 месяца назад

Спасибо хотя бы за такой ответ. Попробую разобраться.

В инете есть примеры, но не для этого случая. В основном примеры про подгрузку постов по нажатию кнопки Загрузить ещё или подгрузку при скроллинге страницы.
Вот, например, есть такой код для файла index.html:

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">  
<script>  
    function showContent(link) {  
  
        var cont = document.getElementById('contentBody');  
        var loading = document.getElementById('loading');  
  
        cont.innerHTML = loading.innerHTML;  
  
        var http = createRequestObject();  
        if( http )   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
                if(http.readyState == 4)   
                {  
                    cont.innerHTML = http.responseText;  
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link;  
        }  
    }  
  
    // создание ajax объекта  
    function createRequestObject()   
    {  
        try { return new XMLHttpRequest() }  
        catch(e)   
        {  
            try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
            {  
                try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                catch(e) { return null; }  
            }  
        }  
    }  
</script>  
</head>  
  
<body>  
  
    <p>Какую страницу желаете открыть?</p>  
      
    <form>  
        <input onclick="showContent('page1.html')" type="button" value="Страница 1">  
        <input onclick="showContent('page2.html')" type="button" value="Страница 2">  
    </form>  
      
    <div id="contentBody">  
    </div>  
  
    <div id="loading" style="display: none">  
    Идет загрузка...  
    </div>  
      
</body>  
</html>

Но я так понял здесь нужно использовать кнопки и подгружать только страницы.
Мне же нужно, чтобы была только одна страница с одним меню и чтобы, нажимая по ссылкам, подгружался (заменялся) контент из статей, записей, которые я буду создавать в меню Вордпресса. Ну и как я понимаю, эти статьи нужно как-то связывать с ссылками в меню через id или через слаги, url.

Или, допустим, есть вот такой видеоурок, больше подходящий для моей ситуации, но это тоже не то — https://www.youtube.com/watch?v=cLwC91Zx024 . Я не могу понять, как это применить. Нужно ли создавать шаблон страницы, как связать код с меню и со статьями и так далее.
Но всё равно, спасибо за ответ.

Ответ изменён 6 лет, 2 месяца назад пользователем dmitriy85.
Ответ изменён 6 лет, 2 месяца назад пользователем dmitriy85.
Ответ изменён 6 лет, 2 месяца назад пользователем dmitriy85.

Просмотр 3 ответов — с 1 по 3 (всего 3)