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

yasweb · دی 92

با سلام

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

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

ویرایش شده دی 92 توسط yasweb

**Parsa** · دی 92

داده‌ها در کجا ذخیره شدند؟

yasweb · دی 92

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

ariaieboy · دی 92

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

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

yasweb · دی 92

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

yasweb · دی 92

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


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

**Parsa** · دی 92

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

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>

yasweb · دی 92

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

<p>

[tabs][tab title=لیگ برتر]

<li>

<tbody>

<tr>

جمعه 8 آذر

</td>

</tr>

<tr>

کشاورز علی آباد

</td>

3 - 2

</td>

پاس گرگان

</td>

14 : 00

</td>

</tr>

<tr>

شاهین بندرگز

</td>

1 - 1

</td>

امید گلستان

</td>

14 : 00

</td>

</tr>

<tr>

استقلال بندرگز

</td>

0 - 2

</td>

شهدای آق قلا

</td>

14 : 00

</td>

</tr>

<tr>

سه شنبه 3 دی

</td>

</tr>

<tr>

همت گنبد

</td>

تعویق

</td>

استقلال خان ببین

</td>

14 : 00

</td>

</tr>

</tbody>

</table>

</li>

<li>Prophecy 2 text</li>

<li>Prophecy 3 text</li>

<li>Prophecy 4 text</li>

<li>

<tbody>

<tr>

جمعه 6 دی ماه

</td>

</tr>

<tr>

امید گلستان

</td>

- - -

</td>

کشاورز علی آباد

</td>

14:00

</td>

</tr>

<tr>

شاهین بندرگز

</td>

- - -

</td>

استقلال بندرگز

</td>

14:00

</td>

</tr>

<tr>

شنبه 7 دی ماه

</td>

</tr>

<tr>

استقلال خان ببین

</td>

- - -

</td>

شهدای آق قلا

</td>

14:00

</td>

</tr>

<tr>

همت گنبد

</td>

- - -

</td>

پاس گرگان

</td>

14:00

</td>

</tr>

</tbody>

</table>

</li>

</ul>

</select>

jQuery(document).ready(function($) {

$('#choose').change(function(event) {

a = $('#choose').val();

a = $('ul#prophlist li:nth-child('+a+')').text();

$('#update').html(a);

});

}); </script>

</center>

[/tab] [tab title=لیگ یک (الف) ]هنوز آماده نشده است ![/tab] [tab title=لیگ یک (ب)]هنوز آماده نشده است ![/tab][/tabs]

yasweb · دی 92

راستی ؛ من نمیخوام لیستم مخفی باشه و میخوام یک هفته رو به انتخاب خودم نشون بده .

**Parsa** · دی 92

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


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

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

yasweb · دی 92

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

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

**Parsa** · دی 92

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

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

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

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

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

yasweb · دی 92

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

yasweb · دی 92

از دوستان کسی نیست بنده رو راهنمایی کنه ؟

**Parsa** · دی 92

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

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

yasweb · دی 92

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

http://www.w3schools.com/ajax/ajax_database.asp

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

yasweb · دی 92

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

AJAX Database

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

yasweb · دی 92

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

پارسا جان ، تستش کردم ، منتها جداول رو نشون نمیده و فقط نوشته میاد !

**Parsa** · دی 92

این خط رو تغییر دهید


a = $('ul#prophlist li:nth-child('+a+')').html();

yasweb · دی 92

این خط رو تغییر دهید
a = $('ul#prophlist li:nth-child('+a+')').html();

چه تغییری باید ایجاد کنم ؟

**Parsa** · دی 92

کد داده شده رو جایگزین کنید

yasweb · دی 92

پارسا جان ، درست شد ، ممنون .

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

**Parsa** · دی 92

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

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

yasweb · دی 92

والله من نمیدونم چطوریه ، میشه کدش رو قرار بدید

**Parsa** · دی 92

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

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

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

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

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

ariaieboy 691

لینک به ارسال

yasweb 12

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

yasweb 12

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

yasweb 12

لینک به ارسال

Parsa 23463

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید