مشکل با ساخت WebUserControl

[Hossein Bazyan]

سلام
دوستان میخواستم یه DateTimePicker به شکل WebUserControl بسازم که در حالت عادی فقط تاریخ و یک کلید یا عکس نمایش داده شود سپس با کلیک روی عکس یا کلید تقویم نمایش داده بشه ( البته تقویم خود ویژوال استودیو) و با انتخاب تاریخ تقویم بسته شده و تاریخ انتخابی در تکست نمایش داده شود.
همه اینا رو نوشتم اما مشکلی که داشتم به شرح زیر بود
من تقویم رو داخل یه Div قرار دادم که ارتفاعش صفره یا اینکه دیده نمیشه و با کلیک روی کلید این div رو نمایش میدم حال با باز شدن div کلیه آبجکتهایی که با این WebUserControl در یک جا قرار دارند به پائین شیفت داده میشند حتی مقدار zindex را منفی هم قرار دادم اما نشد

[salehbagheri]

فكر كنم به Position المنت بستگي داره، مقدارش رو absolute قرار دهيد.

[Hossein Bazyan]

فكر كنم به Position المنت بستگي داره، مقدارش رو absolute قرار دهيد.

سلام
نه دوست عزیز مشکل با Position حل نمیشه در شکل زیر من هر سه حالت رو نمایش دادم

[Hossein Bazyan]

سلام
این پست رو زدم تا تاپیک رو به روز رسانی کنم
دوستان تا بحال به چنین مواردی برخورد نکرده اند؟
به نظر شما DateTimePicker هایی که در بازار وجود دارند از چه کدی استفاده کرده اند؟

[hamedsabzian]

دوست عزیز!
من تست کردم، چیزی که جناب salehbagheri گفتن جواب میده:

<script type="text/javascript">
function showpick()
{
if(document.getElementById('pick').style.height==' 100px')
document.getElementById('pick').style.height='0px' ;
else
document.getElementById('pick').style.height ='100px';
}
</script>
و:

<td style="border-style:solid; border-width: 2px;">
<input type="button" id="BBB" value="Show" onclick="showpick()" />
<div id="pick" style="width: 200px; height:0px; background-color: Lime; overflow:hidden; position:absolute">
hamedsabzian</div>
</td>

http://barnamenevis.org/forum/attachment.php?attachmentid=51179&stc=1&d=1276523062
http://barnamenevis.org/forum/attachment.php?attachmentid=51180&stc=1&d=1276523062

[Hossein Bazyan]

دوست عزیز!
من تست کردم، چیزی که جناب salehbagheri گفتن جواب میده:

<script type="text/javascript">
function showpick()
{
if(document.getElementById('pick').style.height==' 100px')
document.getElementById('pick').style.height='0px' ;
else
document.getElementById('pick').style.height ='100px';
}
</script>
و:

<td style="border-style:solid; border-width: 2px;">
<input type="button" id="BBB" value="Show" onclick="showpick()" />
<div id="pick" style="width: 200px; height:0px; background-color: Lime; overflow:hidden; position:absolute">
hamedsabzian</div>
</td>

http://barnamenevis.org/forum/attachment.php?attachmentid=51179&stc=1&d=1276523062
http://barnamenevis.org/forum/attachment.php?attachmentid=51180&stc=1&d=1276523062

سلام
من تست کردم نشد ( البته در هنگام اجرا درست اجرا میشه و عناصر داخل User Control روی بقیه عناصر جا میگیرند اما در هنگام طراحی نه و استایل برنامه بدجوری بی ترکیب و زشت میشه
میشه نمونه کدی را که نوشتی در یک Web page بذاری ؟
به شکل دقت کنید

[hamedsabzian]

یه نمونه کامل.

[hamedsabzian]

اصلاح شد، تو حالت طراحی هم چیزی نمایش داده نمیشه.