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

[soshiant 8]

سلام روز بخیر

وقتی سایت فیدیبو رو باز میکنیم، بالا سمت راست تو هدر یه کلید داره به اسم دسته‌بندی‌ها که وقتی روش کلیک میکنید، یه باکس به صورت لایتباکس باز میشه و کتگوری‌های سایتش رو نشون میده

 

من میخوام یه همچین کاری بکنم. یعنی وقتی روی یه دکمه خاص کلیک میشه، یه لایتباکس باز بشه و محتوای مودر نظرم رو نشون بده. 

 

میتونید کمکم کنید؟

ترجیحه کد بدید بجای پیشنهاد افزونه. 

مرسی 

[asadiy4n 2807]

سلام نیاز به افزونه نیست و نمونه های زیادی موجوده

چند نمونه خدمت شما

https://codepen.io/tag/lightbox
https://codepen.io/Dvilla/pen/aFDeh
https://codepen.io/kids5346/pen/JwpeNb
https://codepen.io/vinsanety/pen/MEbjZE
https://codepen.io/pinkmilk/pen/NrqVyG
https://codepen.io/ryandunn/pen/zGJWzv

 

[soshiant 8]

در 13 دقیقه قبل، asadiy4n گفته است :

سلام نیاز به افزونه نیست و نمونه های زیادی موجوده

چند نمونه خدمت شما

https://codepen.io/tag/lightbox
https://codepen.io/Dvilla/pen/aFDeh
https://codepen.io/kids5346/pen/JwpeNb
https://codepen.io/vinsanety/pen/MEbjZE
https://codepen.io/pinkmilk/pen/NrqVyG
https://codepen.io/ryandunn/pen/zGJWzv

 

سپاسگزارم دوست من

 

راه حل اصولیشو اینجا پیدا کردم این دقیقا چیزی هست که میخوام:

https://getbootstrap.com/docs/4.5/components/modal/

این دقیقا چیزیه که میخوام اما مشکلی که هست وقتی کدی که داده یعنی:

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
})

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

میتونید کمکم کنید که مشکلش کجاست؟

[asadiy4n 2807]

در 5 دقیقه قبل، soshiant گفته است :

میتونید کمکم کنید که مشکلش کجاست؟

برای استفاده از این قسمت شما باید ابتدا این مراحل رو انجام بدید ( آموزشش راحت هست )

https://getbootstrap.com/docs/4.5/getting-started/introduction/

 

در 8 دقیقه قبل، soshiant گفته است :

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

باید به اینصورت در header.php یا footer قرار بدید

<script type="text/javascript">
      $('#myModal').on('shown.bs.modal', function () {
        $('#myInput').trigger('focus')
      })
</script>

 

من خودم ترجیح میدم از کد های بالا استفاده کنم استفاده حالا از چه موردی استفاده کنید اون دیگه سلیقه خودتون هست

[soshiant 8]

در 7 ساعت قبل، asadiy4n گفته است :

برای استفاده از این قسمت شما باید ابتدا این مراحل رو انجام بدید ( آموزشش راحت هست )

https://getbootstrap.com/docs/4.5/getting-started/introduction/

 

باید به اینصورت در header.php یا footer قرار بدید

<script type="text/javascript">
      $('#myModal').on('shown.bs.modal', function () {
        $('#myInput').trigger('focus')
      })
</script>

 

من خودم ترجیح میدم از کد های بالا استفاده کنم استفاده حالا از چه موردی استفاده کنید اون دیگه سلیقه خودتون هست

با کمک شما مفق شدم درستش کنم

دست مریزاد و دمتون گرم مهندس