چطور وقتی دوتا عکس متفاوت داریم که یکی واس دسکتاپه و یکی واس موبایل رو استفاده کنیم؟

ویدیو از کوین پاول
#html
#front


@CleverDevs
@CleverDevsGp

از تگ دیالوگ برای modal ها استفاده کنید!!

یه تگ داریم که کار ساخت modal هارو خیلی آسونتر کرده به اسم dialog حالا ببینیم که چجوری باید ازش استفاده کنیم:

<button id="open">open</button>
<dialog id="dialog">
   <button id="close">close</button>
<dialog>

حالا توی جاوااسکریپت ما یه سری متد داریم برای dialog ها،
showModal و close.
که با متد showModal روی دیالوگ، modal رو باز میکنیم و با متد close روی دیالوگ خودمون modal رو میبندیم. اینجوری:

open.addEventListener('click', () => {
   modal.showModal();
})

close.addEventListener('click', () => {
   modal.close();
})

#HTML #Js
@CleverDevs
@CleverDevsGp

اتریبیوت inert توی html چیه و چیکار میکنه ؟!

اگه یه فرمی دارید که میخواید کل چیزایی که تو فرم هستن disable بشن میتونید این اتریبیوت رو به تگ والد بدید


الان تو این مثال نه اینپوت کار میکنه نه باتن و نه لینک

میتونید با جاوا اسکریپت در صورت نیاز با متد removeAttribute پاکش کنید


// از لحاظ ساپورت مرورگر ممکنه تو ورژن های قدیمی مرورگر ها کار نکنه

#html | source
@CleverDevs - @CleverDevsGp