|
|
| (۱۷ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| <style> | | <div class="mediawiki-category-container" style="direction: rtl; font-family: tahoma, arial; max-width: 1000px; margin: 20px auto; padding: 15px; background: #f9f9f9; border-radius: 18px; box-shadow: 0 8px 24px rgba(42, 128, 85, .14); border: 1px solid #c9e4d5;"> |
| .wiki-categories-wrapper {
| |
| direction: rtl;
| |
| font-family: Tahoma, Arial, sans-serif;
| |
| max-width: 100%;
| |
| margin: 0 auto;
| |
| padding: 20px;
| |
| }
| |
| | |
| .cat-stack {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 20px;
| |
| }
| |
| | |
| .cat-box {
| |
| background: #fff;
| |
| border: 1px solid #e2e8f0;
| |
| border-radius: 8px;
| |
| box-shadow: 0 2px 4px rgba(0,0,0,0.05);
| |
| overflow: hidden;
| |
| }
| |
| | |
| .cat-header {
| |
| display: block;
| |
| padding: 15px;
| |
| background: #f8fafc;
| |
| border-bottom: 2px solid #e2e8f0;
| |
| text-decoration: none;
| |
| color: #1e293b;
| |
| font-weight: bold;
| |
| font-size: 16px;
| |
| transition: background 0.3s, color 0.3s;
| |
| }
| |
|
| |
|
| .cat-header:hover {
| | <!-- بخش جستجو --> |
| background: #edf2f7; | | <div class="search-box" style="margin-bottom: 15px; text-align: center;"> |
| color: #2563eb;
| | <input type="text" id="categorySearch" placeholder="جستجو در دستهبندیها..." |
| }
| | style="width: 90%; padding: 10px 18px; border: 1px solid #c9e4d5; border-radius: 25px; outline: none; font-size: 15px; transition: all 0.3s ease;"> |
| | |
| .sub-links-list {
| |
| padding: 10px 15px 15px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 8px;
| |
| }
| |
| | |
| .sub-link {
| |
| color: #475569;
| |
| font-size: 13px;
| |
| text-decoration: none;
| |
| transition: color 0.2s, text-decoration 0.2s;
| |
| }
| |
| | |
| .sub-link:hover {
| |
| color: #2563eb;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| @media (max-width: 768px) {
| |
| .wiki-categories-wrapper {
| |
| padding: 12px;
| |
| }
| |
| | |
| .cat-header {
| |
| font-size: 15px;
| |
| padding: 12px;
| |
| }
| |
| | |
| .sub-link {
| |
| font-size: 12px;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div class="wiki-categories-wrapper">
| |
| <div class="cat-stack">
| |
| | |
| <div class="cat-box"> | |
| <a href="/wiki/Category:آموزش_و_پرورش" class="cat-header">آموزش و پرورش</a>
| |
| <div class="sub-links-list">
| |
| <a href="/wiki/Category:مهدکودک_و_پیشدبستانی" class="sub-link">▸ مهدکودک و پیشدبستانی</a>
| |
| <a href="/wiki/Category:مدارس_و_مراکز_آموزشی_دولتی" class="sub-link">▸ مدارس و مراکز آموزشی دولتی</a>
| |
| <a href="/wiki/Category:آموزشگاههای_آزاد" class="sub-link">▸ آموزشگاههای آزاد</a> | |
| <a href="/wiki/Category:موسسات_آموزش_عالی" class="sub-link">▸ موسسات آموزش عالی</a>
| |
| <a href="/wiki/Category:آموزش_زبان_خارجی" class="sub-link">▸ آموزش زبان خارجی</a>
| |
| <a href="/wiki/Category:آموزش_کامپیوتر_و_فناوری" class="sub-link">▸ آموزش کامپیوتر و فناوری</a>
| |
| <a href="/wiki/Category:آموزش_فنی_و_حرفهای" class="sub-link">▸ آموزش فنی و حرفهای</a>
| |
| <a href="/wiki/Category:آموزشگاه_رانندگی" class="sub-link">▸ آموزشگاه رانندگی</a>
| |
| <a href="/wiki/Category:موسسات_و_آموزشگاههای_قرآنی" class="sub-link">▸ موسسات و آموزشگاههای قرآنی</a>
| |
| <a href="/wiki/Category:آموزشگاه_زبان" class="sub-link">▸ آموزشگاه زبان</a>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="cat-box">
| |
| <a href="/wiki/Category:بهداشت_و_درمان" class="cat-header">بهداشت و درمان</a>
| |
| <div class="sub-links-list">
| |
| <a href="/wiki/Category:بیمارستان" class="sub-link">▸ بیمارستان</a>
| |
| <a href="/wiki/Category:درمانگاه" class="sub-link">▸ درمانگاه</a>
| |
| <a href="/wiki/Category:پزشکان_عمومی_و_متخصص" class="sub-link">▸ پزشکان عمومی و متخصص</a>
| |
| <a href="/wiki/Category:دندانپزشکی" class="sub-link">▸ دندانپزشکی</a>
| |
| <a href="/wiki/Category:داروخانه" class="sub-link">▸ داروخانه</a>
| |
| <a href="/wiki/Category:آزمایشگاه" class="sub-link">▸ آزمایشگاه</a>
| |
| <a href="/wiki/Category:رادیولوژی_و_تصویربرداری" class="sub-link">▸ رادیولوژی و تصویربرداری</a>
| |
| <a href="/wiki/Category:فیزیوتراپی" class="sub-link">▸ فیزیوتراپی</a>
| |
| <a href="/wiki/Category:مراکز_توانبخشی" class="sub-link">▸ مراکز توانبخشی</a>
| |
| <a href="/wiki/Category:کلینیکهای_تخصصی" class="sub-link">▸ کلینیکهای تخصصی</a>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <div class="cat-box"> | | <!-- بخش فیلترها --> |
| <a href="/wiki/Category:فرهنگ_و_هنر" class="cat-header">فرهنگ و هنر</a>
| | <div class="filter-bar" style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px;"> |
| <div class="sub-links-list">
| | <button class="filter-btn active" onclick="filterSelection(event, 'all')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #16bd78; color: white; cursor: pointer; font-size: 14px; font-weight: bold;">همه</button> |
| <a href="/wiki/Category:سینما" class="sub-link">▸ سینما</a> | | <button class="filter-btn" onclick="filterSelection(event, 'tech')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">تکنولوژی</button> |
| <a href="/wiki/Category:تئاتر" class="sub-link">▸ تئاتر</a>
| | <button class="filter-btn" onclick="filterSelection(event, 'art')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">هنر</button> |
| <a href="/wiki/Category:نگارخانه_و_گالری" class="sub-link">▸ نگارخانه و گالری</a> | | <button class="filter-btn" onclick="filterSelection(event, 'science')" style="padding: 6px 16px; border-radius: 15px; border: none; background: #eee; cursor: pointer; font-size: 14px;">علوم</button> |
| <a href="/wiki/Category:کتابخانه" class="sub-link">▸ کتابخانه</a>
| |
| <a href="/wiki/Category:موزه" class="sub-link">▸ موزه</a> | |
| <a href="/wiki/Category:فرهنگسرا" class="sub-link">▸ فرهنگسرا</a>
| |
| <a href="/wiki/Category:آموزشگاه_موسیقی" class="sub-link">▸ آموزشگاه موسیقی</a> | |
| <a href="/wiki/Category:انتشارات" class="sub-link">▸ انتشارات</a>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <div class="cat-box"> | | <!-- شبکه کارتهای مستطیلی باریک --> |
| <a href="/wiki/Category:گردشگری_و_اقامت" class="cat-header">گردشگری و اقامت</a>
| | <div id="categoryGrid" class="category-grid"> |
| <div class="sub-links-list">
| | |
| <a href="/wiki/Category:هتل" class="sub-link">▸ هتل</a>
| | <!-- کارت نمونه 1 --> |
| <a href="/wiki/Category:هتل_آپارتمان" class="sub-link">▸ هتل آپارتمان</a> | | <div class="category-card tech" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #16bd78;"> |
| <a href="/wiki/Category:مهمانپذیر" class="sub-link">▸ مهمانپذیر</a> | | <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">هوش مصنوعی</span> |
| <a href="/wiki/Category:اقامتگاه_بومگردی" class="sub-link">▸ اقامتگاه بومگردی</a> | | <span style="font-size: 13px; color: #555; background: #f0fdf4; padding: 2px 10px; border-radius: 10px;">۱۲ مقاله</span> |
| <a href="/wiki/Category:آژانس_مسافرتی" class="sub-link">▸ آژانس مسافرتی</a>
| | </div> |
| <a href="/wiki/Category:دفاتر_خدمات_گردشگری" class="sub-link">▸ دفاتر خدمات گردشگری</a>
| |
| <a href="/wiki/Category:جاذبههای_گردشگری" class="sub-link">▸ جاذبههای گردشگری</a>
| |
| <a href="/wiki/Category:تور_گردشگری" class="sub-link">▸ تور گردشگری</a>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="cat-box">
| |
| <a href="/wiki/Category:حمل_و_نقل" class="cat-header">حمل و نقل</a>
| |
| <div class="sub-links-list">
| |
| <a href="/wiki/Category:تاکسی_و_آژانس" class="sub-link">▸ تاکسی و آژانس</a>
| |
| <a href="/wiki/Category:اتوبوسرانی" class="sub-link">▸ اتوبوسرانی</a>
| |
| <a href="/wiki/Category:راهآهن" class="sub-link">▸ راهآهن</a>
| |
| <a href="/wiki/Category:فرودگاه" class="sub-link">▸ فرودگاه</a>
| |
| <a href="/wiki/Category:پایانه_مسافربری" class="sub-link">▸ پایانه مسافربری</a>
| |
| <a href="/wiki/Category:باربری" class="sub-link">▸ باربری</a>
| |
| <a href="/wiki/Category:پیک_و_موتور" class="sub-link">▸ پیک و موتور</a>
| |
| <a href="/wiki/Category:خدمات_حمل_کالا" class="sub-link">▸ خدمات حمل کالا</a> | |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | <!-- کارت نمونه 2 --> |
| <a href="/wiki/Category:خدمات_خودرو" class="cat-header">خدمات خودرو</a>
| | <div class="category-card art" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #ff9f43;"> |
| <div class="sub-links-list">
| | <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">نقاشی دیجیتال</span> |
| <a href="/wiki/Category:تعمیرگاه_خودرو" class="sub-link">▸ تعمیرگاه خودرو</a>
| | <span style="font-size: 13px; color: #555; background: #fff7ed; padding: 2px 10px; border-radius: 10px;">۸ مقاله</span> |
| <a href="/wiki/Category:جلوبندی_و_مکانیکی" class="sub-link">▸ جلوبندی و مکانیکی</a>
| | </div> |
| <a href="/wiki/Category:باطریسازی_و_برق_خودرو" class="sub-link">▸ باطریسازی و برق خودرو</a>
| |
| <a href="/wiki/Category:کارواش" class="sub-link">▸ کارواش</a>
| |
| <a href="/wiki/Category:تعویض_روغن" class="sub-link">▸ تعویض روغن</a>
| |
| <a href="/wiki/Category:لاستیک_و_آپاراتی" class="sub-link">▸ لاستیک و آپاراتی</a>
| |
| <a href="/wiki/Category:لوازم_یدکی_خودرو" class="sub-link">▸ لوازم یدکی خودرو</a>
| |
| <a href="/wiki/Category:نمایشگاه_خودرو" class="sub-link">▸ نمایشگاه خودرو</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | <!-- کارت نمونه 3 --> |
| <a href="/wiki/Category:خدمات_ساختمان" class="cat-header">خدمات ساختمان</a>
| | <div class="category-card science" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #54a0ff;"> |
| <div class="sub-links-list">
| | <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">فیزیک کوانتوم</span> |
| <a href="/wiki/Category:مشاور_املاک" class="sub-link">▸ مشاور املاک</a>
| | <span style="font-size: 13px; color: #555; background: #eff6ff; padding: 2px 10px; border-radius: 10px;">۵ مقاله</span> |
| <a href="/wiki/Category:پیمانکار_ساختمان" class="sub-link">▸ پیمانکار ساختمان</a>
| | </div> |
| <a href="/wiki/Category:تاسیسات_ساختمان" class="sub-link">▸ تاسیسات ساختمان</a>
| |
| <a href="/wiki/Category:برقکار" class="sub-link">▸ برقکار</a>
| |
| <a href="/wiki/Category:لولهکش" class="sub-link">▸ لولهکش</a>
| |
| <a href="/wiki/Category:نقاش_ساختمان" class="sub-link">▸ نقاش ساختمان</a>
| |
| <a href="/wiki/Category:دکوراسیون_داخلی" class="sub-link">▸ دکوراسیون داخلی</a>
| |
| <a href="/wiki/Category:مصالح_ساختمانی" class="sub-link">▸ مصالح ساختمانی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | <!-- کارت نمونه 4 --> |
| <a href="/wiki/Category:خدمات_شهری_و_دولتی" class="cat-header">خدمات شهری و دولتی</a>
| | <div class="category-card tech" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #16bd78;"> |
| <div class="sub-links-list">
| | <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">برنامهنویسی</span> |
| <a href="/wiki/Category:شهرداری" class="sub-link">▸ شهرداری</a>
| | <span style="font-size: 13px; color: #555; background: #f0fdf4; padding: 2px 10px; border-radius: 10px;">۲۵ مقاله</span> |
| <a href="/wiki/Category:دفاتر_پیشخوان_دولت" class="sub-link">▸ دفاتر پیشخوان دولت</a>
| | </div> |
| <a href="/wiki/Category:پلیس_+۱۰" class="sub-link">▸ پلیس +۱۰</a>
| |
| <a href="/wiki/Category:ادارات_دولتی" class="sub-link">▸ ادارات دولتی</a>
| |
| <a href="/wiki/Category:دفاتر_خدمات_الکترونیک_شهر" class="sub-link">▸ دفاتر خدمات الکترونیک شهر</a>
| |
| <a href="/wiki/Category:آتشنشانی" class="sub-link">▸ آتشنشانی</a>
| |
| <a href="/wiki/Category:مراکز_امداد_و_نجات" class="sub-link">▸ مراکز امداد و نجات</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | <!-- کارت نمونه 5 --> |
| <a href="/wiki/Category:خرید_و_فروش" class="cat-header">خرید و فروش</a>
| | <div class="category-card art" style="background: white; padding: 8px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border-right: 5px solid #ff9f43;"> |
| <div class="sub-links-list">
| | <span class="card-title" style="font-weight: bold; color: #333; font-size: 16px;">طراحی گرافیک</span> |
| <a href="/wiki/Category:فروشگاه_مواد_غذایی" class="sub-link">▸ فروشگاه مواد غذایی</a> | | <span style="font-size: 13px; color: #555; background: #fff7ed; padding: 2px 10px; border-radius: 10px;">۱۰ مقاله</span> |
| <a href="/wiki/Category:سوپرمارکت" class="sub-link">▸ سوپرمارکت</a>
| | </div> |
| <a href="/wiki/Category:میوه_و_ترهبار" class="sub-link">▸ میوه و ترهبار</a>
| |
| <a href="/wiki/Category:پوشاک" class="sub-link">▸ پوشاک</a>
| |
| <a href="/wiki/Category:کیف_و_کفش" class="sub-link">▸ کیف و کفش</a>
| |
| <a href="/wiki/Category:لوازم_خانگی" class="sub-link">▸ لوازم خانگی</a>
| |
| <a href="/wiki/Category:لوازم_دیجیتال" class="sub-link">▸ لوازم دیجیتال</a>
| |
| <a href="/wiki/Category:موبایل_و_تلفن_همراه" class="sub-link">▸ موبایل و تلفن همراه</a>
| |
| <a href="/wiki/Category:طلا_و_جواهر" class="sub-link">▸ طلا و جواهر</a>
| |
| <a href="/wiki/Category:لوازم_آرایشی_و_بهداشتی" class="sub-link">▸ لوازم آرایشی و بهداشتی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| |
| <a href="/wiki/Category:رستوران_و_مواد_غذایی" class="cat-header">رستوران و مواد غذایی</a>
| |
| <div class="sub-links-list">
| |
| <a href="/wiki/Category:رستوران" class="sub-link">▸ رستوران</a>
| |
| <a href="/wiki/Category:فستفود" class="sub-link">▸ فستفود</a>
| |
| <a href="/wiki/Category:کافه" class="sub-link">▸ کافه</a>
| |
| <a href="/wiki/Category:آبمیوه_و_بستنی" class="sub-link">▸ آبمیوه و بستنی</a>
| |
| <a href="/wiki/Category:شیرینی_و_قنادی" class="sub-link">▸ شیرینی و قنادی</a>
| |
| <a href="/wiki/Category:نانوایی" class="sub-link">▸ نانوایی</a>
| |
| <a href="/wiki/Category:کترینگ_و_تهیه_غذا" class="sub-link">▸ کترینگ و تهیه غذا</a>
| |
| <a href="/wiki/Category:فروشگاه_مواد_غذایی" class="sub-link">▸ فروشگاه مواد غذایی</a>
| |
| </div>
| |
| </div> | | </div> |
| | </div> |
|
| |
|
| <div class="cat-box">
| | <style> |
| <a href="/wiki/Category:رسانه_و_ارتباطات" class="cat-header">رسانه و ارتباطات</a>
| | /* تنظیمات گرید اصلی */ |
| <div class="sub-links-list">
| | .category-grid { |
| <a href="/wiki/Category:دفاتر_مخابراتی" class="sub-link">▸ دفاتر مخابراتی</a>
| | display: grid; |
| <a href="/wiki/Category:خبرگزاری_و_رسانه" class="sub-link">▸ خبرگزاری و رسانه</a>
| | grid-template-columns: repeat(4, 1fr); /* ۴ ستون در دسکتاپ */ |
| <a href="/wiki/Category:چاپ_و_نشر" class="sub-link">▸ چاپ و نشر</a>
| | gap: 12px; |
| <a href="/wiki/Category:تبلیغات_و_بازاریابی" class="sub-link">▸ تبلیغات و بازاریابی</a>
| | } |
| <a href="/wiki/Category:دفاتر_پست" class="sub-link">▸ دفاتر پست</a>
| |
| <a href="/wiki/Category:کافینت" class="sub-link">▸ کافینت</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | /* حالت موبایل: ۲ ستون */ |
| <a href="/wiki/Category:سرگرمی_و_ورزش" class="cat-header">سرگرمی و ورزش</a>
| | @media (max-width: 768px) { |
| <div class="sub-links-list">
| | .category-grid { |
| <a href="/wiki/Category:باشگاه_ورزشی" class="sub-link">▸ باشگاه ورزشی</a>
| | grid-template-columns: repeat(2, 1fr); |
| <a href="/wiki/Category:استخر" class="sub-link">▸ استخر</a>
| | } |
| <a href="/wiki/Category:مجموعه_تفریحی" class="sub-link">▸ مجموعه تفریحی</a>
| | } |
| <a href="/wiki/Category:شهربازی" class="sub-link">▸ شهربازی</a>
| |
| <a href="/wiki/Category:زمین_ورزشی" class="sub-link">▸ زمین ورزشی</a> | |
| <a href="/wiki/Category:فروشگاه_لوازم_ورزشی" class="sub-link">▸ فروشگاه لوازم ورزشی</a>
| |
| <a href="/wiki/Category:آموزشگاه_ورزشی" class="sub-link">▸ آموزشگاه ورزشی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | /* استایلها */ |
| <a href="/wiki/Category:صنعت_و_تجارت" class="cat-header">صنعت و تجارت</a>
| | .category-card { transition: all 0.2s ease; cursor: pointer; } |
| <div class="sub-links-list">
| | .category-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } |
| <a href="/wiki/Category:کارخانه" class="sub-link">▸ کارخانه</a>
| | .filter-btn:hover { opacity: 0.8; } |
| <a href="/wiki/Category:کارگاه_تولیدی" class="sub-link">▸ کارگاه تولیدی</a>
| |
| <a href="/wiki/Category:شرکت_بازرگانی" class="sub-link">▸ شرکت بازرگانی</a>
| |
| <a href="/wiki/Category:تجهیزات_صنعتی" class="sub-link">▸ تجهیزات صنعتی</a>
| |
| <a href="/wiki/Category:ماشینآلات" class="sub-link">▸ ماشینآلات</a>
| |
| <a href="/wiki/Category:انبار_و_لجستیک" class="sub-link">▸ انبار و لجستیک</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | /* کلاس مخفی سازی برای حل مشکل جستجو */ |
| <a href="/wiki/Category:فناوری_اطلاعات" class="cat-header">فناوری اطلاعات</a>
| | .is-hidden { |
| <div class="sub-links-list">
| | display: none !important; |
| <a href="/wiki/Category:شرکت_نرمافزاری" class="sub-link">▸ شرکت نرمافزاری</a>
| | } |
| <a href="/wiki/Category:طراحی_سایت" class="sub-link">▸ طراحی سایت</a>
| | </style> |
| <a href="/wiki/Category:فروشگاه_کامپیوتر" class="sub-link">▸ فروشگاه کامپیوتر</a>
| |
| <a href="/wiki/Category:خدمات_شبکه" class="sub-link">▸ خدمات شبکه</a>
| |
| <a href="/wiki/Category:امنیت_اطلاعات" class="sub-link">▸ امنیت اطلاعات</a>
| |
| <a href="/wiki/Category:مراکز_داده" class="sub-link">▸ مراکز داده</a>
| |
| <a href="/wiki/Category:تعمیرات_موبایل_و_کامپیوتر" class="sub-link">▸ تعمیرات موبایل و کامپیوتر</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box">
| | <script> |
| <a href="/wiki/Category:مالی_و_حقوقی" class="cat-header">مالی و حقوقی</a>
| | // تابع فیلتر |
| <div class="sub-links-list">
| | function filterSelection(event, category) { |
| <a href="/wiki/Category:بانک" class="sub-link">▸ بانک</a>
| | const cards = document.getElementsByClassName("category-card"); |
| <a href="/wiki/Category:موسسه_مالی_و_اعتباری" class="sub-link">▸ موسسه مالی و اعتباری</a>
| | const buttons = document.getElementsByClassName("filter-btn"); |
| <a href="/wiki/Category:صرافی" class="sub-link">▸ صرافی</a>
| |
| <a href="/wiki/Category:بیمه" class="sub-link">▸ بیمه</a>
| |
| <a href="/wiki/Category:دفتر_اسناد_رسمی" class="sub-link">▸ دفتر اسناد رسمی</a>
| |
| <a href="/wiki/Category:وکیل_و_مشاور_حقوقی" class="sub-link">▸ وکیل و مشاور حقوقی</a>
| |
| <a href="/wiki/Category:حسابداری_و_مالیات" class="sub-link">▸ حسابداری و مالیات</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box"> | | // ریست کردن دکمهها |
| <a href="/wiki/Category:مشاغل_خانگی_و_شخصی" class="cat-header">مشاغل خانگی و شخصی</a>
| | for (let btn of buttons) { |
| <div class="sub-links-list">
| | btn.style.background = "#eee"; |
| <a href="/wiki/Category:خیاطی" class="sub-link">▸ خیاطی</a> | | btn.style.color = "black"; |
| <a href="/wiki/Category:آرایشگاه_زنانه" class="sub-link">▸ آرایشگاه زنانه</a> | | } |
| <a href="/wiki/Category:آرایشگاه_مردانه" class="sub-link">▸ آرایشگاه مردانه</a>
| | // فعال کردن دکمه کلیک شده |
| <a href="/wiki/Category:خدمات_نظافت" class="sub-link">▸ خدمات نظافت</a>
| | event.currentTarget.style.background = "#16bd78"; |
| <a href="/wiki/Category:پرستاری_و_مراقبت" class="sub-link">▸ پرستاری و مراقبت</a>
| | event.currentTarget.style.color = "white"; |
| <a href="/wiki/Category:آتلیه_عکاسی" class="sub-link">▸ آتلیه عکاسی</a>
| |
| <a href="/wiki/Category:گلفروشی" class="sub-link">▸ گلفروشی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box"> | | for (let card of cards) { |
| <a href="/wiki/Category:مذهبی_و_اجتماعی" class="cat-header">مذهبی و اجتماعی</a>
| | if (category === 'all') { |
| <div class="sub-links-list">
| | card.classList.remove("is-hidden"); |
| <a href="/wiki/Category:مسجد" class="sub-link">▸ مسجد</a> | | } else { |
| <a href="/wiki/Category:حسینیه" class="sub-link">▸ حسینیه</a>
| | if (card.classList.contains(category)) { |
| <a href="/wiki/Category:هیئت_مذهبی" class="sub-link">▸ هیئت مذهبی</a>
| | card.classList.remove("is-hidden"); |
| <a href="/wiki/Category:موسسات_خیریه" class="sub-link">▸ موسسات خیریه</a>
| | } else { |
| <a href="/wiki/Category:انجمن_و_تشکل" class="sub-link">▸ انجمن و تشکل</a>
| | card.classList.add("is-hidden"); |
| <a href="/wiki/Category:کانونهای_فرهنگی" class="sub-link">▸ کانونهای فرهنگی</a> | | } |
| </div>
| | } |
| </div>
| | } |
| | } |
|
| |
|
| <div class="cat-box">
| | // تابع جستجو |
| <a href="/wiki/Category:کشاورزی_و_دامداری" class="cat-header">کشاورزی و دامداری</a>
| | document.getElementById('categorySearch').addEventListener('keyup', function() { |
| <div class="sub-links-list">
| | const searchValue = this.value.toLowerCase().trim(); |
| <a href="/wiki/Category:دامداری" class="sub-link">▸ دامداری</a>
| | const cards = document.getElementsByClassName("category-card"); |
| <a href="/wiki/Category:مرغداری" class="sub-link">▸ مرغداری</a>
| |
| <a href="/wiki/Category:گلخانه" class="sub-link">▸ گلخانه</a>
| |
| <a href="/wiki/Category:فروشگاه_نهادههای_کشاورزی" class="sub-link">▸ فروشگاه نهادههای کشاورزی</a>
| |
| <a href="/wiki/Category:ماشینآلات_کشاورزی" class="sub-link">▸ ماشینآلات کشاورزی</a>
| |
| <a href="/wiki/Category:دامپزشکی" class="sub-link">▸ دامپزشکی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="cat-box"> | | for (let card of cards) { |
| <a href="/wiki/Category:محیط_زیست_و_انرژی" class="cat-header">محیط زیست و انرژی</a>
| | const titleElement = card.querySelector('.card-title'); |
| <div class="sub-links-list">
| | const titleText = titleElement.innerText.toLowerCase(); |
| <a href="/wiki/Category:بازیافت" class="sub-link">▸ بازیافت</a>
| |
| <a href="/wiki/Category:انرژی_خورشیدی" class="sub-link">▸ انرژی خورشیدی</a>
| |
| <a href="/wiki/Category:تصفیه_آب" class="sub-link">▸ تصفیه آب</a> | |
| <a href="/wiki/Category:خدمات_محیط_زیستی" class="sub-link">▸ خدمات محیط زیستی</a> | |
| <a href="/wiki/Category:سوخت_و_انرژی" class="sub-link">▸ سوخت و انرژی</a>
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div>
| | if (titleText.includes(searchValue)) { |
| </div> | | card.classList.remove("is-hidden"); |
| | } else { |
| | card.classList.add("is-hidden"); |
| | } |
| | } |
| | }); |
| | </script> |
|
| |
|
|
| |
|
| </html> | | </html> |