نمایش نسخه قابل چاپ
سلام
من یه جدول و سلکت باکس دارم
توی سلکت باکس نوشتم : دوشنبه - سه شنبه
اگر بخوام طوری تعریف کنم که با کلیک روی دوشنبه
تو جدول هم یکی از سلول هاش رنگی شه و یا چیزی توش نوشته شه.
بعد که روی سه شنبه کلیک کردم سلولی که مربوط به دوشنبه بود و رنگی بود به حالت قبل و سفید شه و سلول مربوط به سه شنبه رنگی شه؟
میشه کمکم کنین
به select باكس يك id اختصاص بده و با onclick يا onchange يا ... در هنگام تغيير دلخواه تابع دلخواهت رو اجرا كن
مثلا براي تغيير رنگ مي توني كلاس يك سلول رو كه يك آي دي از قبل براش در نظر گرفتي عوض كني يا با تغيير استايل
این مسئله اصلا به ایجکس مربوط نمیشه این جاوا اسکریپته
آقا یه کدی آماده کردم
این سلکت می کنم گزینه ها رو توی تگ دیو میاد خروجی...اما اینو نمی دونم چه جوری میشه تو جی اس طوری تعریف کرد که با هر بار سلکت همون گزینه نمایش داده بشه.و زمانی که سلکت بعدی رو می زنم قبلی مخفی شه و مقدار جدید رو نشون بده
کد جی اسم اینه:
کد 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>
حالا چی؟
کد 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>
رضا جان من اگه بخوام کاری کنم که مثلا درس قران توی 2 تا سلول نمایش داده شه یعنی مرج بشه دو تا سلول ادغام بشه چی کار کنم؟
مثلا
تعداد تی دی ها رو ببین . من وقتی روی سلکت باکس گزینه قران رو زدم دیو مربوط به آی دی قران رو میزام تو تگ تی دی . خب تا اینجا مشکلی نیست.اما اگر بخوام او تو دو تا تگ تی دی به صورت مرج شده بیاد نشون بده چی کار کنم؟ طوری که روی درس دیگه از سلکت باکس کلیک کردم به حالت اول اون 2 تا سلول تی دی برگرده؟کد HTML:<table><tr><td></td><td></td><td></td></tr></table>
اینم میدونم که برای مرج دو تا سلول باید از colspan استفاده کنم مثلا واسه 2 تا سلول مرج شه:
نمی دونم منظورمو واضح رسوندم یا نهکد HTML:<td colspan="2">قران</td>
يعني وقتي مثلا گزينه "هنر" رو انتخاب مي كنيد ، به جاي نمايش محتواي div با شناسه honar ، دو سطر از يك جدول نشون داده بشه ؟
به نظر من در همين div ها در داخل 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>
مثلا :
کد HTML:<div id="honar" class="hide">
<table>
<tr>
<td>name : </td>
<td>Honar</td>
</tr>
</table>
</div>
div>
آقا فایل هایی که نوشتم رو اینجا میزارم شما هم ببینید:
اول فایل جی اس - این فایل باید در فولدری به نام js قرار بگیره
دوم فایل استایل - این فایل باید در فولدری به نام css قرار بگیره
سوم فایل ایندکس - این فایل باید در روت قرار بگیره
چهارم تصاویر - همه تصاویر باید در فولدر images قرار بگیره
{کل فایل ها و فولدرهایی که تا حالا ساختم رو اتچ کردم}
-----
من میخوام زمانی که روی دکمه "درس جدید" کلیک کردم یه پنجره {به صورت ای جکس که صفحه سیاه شه} واشه که توش 3تا فیلد نام درس.ساعت چند تا چند.روز باشه.
مثلا فیلد اول رو میدم ریاضی...فیلد دوم رو میدم از ساعت 8 تا 10...فیلد سوم رو میدم چهارشنبه...بعد روی دکمه ثبت درس کلیک می کنم.بعد درس توی اون فیلد سلکت باکس میاد.
خود درس هم به صورت مخفی شده در ردیف "چهارشنبه" و ستون ساعت 8 تا 10 ثبت می شه.
زمانی که روی سلکت باکس و روی درس "ریاضی" کلیک کردم ، اون سلول هایی که توش درس ریاضی بوده {منظور همون ردیف "چهارشنبه" و ستون ساعت 8 تا 10 هست } به صورت رنگی میشه.
میخوام اینو بسازم..کم کم ببرمش جلو لطفا کمکم کنین
خب vimax جان الان دقيقا مشكل در نوشتن كدوم بخش هست ؟
نوشتن پنجره ي اي كه بايد باز بشه ؟
افزودن كدهاي جديد به محتواي يك المان با id مشخص
يا يك راهنمايي كلي براي نوشتن همچين چيزي؟
يا ساير موراد ... ؟
اگر فایل اتچ شده رو دانلود می کردین و نگاش می کردین بهتر بود.
من فعلا اینو میخوام بیاموزم:
نقل قول:
-----
من میخوام زمانی که روی دکمه "درس جدید" کلیک کردم یه پنجره {به صورت ای جکس که صفحه سیاه شه} واشه که توش 3تا فیلد نام درس.ساعت چند تا چند.روز باشه.
مثلا فیلد اول رو میدم ریاضی...فیلد دوم رو میدم از ساعت 8 تا 10...فیلد سوم رو میدم چهارشنبه...بعد روی دکمه ثبت درس کلیک می کنم.بعد درس توی اون فیلد سلکت باکس میاد.
خود درس هم به صورت مخفی شده در ردیف "چهارشنبه" و ستون ساعت 8 تا 10 ثبت می شه.
زمانی که روی سلکت باکس و روی درس "ریاضی" کلیک کردم ، اون سلول هایی که توش درس ریاضی بوده {منظور همون ردیف "چهارشنبه" و ستون ساعت 8 تا 10 هست } به صورت رنگی میشه.