تغییر دکمه sweetalert
سلام خسته نباشید .
میخواستم بدونم چطور میشه دکمه مد نظرم رو جایگزین دکمه های آماده sweet alert بکنم ؟
<script>
function myFunction() {
swal("Hello world!");
}
</script>
<div class="btn btn-primary" onclick="myFunction()">
click
</div>ثبت پرسش جدید
پاسخها
6
چی رو می خواید جایگزین چی کنید؟
بسیار ساده ست دوست عزیز ، به کد زیر یه نگاه بندازید
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"
}
});گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
سلام @nimageneral
منظور من سی اس اس نبود نیاز به تغییر اچ تی ام ال دارم
دوست عزیز هر سوالی داری کامل مطرح کن توضیح بده چی می خوای اخه html چیو؟ کجا رو؟
@ErfanSadeqiNejad
ببین دوست عزیز قراره وقتی یه sweet alert به کاربر نشون داده میشه دکمه ای که کلیک میکنه حاوی یه لینک باشه درواقع اون دکمه یک تگ a باشه اما تو داکیومنت خود سوییت آلرت نتونستم برای چنین چیزی یه دکمه پیدا کنم
confirmButtonText: '<a href="https://roocket.ir/url">LINK</a>'روش های زیادی داره اما ساده ترین روش اینه که به صورت رشته ای از html بدید که سادست
اگه هم لینک داینامیکه از تمپلیت استرینگ استفاده کنید
confirmButtonText: `a href="${roocket.ir}/a>`