ایچاد دکمه کپی

[sami62 0]

سلام

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

چیزی شبیه به این تصویر

[asadiy4n 2807]

با جاواسکریپ یا jquery باید انجام بدید

یه نمونه

https://codepen.io/modhar/pen/MGPjZB

 

[sami62 0]

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

با جاواسکریپ یا jquery باید انجام بدید

یه نمونه

https://codepen.io/modhar/pen/MGPjZB

 

خیلی ممنون

من از کدنویسی تقریبا چیزی نمیدونم

اگه ممکنه این کد رو طوری تغییر بدید تا Click Here بیاد در ادامه متن Copying my text To Clipboard و همین طور رنگ Click Here قرمز بشه.

<div class = "content">
  <p>Copying my text To Clipboard</p><p class = "click" data-clipboard-text="My Text">Click Here</p>  
      </center>
    </div>
</div>

 

[sami62 0]

البته من فقط قسمت HTML  رو در سایت قرار دادم اما دکمه Click Here غیر فعال هست.

[asadiy4n 2807]

1. باید jquery در سایت شما فراخوانی بشه
2. کد جاوا اسکریپت رو هم در فوتر یا سربرگ قرار بدید

CDN

https://cdnjs.com/libraries/jquery

کد زیر رو داخل تگ head قرار بدید

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>