دانلود سورس صفحه کلید مجازی با jquery
0 0

دانلود سورس صفحه کلید مجازی با jquery


دانلود سورس صفحه کلید مجازی با jquery

در این پست سورس کامل صفحه کلید مجازی و صفحه کلید اعداد را با jquery را برای شما آماده کرده ایم.

برای امنیت یک وب سایت روش های زیادی وجود دارد از قبیل رمزنگاری کلمه عبور، رمزنگاری session ها و ... و یکی دیگر از روش های امنیت در وب سایت استفاده از صفحه کلید مجازی می باشد.

صفحه کلید مجازی که سورس آن را برای شما قرار دادیم یکی از کامل ترین و همچنین با گرافیک بالا که با استفاده از jquery نوشته شده است.

شما می توانید با استفاده از این برنامه در هر کجای وب ساییتان که نیاز به صفحه کلید دارید برای مثال موقعی که کاربر رمز عبور خودش را وارد می کند یا در هر جایی که ورود کاراکترها توسط کاربر نیاز به امنیت دارد می توانید از این کد استفاده کنید.

کد برنامه

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Virtual Keyboard Example</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link href="Content/keyboard.css" rel="stylesheet" />
    <script type="text/javascript" src="JScript/jquery.keyboard.js"></script>
    <script src="JScript/jquery.keyboard.extension-typing.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#txtkeyboard').keyboard({
                autoAccept: true
            })
         .addTyping();
            $('#txtNumkeyboard').keyboard({
                layout: 'num',
                restrictInput: true,
                preventPaste: true,
                autoAccept: true
            })
            .addTyping();
        });
    </script>
</head>
<body>
    <table>
        <tr>
            <td><b>Keyboard Text:</b></td>
            <td> <input type="text" id="txtkeyboard" /></td>
        </tr>
        <tr>
            <td><b>Numberpad Text:</b></td>
            <td><input type="text" id="txtNumkeyboard" /></td>
        </tr>
    </table>
</body>
</html>

مشاهده دموی برنامه

دانلود

نویسنده حسین فتحی
گروه مطلب Jquery
نوع مطلب سورس کد
تاریخ انتشار ۲۲ مرداد ۱۳۹۳
منبع ایران گنج
تعداد نظرات ۰
قیمت کاربران عضو سایت
توضیح توجه:
  • زمانی که روی لینک دانلود کلیک می کنید لینک دانلود به مدت 24 ساعت معتبر خواهد بود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

نظر / سوال

Captcha