جستجو در بخش : سوال جواب منابع اسلامی لغت نامه ها قوانین و مصوبات نقل قل ها
×

فرم ورود

ورود با گوگل ورود با گوگل ورود با تلگرام ورود با تلگرام
رمز عبور را فراموش کرده ام عضو نیستم، می خواهم عضو شوم
×

×

آدرس بخش انتخاب شده


جهت کپی کردن میتوانید از دکمه های Ctrl + C استفاده کنید
رویداد ها - امتیازات
در حال بارگذاری
×

رویداد ها - امتیازات

برای بررسی عملکرد فعالیت و امتیازات خود باید در وب سایت وارد باشید. در صورت عضویت از بخش بالای صفحه وارد شوید، در غیر این صورت از دکمه پایین، مستقیم به صفحه ثبت نام وارد شوید.

×
×
کد تخفیف اسنپ تاکسی با 20% تخفیف! دریافت کد
×

دلیل درخواست بستن پست

کلیه پست هایی که جنبه تبلیغاتی داشته، محتوای اسپم و بی مفهوم در این دسته قرار میگیرند. همچنین پست هایی که به منظور گرفتن بک لینک درج می شوند شامل این مورد هستند.
حاوی مفاهیم غیر اخلاقی، سیاسی و یا توهین آمیز. کلیه پست هایی که از نظر محتوایی نیاز به بررسی و یا حذف شدن دارند در این دسته قرار می گیرند.
محتوایی با عدم جزئیات کافی و مورد نیاز. کلیه پست هایی که منظور نویسنده به وضوح مشخص نیست و نیازمند توضیحات و جزئیات بیشتر می باشند در این دسته قرار می گیرند.
محتوایی بی ربط با موضوعیت سرفصل کلی. کلیه پست هایی که از منظر مفهوم و مضمون ارتباطی با عنوان اصلی سوال ندارند در این دسته قرار می گیرند.
محتوایی دلخواه و بر پایه سلیقه. کلیه پست هایی که یک پاسخ مشخص ندارند و متوانند چندین پاسخ متفاوت و صحیح داشته باشند که کاملا مبتنی بر نظر شخصی افراد هستند در این دسته قرار می گیرند.
محتوایی در حوزه خیلی وسیع. کلیه پست هایی که از نظر محتوایی در یک حوزه ی وسیعی قرار دارند و مشخصا به یک موضوع خاصی اشاره ندارند که پاسخدهی به آن ها مستلزم تشریح مفاهیمی کلی می باشند در این دسته قرار می گیرند.
قبلا در لام تا کام مطرح شده. پست هایی که دقیقا با همین محتوا و مضمون قبلا در وب سایت لام تا کام درج شده اند، با ذکر آدرس منبع تکراری با پست حال حاضر شامل این دسته هستند. تکراری است با:
به سایر دلایل، نیازمند به بررسی توسط مدیر. به هر دلیل غیری که پست را نیازمند بررسی توسط مدیر کرده، با ذکر دلیل، در این دسته قرار میگیرد.
ارسال رای بستن

چگونه با d-block برای نمایش یک عنصر با جاواسکریپت به کار ببریم؟


0
0
984

من از بوتاسترپ 4.3.1 استفاده میکنم. و من 4 تا input type=radio دارم برای چگونگی آشنایی با فلان سایت به نام های

  • گوگل
  • دوستان و آشنایان
  • تبلیغات
  • بازاریاب

وقتی کاربر بر روی بازاریاب کلیک کرد عنصر referral_code براش نمایش داده بشه که بتونه کد معرف بازاریاب رو وارد کنه.

<div class="form-group row d-none" id="referral_code">
    <label for="referral_code">Referral Code</label>
<div class="col-md-10">
    <input id="referral_code" type="text" class="form-control" name="referral_code">
</div>
</div>
<input class="form-check-input" type="radio" name="familiar" id="google" value="1">
<input class="form-check-input" type="radio" name="familiar" id="friends" value="2">
<input class="form-check-input" type="radio" name="familiar" id="advertising" value="3">
<input class="form-check-input" type="radio" name="familiar" id="marketer" value="4">

$("#marketer").click(function() {
    $('#referral_code').toggleClass('d-block');
});

رادیوی marketer همین بازاریاب است.

سایر جاوا-اسکریپت جی-کوئری
ویرایش شده در 5 سال قبل
سوال شده در Mahmoud Khosravi
138 امتیاز

1
ببینید استفاده از toggleClass اشتباه هستش برای این چیزی که شما دنبالش هستید. toggleClass رو شما روی کلیک المنت #marketer ست کردید، یعنی وقتی روی اون دکمه کلیک میکنید، یک بار کلاس d-block اضافه میشه، و دوباره که روش کلیک میکنید اون کلاس حذف میشه. منطقی نیست این چیزی باشه که شما میخواید. احتمالا شما میخواید وقتی روش کلیک کرد کلاس مذکور اضافه بشه، وقتی روی یه دکمه دیگه کلیک کرد کلاس مدکور از بین بره. پس نباید از toggleClass استفاده کنید. ــ سروش قادری نسب در 5 سال قبل

500 کاراکتر باقی مانده

1 جواب

1

ببین خیلی بد و کثیف کد میزنی ..! وقتی میخوام به سوالای شما جواب بدم تقریبا تمام ساختار کدت رو باید بهتر بکنم ..!

آره میشه با کلاس d-block از بوت‌استرپ bootstrap این چیزی رو که میخوای، انجام بدی. همونطور که خودت هم توی کدت نوشتی، در ابتدا به المنت مربوطه کلاس d-none رو میدی بعد مبتنی بر یک رویدادی eventی کلاس رو به d-block تغییر میدی. همچنین وقتی داری دکمه input از نوع radio میسازی، سعی کن براشون label هم ست کنی که کاربر متوجه بشه چی هستن. اینم این کدی که میخوای:

اچ تی ام ال HTML

<div class="form-check">
  <input class="form-check-input" type="radio" name="familiar" id="google" value="1">
  <label class="form-check-label" for="google">google</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="familiar" id="friends" value="2">
  <label class="form-check-label" for="friends">friends</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="familiar" id="advertising" value="3">
  <label class="form-check-label" for="advertising">advertising</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="familiar" id="marketer" value="4">
  <label class="form-check-label" for="marketer">marketer</label>
</div>

<div class="col-sm-5 d-none" id="referral_code">
    <input type="text" class="form-control" name="referral_code" placeholder="Write referral code here" />
</div>

جی کوئری jQuery

$("input[name=familiar]").click(function() {
    if ( $('#marketer').is(":checked") ){
    $('#referral_code').addClass('d-block');
  } else {
    $('#referral_code').removeClass('d-block');
  }  
});

نمونه آنلاین


نکته1: طبیعتا کتابخونه جی کوئری و بوت‌استرپ باید به پروژه اضافه باشن که بشه خروجی کدهای بالا رو به درستی دید.

نکته2: توی کدهایی که خودت توی سوالت نوشتی، دوبار از referral_code به عنوان مقدار id استفاده کردی که این اشتباه هست. توی HTML باید مقادیر idها در تمام صفحه یکتا unique باشن.

امیدوارم که کدی که زدم بهت کمک کنه.

جواب داده شده در سعید مرادی
1933 امتیاز

500 کاراکتر باقی مانده


جواب شما
     
.....
×

×

جعبه لام تا کام


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

تبلیغات توضیحی


عرشیان از کجا شروع کنم ؟
تغییر و تحول با استاد سید محمد عرشیانفر

تبلیغات تصویری


کپی