نمایش نتایج: از شماره 1 تا 5 , از مجموع 5

موضوع: چگونه یک جدول را در html مرتب سازی کنیم؟

  1. #1
    عضو انجمن سیدرضا بازیار آواتار ها
    تاریخ عضویت
    Mar 2013
    محل سکونت
    کازرون
    نوشته ها
    714
    تشکر تشکر کرده 
    3,740
    تشکر تشکر شده 
    1,021
    تشکر شده در
    701 پست

    پیش فرض چگونه یک جدول را در html مرتب سازی کنیم؟

    من یه جدول در html ساختم که 2 سطر داره و 10 ستون

    حالا میخوام بر اسال سطر دوم که همگی عدد هستند، به صورت نزولی از کوچک ترین عدد به بزرگترین عدد مرتب سازی بشه

    راه حل چیه؟

    عدد ها ممکنه در هر ثانیه تغیییر کنند. به همین دلیل میخوام به صورت خودکار از کوچک ترین عدد به بزرگترین عدد مرتب سازی بشه

    نام اول 34
    نام دوم 50
    نام سوم 3
    نام چهارم 9
    نام پنجم 42
    نام ششم 13
    نام هفتم 24
    نام هشتم 10
    نام نهم 11
    نام دهم 0

    نمونه جدول: (برای مثال)
    http://codepen.io/AllThingsSmitty/pen/MyqmdM
    ویرایش توسط سیدرضا بازیار : June 8th, 2016 در ساعت 15:50
    دوستدار کتاب بلیان

  2. # ADS




     

  3. #2
    عضو جدید Iranicaserver آواتار ها
    تاریخ عضویت
    Dec 2013
    نوشته ها
    99
    تشکر تشکر کرده 
    45
    تشکر تشکر شده 
    193
    تشکر شده در
    147 پست

    پیش فرض پاسخ : چگونه یک جدول را در html مرتب سازی کنیم؟

    اینجا رو ببین کارت رو راه میندازه فکر کنم

    http://www.w3schools.com/jsref/tryit...tryjsref_sort2
    ارائه دهنده سرور های مجازی و اختصاصی , گیم سرور , هاست دانلود, لینوکس , ویندوز از دیتاسنترهای #افرانت , #پارس آنلاین
    www.IranicaServer.com



  4. تعداد تشکر ها از Iranicaserver به دلیل پست مفید


  5. #3
    عضو انجمن سیدرضا بازیار آواتار ها
    تاریخ عضویت
    Mar 2013
    محل سکونت
    کازرون
    نوشته ها
    714
    تشکر تشکر کرده 
    3,740
    تشکر تشکر شده 
    1,021
    تشکر شده در
    701 پست

    پیش فرض پاسخ : چگونه یک جدول را در html مرتب سازی کنیم؟

    نقل قول نوشته اصلی توسط Iranicaserver نمایش پست ها
    اینجا رو ببین کارت رو راه میندازه فکر کنم

    http://www.w3schools.com/jsref/tryit...tryjsref_sort2
    میشه باهاش کاری کرد که به صورت پیشفرض این کار رو انجام بده و دیگه نیازی به کلیک کردن نباشه؟

    - - - Updated - - -

    http://codepen.io/jakestuts/pen/tGpju/

    در این لینک یه جدول هست
    میخوام که از حالت sortable خارج بشه و فقط ردیف Rank بر اساس صعودی (به صورت خودکار و بدون نیاز به کلیک) مرتب شده باشه

    لینک دانلود جدول:
    http://blog.teamtreehouse.com/wp-con...ata-source.zip
    ویرایش توسط سیدرضا بازیار : June 8th, 2016 در ساعت 16:54
    دوستدار کتاب بلیان

  6. #4
    عضو جدید Iranicaserver آواتار ها
    تاریخ عضویت
    Dec 2013
    نوشته ها
    99
    تشکر تشکر کرده 
    45
    تشکر تشکر شده 
    193
    تشکر شده در
    147 پست

    پیش فرض پاسخ : چگونه یک جدول را در html مرتب سازی کنیم؟

    با سلام اینو جایگزین کد جاوا کنی دیگه کاری به دکمه نداره
    کد HTML:
     
    var points = [40, 100, 1, 5, 25, 10];
    document.getElementById("demo").innerHTML = points;
     points.sort(function(a, b){return a-b});
     document.getElementById("demo").innerHTML = points;
    
     
    فقط می مونه عدد ها که باید عدد های خودتو درون تابع بزاری که اگر تعغیر کرد دیگه نیاز به دستی کارکردن نداشته باشی
    مثلا اگر کدهات پی اچ پی هست و می خوای عدد ها رو توی تابع بزاری اینجوری میشه
    var points = [$num1, $num2, $num3, $num4, $num5, $num6];

    ویرایش توسط Iranicaserver : June 8th, 2016 در ساعت 16:56
    ارائه دهنده سرور های مجازی و اختصاصی , گیم سرور , هاست دانلود, لینوکس , ویندوز از دیتاسنترهای #افرانت , #پارس آنلاین
    www.IranicaServer.com



  7. تعداد تشکر ها از Iranicaserver به دلیل پست مفید


  8. #5
    عضو انجمن سیدرضا بازیار آواتار ها
    تاریخ عضویت
    Mar 2013
    محل سکونت
    کازرون
    نوشته ها
    714
    تشکر تشکر کرده 
    3,740
    تشکر تشکر شده 
    1,021
    تشکر شده در
    701 پست

    پیش فرض پاسخ : چگونه یک جدول را در html مرتب سازی کنیم؟

    نقل قول نوشته اصلی توسط Iranicaserver نمایش پست ها
    با سلام اینو جایگزین کد جاوا کنی دیگه کاری به دکمه نداره
    کد HTML:
     
    var points = [40, 100, 1, 5, 25, 10];
    document.getElementById("demo").innerHTML = points;
     points.sort(function(a, b){return a-b});
     document.getElementById("demo").innerHTML = points;
    
     
    فقط می مونه عدد ها که باید عدد های خودتو درون تابع بزاری که اگر تعغیر کرد دیگه نیاز به دستی کارکردن نداشته باشی
    مثلا اگر کدهات پی اچ پی هست و می خوای عدد ها رو توی تابع بزاری اینجوری میشه
    var points = [$num1, $num2, $num3, $num4, $num5, $num6];

    الان به صورت پیشفرض مرتب شده. اما دوتا مشکل هست:
    ۱- چطوری یه جدول بگم که بر اساس این مرتب بشه؟
    ۲- هر جا که آی دی demo فراخوانی بشه، همه این اعداد پشت سر هم قرار میگیرن. اما من میخوام به ترتیب در خانه های جدول مرتب بشن
    دوستدار کتاب بلیان

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. درخواست بهینه سازی کدهای قالبhtml
    توسط iran-boy در انجمن درخواست خدمات سئو و بهینه سازی وب سایت
    پاسخ ها: 5
    آخرين نوشته: November 13th, 2015, 10:19
  2. مرتب سازی کدهای css یا html
    توسط sepahanserver در انجمن مباحث دیگر
    پاسخ ها: 3
    آخرين نوشته: May 20th, 2015, 21:36
  3. راه اندازی سایت نظرسنجی html
    توسط saman.paniz در انجمن HTML-XHTML
    پاسخ ها: 2
    آخرين نوشته: April 17th, 2014, 21:05
  4. 1مشکل در فارسی سازی قالب html
    توسط tak-star در انجمن HTML-XHTML
    پاسخ ها: 9
    آخرين نوشته: May 31st, 2013, 12:23
  5. قالب فارسی سازی شده html ( مهرگان وب )| رایگان
    توسط MehrganWeb در انجمن هاست اشتراکی
    پاسخ ها: 40
    آخرين نوشته: March 17th, 2013, 19:08

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •