Beginner2013
دوشنبه 15 اسفند 1390, 10:37 صبح
با سلام خدمت دوستان.من کد زیر رو نوشتم برای اینکه یه لایه بازو بسته شو ایجاد کنم
<div id="layer" style='width:400px;border:1px solid blue;height:200px;position:absolute'>
<div style='width:400px;background:blue;color:white;fon t-weight:bold;text-align:center'>
Title
<img onClick="toggle('layer',this);" src="min.gif" title='toggle' alt='toggle'>
</div>
</div>
<script>
var i=0;
var divId;
function toggle(id,img)
{
if(img.src.search("max.gif")!=-1)
{
img.src="min.gif";
divId=id;
i=setInterval("increaseHeight()",30);
}
else
{
img.src="max.gif";
divId=id;
i=setInterval("decreaseHeight()",30);
}
}
function increaseHeight()
{
var div=document.getElementById(divId);
var h=div.style.height.replace("px","");
if(parseInt(h)<200)
div.style.height=(parseInt(h)+10).toString()+"px";
else
clearInterval(i);
}
function decreaseHeight()
{
var div=document.getElementById(divId);
var h=div.style.height.replace("px","");
if(parseInt(h)>10)
div.style.height=(parseInt(h)-10).toString()+"px";
else
clearInterval(i);
}
</script>
کد بخوبی کار میکنه.مشکلی که هست اینکه وقتی داخل لایم چیزی می نویسم دیگه منو به طور کامل بسته نمیشه و وقتی به یه کاراکتر میرسه دیگه کاهش عرض تا بسته شدن کامل لایه ادامه پیدا نمی کنه.اگه ممکنه دوستان کد بالا رو تو یه فایل html ذخیره کنن و ببینن چجوری میشه مشگلو حل کرد.فقط چیزی که برام مهمه اینکه نمی خوام از هیچ کتابخونه ای استفاده نکنم.
با سپاس فراوان.
<div id="layer" style='width:400px;border:1px solid blue;height:200px;position:absolute'>
<div style='width:400px;background:blue;color:white;fon t-weight:bold;text-align:center'>
Title
<img onClick="toggle('layer',this);" src="min.gif" title='toggle' alt='toggle'>
</div>
</div>
<script>
var i=0;
var divId;
function toggle(id,img)
{
if(img.src.search("max.gif")!=-1)
{
img.src="min.gif";
divId=id;
i=setInterval("increaseHeight()",30);
}
else
{
img.src="max.gif";
divId=id;
i=setInterval("decreaseHeight()",30);
}
}
function increaseHeight()
{
var div=document.getElementById(divId);
var h=div.style.height.replace("px","");
if(parseInt(h)<200)
div.style.height=(parseInt(h)+10).toString()+"px";
else
clearInterval(i);
}
function decreaseHeight()
{
var div=document.getElementById(divId);
var h=div.style.height.replace("px","");
if(parseInt(h)>10)
div.style.height=(parseInt(h)-10).toString()+"px";
else
clearInterval(i);
}
</script>
کد بخوبی کار میکنه.مشکلی که هست اینکه وقتی داخل لایم چیزی می نویسم دیگه منو به طور کامل بسته نمیشه و وقتی به یه کاراکتر میرسه دیگه کاهش عرض تا بسته شدن کامل لایه ادامه پیدا نمی کنه.اگه ممکنه دوستان کد بالا رو تو یه فایل html ذخیره کنن و ببینن چجوری میشه مشگلو حل کرد.فقط چیزی که برام مهمه اینکه نمی خوام از هیچ کتابخونه ای استفاده نکنم.
با سپاس فراوان.