كيفية عمل زر copy to clipboard
السلام عليكم اريد انشاء زر عند الضغط عليه يتم نسخ الكوبون الموجود
كيف ذلك جربت هذا الكود ولم ينجح
لا ادري ما المشكلة هل هناك حل بارك الله فيكم العمل بالووردبريس اخذت شفرة html بالمنتور ووضعت الكود
<!-- The text field -->
<input type="text" value="seev" id="myInput">
<!-- The button used to copy the text -->
<button onclick="myFunction()">انسخ الكود</button>
<script>
function myFunction() {
// Get the text field
var copyText = document.getElementById("myInput");
// Select the text field
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
// Copy the text inside the text field
navigator.clipboard.writeText(copyText.value);
// Alert the copied text
alert("Copied the text: " + copyText.value);
}
</script>
على ما يبدو أن الكود الذي قمت بمشاركته يعمل بشكل صحيح. حاول التأكد من أنك قمت بتنسيق الكود بشكل صحيح عند لصقه في منصة الووردبريس الخاصة بك.مثلاً
- تأكد من أنك وضعت الكود داخل عنصر HTML المناسب
- تحقق من أنك قمت بتضمين الكود الخاص ب javascript في المكان المناسب
- تأكد من أنك قمت بتعيين الهوية "myInput" لعنصر الإدخال (input) الخاص بك بشكل صحيح.
- تحقق من أنك وضعت الزر داخل عنصر HTML المناسب وأنك قمت بتعيين الدالة "myFunction()" كقيمة لحدث النقر (onclick) للزر.
بعد التحقق من هذه النقاط، ينبغي أن يعمل الكود بشكل صحيح .
التعليقات