نمایش دسته بندی به صورت جاوا

[seeiran 2]

باسلام و عرض ادب.

من می خوام در سایتم یک جستجو بسازم بدین صورت :

یک فرم باشه که اول یک فیلد wp_dropdown_categories نشون بده که دسته parent توشه . وقتی انتخاب شد زیر دسته در یک wp_dropdown_categories نشون بده و زیردسته بعدی در wp_dropdown_categories بعدی.

سپس با انتخاب هر یک و فشار دادن کلید جستجو ، بتونه مطالب اون دسته رو بیاره.

لطفا راهنمایی فرمائید.

[Morteza 34190]

اینطوری؟

http://plugins.krajee.com/dependent-dropdown/demo

[seeiran 2]

باسلام. احسنت. من در سایتم در منوی بالا می خوام در فیلد اول استان ها باشه. بازدیدکننده وقتی استان رو انتخاب کرد شهرهای اون استان لود بشه. سپس به صورت اتوماتیک صفحه مطالب مربوط به اون دسته شهر لود بسه. فقط اگه بشه اولین گزینه انتخاب همه باشه. یعنی اگر استان انتخاب شد و در فیلد شهرها گزینه همه انتخاب شد مطالب مربوط به استان رو بیاره بهتره.

ولی منظورم همون بود که شما لینکش رو قرار دادین. برای وردپرس چیکار بایستی بکنم؟

گزینه دوم این مثال یعنی

Advanced Usage

به درد من می خوره.

[Black_Sky 6349]

هیچی باید درون قالب خودتون فیکس کنید چیز خاصی نداره

یک نمونه :

http://jsbin.com/anuxal/16/

[علی زینلی 2114]

سلام ، در مورد لیست شهر ها و استان ها نمونه کاملش توی انجمن هست:

http://jsbin.com/zebepuqi/1/edit?html,output

کافیه لینک هاش رو درست کنید.

[seeiran 2]

آخه شهرها و استان ها جزو دسته های وردپرس من هستند. یعنی دسته های استان ها و ساب دسته های شهرها دارم. بایستی کد parent و مشخصات cat رو بنویسم. اینارو بلد نیستم.

[Morteza 34190]

وردپرس اینها رو بصورت استاندارد خودش تولید میکنه

کجای کار رو مشکل دارید؟

[seeiran 2]

وردپرس اینها رو بصورت استاندارد خودش تولید میکنه

کجای کار رو مشکل دارید؟

متوجه منظورتون نشدم. منظورم اینه که الان چه کدی رو بزارم در منو تا خواسته من برآورده بشه؟

[Morteza 34190]

کد آماده نداره باید نوشته بشه

ببینید باید در یک دراپ دان اول دسته ها رو لود کنید دسته های والد

بعد با جی کوئری باید کد بنویسید مثلا با ایجاکس جی کوئری یا wpajax که با کلیک روی دسته والد زیر دسته ها روی دراپ دان جدید لیست بشن

کدنویسی نیاز داره

[seeiran 2]

یه کدی از قبل دارم که چندتا مشکل داره :

function parent_child_cat_select() {
	    <script type="text/javascript">
	    /* <![CDATA[ */
		    jQuery(document).ready(function() {	
			    jQuery('#parent_cat').change(function(){
				    var parentCat=jQuery('#parent_cat').val();
				    // call ajax
				    jQuery.ajax({
					    url:"/wp-admin/admin-ajax.php",
					    type:'POST',
					    data:'action=category_select_action&parent_cat_ID=' + parentCat,
					    success:function(results)
					    {
					    jQuery("#sub_cat_div").html(results);
					    }
					 });
			    });		
		    });	
	    /* ]]> */
	    </script>  
	    <form  action="<?php bloginfo('url'); ?>/" method="get" >
	    <div id="parent_cat_div" style="float:right;padding:10px 6px 2px 6px;"><?php wp_dropdown_categories("show_option_none=استان&orderby=name&depth=1&hierarchical=1&id=parent_cat&child_of=6456"); ?></div>
	    <div id="sub_cat_div" style="float:right;padding:10px 6px 2px 6px;"><select name="sub_cat_disabled" id="sub_cat_disabled" disabled="disabled" ><option>شهر</option></select>

	    </div>
	    <div  id="submit_div" style="float:right;padding:6px 6px 6px 6px;"><input type="submit" value=" مشاهده مرحله 2" ></div>
	    </form>	  
<?php }
function implement_ajax() {
$parent_cat_ID = $_POST['parent_cat_ID']; 
wp_dropdown_categories("orderby=count&order=DESC&parent=$parent_cat_ID&hierarchical=1&selected=$yahya");
die();
    }
add_action('wp_ajax_category_select_action', 'implement_ajax');
add_action('wp_ajax_nopriv_category_select_action', 'implement_ajax');//for users that are not logged in.

با تابع <?php parent_child_cat_select(); ?> فراخوانی میشه.

اول اینکه در فیلد شهر آپشن همه شهرها باشه یعنی وقتی شهری انتخاب نشد استان رو بیاره.دوم اینکه سریعتر شهر رو لود کنه. الان خیلی طول میکشه.

[seeiran 2]

سلام . از یه افزونه ای دارم استفاده که این کدها توش هست و من برای این کارم ازش استفاده کردم :

