برای ورود به پرتال وب سایت اسکریپت دات کام کلیک کنید

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
سوال در مورد آموزش ساخت پیام ‍‍Snackbar Popup با جاوا اسکریپت
#1
سلام و سپاس

لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید

کپچای سایت برا نظر دادن ارور میده

با سپاس

اگر بخوایم بعد از لود شدن سایت نمایش بده بدون زدن باتن چکار کنیم استاد بزرگوار عزیز
پاسخ }
سپاس شده توسط
#2
با سلام

کافیست کد زیر را از کد ها حذف نمایید

کد:
<button onclick="SnackBar_vms()">Show Snackbar</button>

و سپس به تگ body خاصیت زیر را بدهید

کد:
onload="SnackBar_vms()"
   Heart   لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید    Heart
پاسخ }
سپاس شده توسط master
#3
تو وردپرس به چه صورتی بزاریم استاد ممنون
پاسخ }
سپاس شده توسط
#4
با سلام

ااین کد ها رو میتونید تو فایل footer.php بزارید و استفاده نمایید
   Heart   لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید    Heart
پاسخ }
سپاس شده توسط
#5
تو فوتر گذاشتم کار نکرد استاد

با باتن هم گذاشتم کارنکرد باتن رو میزنم کار نمیده اینم سورس
کد php:
<div id="snackbar-vms">متن خود را وارد نمایید</div>

<
style type="text/css">
#snackbar-vms {
   visibilityhidden;
   min-width250px;
   margin-left: -125px;
   background-color#333;
   color#fff;
   text-aligncenter;
   border-radius2px;
   padding16px;
   positionfixed;
   z-index1;
   left50%;
   bottom30px;
}
#snackbar-vms.show {
   visibilityvisible;
   -webkit-animationfadein 0.5sfadeout 0.5s 2.5s;
   animationfadein 0.5sfadeout 0.5s 2.5s;
}
@-
webkit-keyframes fadein {
   from {bottom0opacity0;}
   to {bottom30pxopacity1;}
}
@
keyframes fadein {
   from {bottom0opacity0;}
   to {bottom30pxopacity1;}
}
@-
webkit-keyframes fadeout {
   from {bottom30pxopacity1;}
   to {bottom0opacity0;}
}
@
keyframes fadeout {
   from {bottom30pxopacity1;}
   to {bottom0opacity0;}
}

</
style>


<
script type="text/javascript">

function 
SnackBar_vms() {
   var x document.getElementById("snackbar-vms")
   x.className "show";
   setTimeout(function(){ x.className x.className.replace("show"""); }, 3000);
}

</script>

<button onclick="SnackBar_vms()">Show Snackbar</button> 
پاسخ }
سپاس شده توسط
#6
uppppppppppppppppppppppppppppp
پاسخ }
سپاس شده توسط
#7
با سلام

اصلا ربطی به cms نداره و در همه cms ها کار میکنه

یک بار دیگر تست کنید در غیر این صورت میتونید اطلاعات هاستتون رو برام خصوصی بفرستین با بررسی کنم

با تشکر
   Heart   لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید    Heart
پاسخ }
سپاس شده توسط master


پرش به انجمن: