آموزش jQuery UI قسمت هشتم کار با Tabs
0 0

آموزش jQuery UI قسمت هشتم کار با Tabs


آموزش jQuery UI قسمت هشتم کار با Tabs

در این پست در ادامه آموزش jQuery UI به مبحث Tabs می پردازیم.

برای ایجاد تب با jQuery UI  ابتدا یک div با آی دی tabs در صفحه قرار می دهیم سپس یکul  و به تعداد تبی که می خواهید داشته باشیم li قرار می دهیم و همچنین بین تگ های li باید تگ a قرار دهیم و href آنها را با id های که برای تگ های div  در ادامه قرار می دهیم باید برابر باشند و بعد از تگ بستهul   به تعداد li ی که بین تگ باز و بسته ul قرار دادیم تگ div قرار می دهیم و همچنین id آنها را برابر مقدارهای که در بالا برای href مشخص کردیم قرار می دهیم.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="content/jquery-ui.css" rel="stylesheet" />
    <script src="scripts/jquery.js"></script>
    <script src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#tabs").tabs();
        });
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">First</a></li>
            <li><a href="#tabs-2">Second</a></li>
            <li><a href="#tabs-3">Third</a></li>
        </ul>
        <div id="tabs-1">This is first tab</div>
        <div id="tabs-2">This is first second</div>
        <div id="tabs-3">This is first third</div>
    </div>
</body>
</html>

 

دانلود

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

نظر / سوال

Captcha

تعداد نظرات : ۸

  • ghazal

    با سلام

    iquery تغییر تصویر background صفحات رو توی مستر پیج asp گذاشتم و بعد از اون کنترلهایی نظیر تکس باکس و لینک صفحات و... عمل نمی کنند امکانش هست راهنمایی بفرمایید ؟

    پاسخ
    • مدیر

      با سلام و درود

      به احتمال زیاد کدها jquery اشتباه نوشتید. حتما کدهای jquery رو قبل از تگ بسته body بنویسید.

      پاسخ
  • ghazal

    salam man be donbale jquery baraye taghire theme safhe be vasile karbar hastam mesle safhe mail ?yahoo aya toye site shoma has

    پاسخ
    • مدیر

      با سلام و درود

      نه. برای این کار باید برنامه نویسی سمت سرور انجام دهید

      پاسخ
      • ghazal

        عرض سلام پیرو ایمیل قبلی در ارتباط با تغییر تم سایت به وسیله کاربریه راهنمایی می فرمایید که منابع و یا سایت راهنما چطوری پیدا کنم

        پاسخ
        • مدیر

          با سلام و درود

          برای این کار روش های زیادی وجود دارد. چون ما نمی دانیم چه زبانی برنامه نویسی مد نظر شماست. به صورت کلی می توان تم را روی کوکی کاربر ذخیره کرد و هر بار با ورود کاربر به سایت کوکی را خوانده و تم مورد نظر را نمایش داد و یا در صورتی که کاربر عضو سایت باشد می توانید در پروفایل کاربر ذخیر کنید. منظور از نماش تم همان تغییر فایل های css است مثالا می توانید به تعداد تم های که می خواهید پوشه ایجاد کنید و فایل های css را داخل آن قرار دهید و هنگام نمایش تم، css های مورد نظر را از پوشه ها لینک کنید.

          پاسخ
          • ghazal

            با سلام پیرو ایمیل قبلی من با برنامه asp کار میکنم شدیدا به دنبال jquery و یا فایلهای css در ارتباط با تغییر اسکین صفحه و تم سایت هستم جهت پروژه دانشگاهی ممنون میشم کمکم کنید

            پاسخ
            • مدیر

              با سلام و درود

              به صورت انگلیسی تو گوگل سرچ کنید به راحتی می تونید پیدا کنید. تو سایت ایران گنج هم نحوه دو زبانگی در asp.net توضیح داده شده و تم سایت انگلیسی میشه. به این آموزش هم می تونید تم سایت رو عوض کنید. 

این صفحه را می‌پسندم