ساخت لیست کشویی و قرار دادن جدول

yasweb

تازه وارد
با سلام

من میخوام یک لیست کشویی درست کنم که با انتخاب هر گزینه ، یک جدول باز بشه که به صورت دستی محتواش رو وارد کردم رو نشون بده . تقریبا یه چیزی مثل زمان بازیهای سایت ورزش 3 . ( تصویر ضمیمه شده از چیزی رو که میخوام رو هم قرار دادم )

از کد زیر هم اضافه کردم ، اما متاسفانه جدول رو نشون نمیده و فقط نوشته ها میاد .


کد:
<p>
[tabs][tab title="لیگ برتر"]
</p>
<p>
<center>
<ul id="prophlist" style="display:none;">
                                  <li>
  <!-- هفته اول -->
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;">
<tbody>
  <tr>
   <td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
        <span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FFFFFF;">جمعه 8 آذر </span></span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">کشاورز علی آباد</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">3 - 2</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">پاس گرگان</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">شاهین بندرگز</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">1 - 1</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">امید گلستان</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">استقلال بندرگز</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">0 - 2</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">شهدای آق قلا</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
   </td>
  </tr>
  <tr>
   <td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
        <span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FFFFFF;">سه شنبه 3 دی</span></span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">همت گنبد</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;"><span style="color:#FF0000;">تعویق</span></span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">استقلال خان ببین</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">14 : 00</span>
   </td>
  </tr>
</tbody>
</table>
<!-- اتمام جدول هفته اول -->
         </li>
                                <li>Prophecy 2 text</li>
                                <li>Prophecy 3 text</li>
                                <li>Prophecy 4 text</li>
                                <li>
  <!-- هفته پنجم -->
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%;">
<tbody>
  <tr>
   <td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
        <span style="font-family:tahoma,geneva,sans-serif;"><strong><span style="color:#FFFFFF;">جمعه 6 دی ماه</span></strong></span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">امید گلستان </span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">کشاورز علی آباد</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">شاهین بندرگز</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">استقلال بندرگز</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
   </td>
  </tr>
  <tr>
   <td colspan="4" style="text-align: center; background-color: rgb(23, 54, 93);">
        <span style="font-family:tahoma,geneva,sans-serif;"><strong><span style="color:#FFFFFF;">شنبه 7 دی ماه</span></strong></span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">استقلال خان ببین</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">شهدای آق قلا</span>
   </td>
   <td style="text-align: center;">
        <span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
   </td>
  </tr>
  <tr>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">همت گنبد</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">- - -</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">پاس گرگان</span>
   </td>
   <td style="text-align: center; background-color: rgb(235, 235, 235);">
        <span style="font-family:tahoma,geneva,sans-serif;">14:00</span>
   </td>
  </tr>
</tbody>
</table>
<!-- اتمام جدول هفته پنجم -->
   </li>
                </ul>
                <select id="choose">
                                <option value="1">هفته 1</option>
                                <option value="2">هفته 2</option>
                                <option value="3">هفته 3</option>
                                <option value="4">هفته 4</option>
                                <option value="5">هفته 5</option>
                </select>
                <div id="update"></div>
                <script>
                                jQuery(document).ready(function($) {  
                                                $('#choose').change(function(event) {    
                                                                a = $('#choose').val();
                                                                a = $('ul#prophlist li:nth-child('+a+')').text();
                                                                $('#update').html(a);
                                                });
                                });                        </script>
</center>
<p>
[/tab] [tab title="لیگ یک (الف) "]هنوز آماده نشده است ![/tab] [tab title="لیگ یک (ب)"]هنوز آماده نشده است ![/tab][/tabs]
</p>
You must be registered for see images attach


 

alifiresoft

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

 

yasweb

تازه وارد
بله برای وردپرس میخوام .

میخوام تو یکی از ابزارکها قرارش بدم

 

cniran

کاربر عضو
سلام.

اینو ببینید



 

yasweb

تازه وارد
سلام.اینو ببینید

سلام دوست عزیز .

من دقیقا یه همچین چیزی رو میخوام ، اما کد نویسی به اون صورت بلد نیستم !

 

yasweb

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



اما جداول را باید چگونه ادیت کنم ؟

 

yasweb

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



اما جداول را باید چگونه ادیت کنم ؟

 

cniran

کاربر عضو
این بهتره ها



با فایل xml هم میتونی ادیت داشته باشی



 

yasweb

تازه وارد
این بهتره ها

با فایل xml هم میتونی ادیت داشته باشی

چطوری باید جدول رو قرار بدم ؟

من میخوام این کد رو داخل ابزارک متن قرار بدم . چیکار باید کنم ؟

 
بالا