پیغام هشدار از طریق صدا با استفاده از jQuery


تاریخ :یکشنبه,۱۹ دی ۱۳۹۵
تعداد بازدید :1832


دراین مقاله می خواهیم چگونگی اطلاع رسانی در چت وب سایت ها با استفاده از صدا را توضیح دهیم. ما در یک برنامه ساده چت با استفاده از برچسب های صوتی jQuery و HTML5، آن را فقط در پنج خط کد آموزش می دهیم. استفاده از کتابخانه Modernizer برای پشتیبانی اینترنت اکسپلورر از HTML5 لازم می باشد.

کد جاوا اسکریپت

با استفاده از این دکمه ای که شناسه آن trig می باشد$("#trig").on("click",function(){} فراخوانی می نماییم.




کد HTML

 

 


    //Old Messages

    Hello Friends


    How are you?






    کد CSS

    * { padding:0px; margin:0px; }
    body{font-family:arial;font-size:13px}
    #chatBox
    {
    width:400px;
    border:1px solid #000;
    margin:5px;
    }
    #chat 
    {
    max-height:220px;
    overflow-y:auto;
    max-width:400px;
    }
    #chat > ul > li
    {
    padding:3px;
    clear:both;
    padding:4px;
    margin:10px 0px 5px 0px;
    overflow:auto
    }
    #chatMessages
    {
    list-style:none
    }
    #chatMessages > li > img
    { width:35px;float:left
    }
    #chatMessages > li > span
    {
    width:300px;
    float:left;
    margin-left:5px
    }
    #chatData 
    {
    padding:5px;
    margin:5px;
    border-radius:5px;
    border:1px solid #999;
    width:300px
    }
    #trig 
    {
    padding: 4px;
    border: solid 1px #333;
    background-color: #133783;
    color:#fff;
    font-weight:bold
    }

    منبع:پورتال پادرا

    برچسب ها :



    این مقاله را دوست داشتید؟ آنرا به اشتراک بگذارید

    دیدگاه خودتان را ارسال کنید
    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز با * علامت گذاری شده اند.






    star مقالات جدید

    • مقالات
    • دکتر
    • بیمارستان
    • دارو
    مطالب این سایت تنها جنبه اطلاع رسانی و آموزشی داشته و توصیه پزشکی تخصصی تلقی نمی شوند و نباید آنها را جایگزین مراجعه به پزشک جهت تشخیص و درمان دانست.
    هشدار! تجويز و تعيين دوز دارو به عهده پزشک مي باشد و پورتال پادرا هيچگونه مسئوليتي در خصوص مصرف خود سرانه دارو ندارد