رفتن به مطلب

ساخت نتایج بازیها مثل سایت ورزش 3


پست های پیشنهاد شده

با سلام

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

چیکار باید انجام بدم ؟

post-148-0-43149300-1388044237_thumb.jpg

ویرایش شده توسط yasweb
لینک به ارسال

فکر کنم به شود به یک صورت نشون داد البته اگر بخواهید با وردپرس نمایش بدید

یک دسته درست کنید به نام لیگ های ایران و براش زیر دسته درست کنید هر زیر دسته اسم یک لیگ باشه و باز برای اون یک زیر دسته درست کنید که هفته ها باشه و پایینش هم که قطعا می تونه مطالب رو نشون بده ولی نه کل یک مطلب رو بلکه فقط چند زمینه دلخواه که نام باشگاه ها تعداد گل و ساعت انجام بازی رو نشون می دهد فقط باید کد نویسی هاش رو خودتون انجام بدید فکر کنم به این صورت بشه ;)

لینک به ارسال

خودم میدونم کد مربوط به لیست کشویی کد زیر هست . اما من میخوام با انتخاب هر گزینه یک جدول که به صورت دستی وارد میکنم بالا بیاد .


<select name="someName">
<option value="value 1" >گزینه اول</option>
<option value="value 2">گزینه دوم</option>
<option value="value 3">گزینه سوم</option>
</select>

لینک به ارسال

کد تقریبا این میشه

http://stackoverflow.com/questions/10148712/jquery-select-box-change-div-content-from-li

با این شرایط که لیست مخفی باشد


<ul id="prophlist" style="display:none;">
<li>Prophecy 1 text</li>
<li>Prophecy 2 text</li>
<li>Prophecy 3 text</li>
<li>Prophecy 4 text</li>
<li>Prophecy 5 text</li>
<li>Prophecy 6 text</li>
<li>Prophecy 7 text</li>
<li>Prophecy 8 text</li>
<li>Prophecy 9 text</li>
<li>Prophecy 10 text</li>
</ul>
<select id="choose">
<option value="1">Title 1</option>
<option value="2">Title 2</option>
<option value="3">Title 3</option>
<option value="4">Title 4</option>
<option value="5">Title 5</option>
<option value="6">Title 6</option>
<option value="7">Title 7</option>
<option value="8">Title 8</option>
<option value="9">Title 9</option>
<option value="10">Title 10</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>

لینک به ارسال

ممنون دوست عزیز . من جداول رو قرار دادم ، اما وقتی هفته مورد نظر رو انتخاب میکنم ، جدوال نشون داده نمیشه ! لطفا کدها رو یه نگاه بندازید

<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>

لینک به ارسال

یک جدول رو میتوانید پیشفرض نمایش دهید


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<ul id="prophlist" style="display:none;">
<li><table ><tr><td>1</td><td>2</td></tr></table></li>
<li>Prophecy 2 text</li>
<li>Prophecy 3 text</li>
<li>Prophecy 4 text</li>
<li>Prophecy 5 text</li>
<li>Prophecy 6 text</li>
<li>Prophecy 7 text</li>
<li>Prophecy 8 text</li>
<li>Prophecy 9 text</li>
<li>Prophecy 10 text</li>
</ul>
<select id="choose">
<option value="1">Title 1</option>
<option value="2">Title 2</option>
<option value="3">Title 3</option>
<option value="4">Title 4</option>
<option value="5">Title 5</option>
<option value="6">Title 6</option>
<option value="7">Title 7</option>
<option value="8">Title 8</option>
<option value="9">Title 9</option>
<option value="10">Title 10</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>
</body>
</html>

کد محتوای لیست رو جایگزین میکنه

لینک به ارسال

ممنون Parsa جان که جواب سوئوالتم رو میدی . متاسفانه باز هم نشد و من هنوز مشکل قبلی رو دارم .

من میخوام در یکی از ابزارکهام نمایبش داده بشه . فایل جاوا اسکریپت رو در تگ هد قرار دادم ، اما باز هم بالا نیومد !

لینک به ارسال

مثالی که داده شد به خوبی کار میکند

برای قرار دادن در سایت هم بررسی کنید جکویری لود باشد

و کد html رو در ابزارکی که قابلیت استفاده از html دارد را قرار دهید

بخش js هم میتواند در head باشد

در کد js علامت $ را با jQuery جایگزین کنید

لینک به ارسال

کد قبلی رو در فایلی قرار دهید و تست کنید

باقی مشکلات مربوط به نحوه استفاده هست

لینک به ارسال

با همان دستور js میتوانید کد آپشن 1 را در ابتدا ست کنید

یا خروجی ابتدایی رو پیشفرض اونجا هم نمایش دهید

لینک به ارسال

شما خروجی بخش اول همانجا echo کنید

یا با همان دستور فقط مقدار a را 1 یا 0 تنظیم کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...