محمد حکمتی
3 سال پیش
توسط محمد حکمتی
مطرح شد
تغییر دکمه sweetalert
سلام خسته نباشید .
میخواستم بدونم چطور میشه دکمه مد نظرم رو جایگزین دکمه های آماده sweet alert بکنم ؟
<script>
function myFunction() {
swal("Hello world!");
}
</script>
<div class="btn btn-primary" onclick="myFunction()">
click
</div>گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
0
گزارش تخلف
کپی کردن
1
بسیار ساده ست دوست عزیز ، به کد زیر یه نگاه بندازید
CSS
/* style overall buttons */
.swal-button{
border: 1px dashed #333;
}
/* style cancel buttons */
.swal-button--cancel{
color: #333;
}
.swal-button--confirm{
color: green
}
.swal-button--danger{
color: red;
}JS
swal("Are you sure you want to do this?", {
buttons: {
cancel : "Cancel",
confirm : "Confirm",
danger : "Danger"
}
});
گزارش تخلف
کپی کردن
-1
0
گزارش تخلف
کپی کردن
0
@ErfanSadeqiNejad
ببین دوست عزیز قراره وقتی یه sweet alert به کاربر نشون داده میشه دکمه ای که کلیک میکنه حاوی یه لینک باشه درواقع اون دکمه یک تگ a باشه اما تو داکیومنت خود سوییت آلرت نتونستم برای چنین چیزی یه دکمه پیدا کنم
1
confirmButtonText: '<a href="url">LINK</a>'روش های زیادی داره اما ساده ترین روش اینه که به صورت رشته ای از html بدید که سادست
اگه هم لینک داینامیکه از تمپلیت استرینگ استفاده کنید
confirmButtonText: `a href="${roocket.ir}/a>`