<?php if ( wpuf_get_option( 'allow_cats', 'wpuf_frontend_posting', 'on' ) == 'on' ) { ?>

								   <div  class="category-wrap">
								    <div id="lvl0">
									    <?php
									    $exclude = wpuf_get_option( 'exclude_cats', 'wpuf_frontend_posting' );
									    $cat_type = wpuf_get_option( 'cat_type', 'wpuf_frontend_posting', 'normal' );
									  if ( $cat_type == 'ajax' ) {
										    wp_dropdown_categories( 'show_option_none=' . __( 'یک استان انتخاب کنید', 'wpuf' ) . '&hierarchical=1&hide_empty=0&orderby=name&name=category[]&id=cat-ajax&show_count=0&title_li=&use_desc_for_title=1&class=cat requiredField&depth=2&exclude=' . $exclude );
									    }
									    ?>
								    </div>
							    </div>
							    <div class="loading"></div>
							    <div class="clear"></div>

					    <?php } ?>

   ajaxCategory: function () {
		    var el = '#cat-ajax',
			    wrap = '.category-wrap';
		    $(el).parent().attr('level', 0);
		    if ($( wrap + ' ' + el ).val() > 0) {
			    WPUF_Obj.getChildCats( $(el), 'lvl', 1, wrap, 'category');
		    }
		    $(wrap).on('change', el, function(){
			    currentLevel = parseInt( $(this).parent().attr('level') );
			    WPUF_Obj.getChildCats( $(this), 'lvl', currentLevel+1, wrap, 'category');
		    });
	    },

	    getChildCats: function (dropdown, result_div, level, wrap_div, taxonomy) {
		    cat = $(dropdown).val();
		    results_div = result_div + level;
		    taxonomy = typeof taxonomy !== 'undefined' ? taxonomy : 'category';
		    $.ajax({
			    type: 'post',
			    url: wpuf.ajaxurl,
			    data: {
				    action: 'wpuf_get_child_cats',
				    catID: cat,
				    nonce: wpuf.nonce
			    },
			    beforeSend: function() {
				    $(dropdown).parent().parent().next('.loading').addClass('wpuf-loading');
			    },
			    complete: function() {
				    $(dropdown).parent().parent().next('.loading').removeClass('wpuf-loading');
			    },
			    success: function(html) {
				    $(dropdown).parent().nextAll().each(function(){
					    $(this).remove();
				    });
				    if(html != "") {
					    $(dropdown).parent().addClass('hasChild').parent().append('<div id="'+result_div+level+'" level="'+level+'"></div>');
					    dropdown.parent().parent().find('#'+results_div).html(html).slideDown('fast');
				    }
			    }
		    });
	    }

داره خوب کار می کنه . فقط می خوام وقتی دسته آخر انتخاب شد با یک کلیک دکمه صفحه اون دسته رو نمایش بده.

ممنون میشم راهنمایی کنید.

[seeiran 2]

یه کدی از قبل دارم که چندتا مشکل داره :

function parent_child_cat_select() {
	 <script type="text/javascript">
	 /* <![CDATA[ */
		 jQuery(document).ready(function() {	
			 jQuery('#parent_cat').change(function(){
				 var parentCat=jQuery('#parent_cat').val();
				 // call ajax
				 jQuery.ajax({
					 url:"/wp-admin/admin-ajax.php",
					 type:'POST',
					 data:'action=category_select_action&parent_cat_ID=' + parentCat,
					 success:function(results)
					 {
					 jQuery("#sub_cat_div").html(results);
					 }
					 });
			 });		
		 });	
	 /* ]]> */
	 </script>
	 <form action="<?php bloginfo('url'); ?>/" method="get" >
	 <div id="parent_cat_div" style="float:right;padding:10px 6px 2px 6px;"><?php wp_dropdown_categories("show_option_none=استان&orderby=name&depth=1&hierarchical=1&id=parent_cat&child_of=6456"); ?></div>
	 <div id="sub_cat_div" style="float:right;padding:10px 6px 2px 6px;"><select name="sub_cat_disabled" id="sub_cat_disabled" disabled="disabled" ><option>شهر</option></select>

	 </div>
	 <div id="submit_div" style="float:right;padding:6px 6px 6px 6px;"><input type="submit" value=" مشاهده مرحله 2" ></div>
	 </form>	
<?php }
function implement_ajax() {
$parent_cat_ID = $_POST['parent_cat_ID'];
wp_dropdown_categories("orderby=count&order=DESC&parent=$parent_cat_ID&hierarchical=1&selected=$yahya");
die();
}
add_action('wp_ajax_category_select_action', 'implement_ajax');
add_action('wp_ajax_nopriv_category_select_action', 'implement_ajax');//for users that are not logged in.

با تابع <?php parent_child_cat_select(); ?> فراخوانی میشه.

اول اینکه در فیلد شهر آپشن همه شهرها باشه یعنی وقتی شهری انتخاب نشد استان رو بیاره.دوم اینکه سریعتر شهر رو لود کنه. الان خیلی طول میکشه.

باسلام. اگر امکان داره کمک کنن.

[seeiran 2]

باسلام. بدجوری مشکل دارم. یکی کمک کنه. فقط می خوام وقتی استان انتخاب شد بتونه همه شهرها رو انتخاب کنه یعنی فقط استان رو انتخاب کنه و مطالب مربوط به استان نشون داده بشه.

ممنون میشم

[علی زینلی 2114]

سلام ، برای نمایش لینک ها میتونید این کد رو استفاده کنید:

<select id="mySelect" onchange="catSelect()">
<option value="http://naslno.com">نسل نو</option>
<option value="http://seeiran.ir/category/states/khorasan-razavi/">خراسان رضوی</option>
<select>
<script>
function catSelect() {
    var x = document.getElementById("mySelect");
    var i = x.selectedIndex;
    window.open(x.options[i].value)
}
</script>

میتونید اینجا تست کنید:

http://onlinehtmltools.com/live-html-editor/editor.html