رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

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

لینک به ارسال

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

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

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

Advanced Usage

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

لینک به ارسال

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

یک نمونه :

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

لینک به ارسال

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

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

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

لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

لینک به ارسال

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

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

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

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

لینک به ارسال

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

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(); ?> فراخوانی میشه.

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

لینک به ارسال

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

<?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');
}
}
});
}

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

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

لینک به ارسال
  • 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(); ?> فراخوانی میشه.

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

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

لینک به ارسال

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

ممنون میشم

لینک به ارسال

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


<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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...