yasweb

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

39 پست در این موضوع قرار دارد

با سلام

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

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

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 جایگزین کنید

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

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


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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری