کسی این کد رو داره؟

**vimax** · October 13th, 2010, 17:54

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

توی سلکت باکس نوشتم : دوشنبه - سه شنبه

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

میشه کمکم کنین

**Rezash** · October 13th, 2010, 18:11

به select باكس يك id اختصاص بده و با onclick يا onchange يا ... در هنگام تغيير دلخواه تابع دلخواهت رو اجرا كن
مثلا براي تغيير رنگ مي توني كلاس يك سلول رو كه يك آي دي از قبل براش در نظر گرفتي عوض كني يا با تغيير استايل

**packsaft** · October 13th, 2010, 18:17

این مسئله اصلا به ایجکس مربوط نمیشه این جاوا اسکریپته

**vimax** · October 13th, 2010, 18:53

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

کد جی اسم اینه:

کد HTML:

<script type="text/javascript">
var currentform="";
function doForms(form)
{

   if (currentform!="")
   {
      var fm = document.getElementById(currentform);
      if (typeof(fm) != undefined)
      {
         fm.className="hide";       
      }   
   }


   var itm = form.selectform[form.selectform.selectedIndex].value;
   currentform=itm;

   if (itm!="")
   {
      fm = document.getElementById(itm);

      if (typeof(fm) != undefined)
      {
         fm.className="show";       
      currentform="";
      }   
   }

   

}
</script>

یه سی اس اس هم گذاشتم:

کد HTML:

<style>
.hide
{
   display: none;
}
.show
{
   display: block;
}
</style>

اینم فرم منه:

کد HTML:

<form name="selectsinging">
<SELECT name="selectform" onchange="doForms(this.form)">
<OPTION value="barnamenevisi">برنامه سازی وب</option>
<OPTION value="varzesh">ورزش</option>
<OPTION value="honar">هنر</option>
<OPTION value="qoran">قرآن</option>
<OPTION value="jomlesazi">جمله سازی</option>
</select>
</form>

اینم دیو های منه:

کد HTML:

<div id="barnamenevisi" class="hide">برنامه سازی وب</div>
<div id="varzesh" class="hide">ورزش</div>
<div id="honar" class="hide">هنر</div> 
<div id="qoran" class="hide">قرآن</div> 
<div id="jomlesazi" class="hide">جمله سازی</div>

حالا چی؟

**Rezash** · October 13th, 2010, 19:42

کد HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>برنامه سازی وبورزشهنرقرآنجمله سا</title>
<script type="text/javascript">
var current = "";
function doForms(form)
{
	if (current !="")
	{
	var fm = document.getElementById(current);
	if (typeof(fm) != undefined)
	fm.className="hide";
	}
	


   var itm = form.selectform[form.selectform.selectedIndex].value;
   current =itm;
   if (itm!="")
   {
      fm = document.getElementById(itm);
      if (typeof(fm) != undefined)
         fm.className="show";       
   }

   

}
</script>
<style>
.hide
{
   display: none;
}
.show
{
   display: block;
}
</style>
</head>

<body>
<form name="selectsinging">
<SELECT name="selectform" onchange="doForms(this.form)">
<OPTION value="barnamenevisi">برنامه سازی وب</option>
<OPTION value="varzesh">ورزش</option>
<OPTION value="honar">هنر</option>
<OPTION value="qoran">قرآن</option>
<OPTION value="jomlesazi">جمله سازی</option>
</select>
</form>
<div id="barnamenevisi" class="hide">برنامه سازی وب</div>
<div id="varzesh" class="hide">ورزش</div>
<div id="honar" class="hide">هنر</div> 
<div id="qoran" class="hide">قرآن</div> 
<div id="jomlesazi" class="hide">جمله سازی</div>
</body>

</html>

**vimax** · October 14th, 2010, 18:27

رضا جان من اگه بخوام کاری کنم که مثلا درس قران توی 2 تا سلول نمایش داده شه یعنی مرج بشه دو تا سلول ادغام بشه چی کار کنم؟
مثلا

کد HTML:

<table><tr><td></td><td></td><td></td></tr></table>

تعداد تی دی ها رو ببین . من وقتی روی سلکت باکس گزینه قران رو زدم دیو مربوط به آی دی قران رو میزام تو تگ تی دی . خب تا اینجا مشکلی نیست.اما اگر بخوام او تو دو تا تگ تی دی به صورت مرج شده بیاد نشون بده چی کار کنم؟ طوری که روی درس دیگه از سلکت باکس کلیک کردم به حالت اول اون 2 تا سلول تی دی برگرده؟
اینم میدونم که برای مرج دو تا سلول باید از colspan استفاده کنم مثلا واسه 2 تا سلول مرج شه:

کد HTML:

<td colspan="2">قران</td>

نمی دونم منظورمو واضح رسوندم یا نه

**Rezash** · October 14th, 2010, 19:15

يعني وقتي مثلا گزينه "هنر" رو انتخاب مي كنيد ، به جاي نمايش محتواي div با شناسه honar ، دو سطر از يك جدول نشون داده بشه ؟
به نظر من در همين div ها در داخل div به جاي اينكه به صورت زير اشه :

کد HTML:

<div id="barnamenevisi" class="hide">برنامه سازی وب</div>
<div id="varzesh" class="hide">ورزش</div>
<div id="honar" class="hide">هنر</div> 
<div id="qoran" class="hide">قرآن</div> 
<div id="jomlesazi" class="hide">جمله سازی</div>

در داخل هر div يك جدول بساز و جدول رو نمايش/عدم نمايش كن . و شخصي سازي يك جدول هم كه خيلي ساده هست.
مثلا :

کد HTML:

<div id="honar" class="hide">
<table>
<tr>
<td>name : </td>
<td>Honar</td>
</tr>
</table>
</div> 
div>

**vimax** · October 14th, 2010, 19:55

آقا فایل هایی که نوشتم رو اینجا میزارم شما هم ببینید:
اول فایل جی اس - این فایل باید در فولدری به نام js قرار بگیره
دوم فایل استایل - این فایل باید در فولدری به نام css قرار بگیره
سوم فایل ایندکس - این فایل باید در روت قرار بگیره
چهارم تصاویر - همه تصاویر باید در فولدر images قرار بگیره
{کل فایل ها و فولدرهایی که تا حالا ساختم رو اتچ کردم}
-----
من میخوام زمانی که روی دکمه "درس جدید" کلیک کردم یه پنجره {به صورت ای جکس که صفحه سیاه شه} واشه که توش 3تا فیلد نام درس.ساعت چند تا چند.روز باشه.
مثلا فیلد اول رو میدم ریاضی...فیلد دوم رو میدم از ساعت 8 تا 10...فیلد سوم رو میدم چهارشنبه...بعد روی دکمه ثبت درس کلیک می کنم.بعد درس توی اون فیلد سلکت باکس میاد.
خود درس هم به صورت مخفی شده در ردیف "چهارشنبه" و ستون ساعت 8 تا 10 ثبت می شه.
زمانی که روی سلکت باکس و روی درس "ریاضی" کلیک کردم ، اون سلول هایی که توش درس ریاضی بوده {منظور همون ردیف "چهارشنبه" و ستون ساعت 8 تا 10 هست } به صورت رنگی میشه.

میخوام اینو بسازم..کم کم ببرمش جلو لطفا کمکم کنین

**Rezash** · October 14th, 2010, 20:07

خب vimax جان الان دقيقا مشكل در نوشتن كدوم بخش هست ؟
نوشتن پنجره ي اي كه بايد باز بشه ؟
افزودن كدهاي جديد به محتواي يك المان با id مشخص
يا يك راهنمايي كلي براي نوشتن همچين چيزي؟
يا ساير موراد ... ؟

**vimax** · October 14th, 2010, 20:41

اگر فایل اتچ شده رو دانلود می کردین و نگاش می کردین بهتر بود.

من فعلا اینو میخوام بیاموزم:

-----
من میخوام زمانی که روی دکمه "درس جدید" کلیک کردم یه پنجره {به صورت ای جکس که صفحه سیاه شه} واشه که توش 3تا فیلد نام درس.ساعت چند تا چند.روز باشه.
مثلا فیلد اول رو میدم ریاضی...فیلد دوم رو میدم از ساعت 8 تا 10...فیلد سوم رو میدم چهارشنبه...بعد روی دکمه ثبت درس کلیک می کنم.بعد درس توی اون فیلد سلکت باکس میاد.
خود درس هم به صورت مخفی شده در ردیف "چهارشنبه" و ستون ساعت 8 تا 10 ثبت می شه.
زمانی که روی سلکت باکس و روی درس "ریاضی" کلیک کردم ، اون سلول هایی که توش درس ریاضی بوده {منظور همون ردیف "چهارشنبه" و ستون ساعت 8 تا 10 هست } به صورت رنگی میشه.

موضوع: کسی این کد رو داره؟

ابزارهای موضوع

نحوه نمایش موضوع