PDA

View Full Version : autohide


rastinrastini
یک شنبه 21 تیر 1388, 18:37 عصر
به نام خدا
سلام و عرض خسته نباشید خدمت دوستان و اساتید گرامی
اگر براتون امکان داره لطفا کمکم کنید این مشکل رو حل کنم.هرچی اینور و اونور گشتم چیز درستی پیدا نکرد نه توی کتابا و نه توی اینترنت.
توی سایتی که طراحی شده 3 تا مستر هست که توی یکیشون یک پنل متشکل از panel , usercontrol و غیره هست.حالا به کل این مجموعه میگم منوی اصلی.
حالا میخوام یک دکمه بزارم توی این صفحه که وقتی زدمش منوی اصلی بره کنار و تمام صفحه بشه و با زدن دوباره ی اون دوباره منوی اصلی بیاد. و یا اگه بشه اون رو Auto hide کرد یعنی وقت موس رو بردیم روش بیاد.
موفق باشید.
خدانگهدار
milade
یک شنبه 21 تیر 1388, 21:49 عصر
سلام
از وب پارتها کمک بگیر ...
omid_pc
دوشنبه 22 تیر 1388, 13:01 عصر
اگه میخای پست به سرور نداشته باشه کافیه اینارو تو یه پنل بذاری بعد با جاوااسکریپت و سی اس اس کارتو انجام بدی که این قشنگتره..مثلا یه چنین چیزی:

function Hide()
{
var panel1 = $get('<%= this.panel1.ClientID %>');
panel1.style.display='none';

}
function Show()
{
var panel1 = $get('<%= this.panel1.ClientID %>');
panel1.style.display='Block';

}

تو لود فرم هم بنویس

panel1.Attributes.Add("onmouseout", "Hide();");
panel1.Attributes.Add("onmouseover", "Show();");
rastinrastini
چهارشنبه 24 تیر 1388, 18:54 عصر
به نام خدا
سلام بر همگی
تشکر بابت کمکتون.
میلاد آقا میشه لطفا آموزشی در مورد وب پرتها بدید چون بلد نیستم.
امید آقا توی قسمت source ، کد بالایی و توی قسمت Default.aspx.cs کد پایینی رو قرار دادم درسته؟ کار نکرد علت چی می تونه باشه؟
این قسمت source کد برنامه هست.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
<title>Untitled Page</title>
<script language=javascript>
function Hide()
{
var panel1 = $get('<%= this.panel1.ClientID %>');
panel1.style.display='none';

}
function Show()
{
var panel1 = $get('<%= this.panel1.ClientID %>');
panel1.style.display='Block';

}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:Panel ID="panel1" runat="server" BackColor="#FFFFCC" Height="244px"
Width="60px">
</asp:Panel>

</div>
</form>
</body>
</html>

موفق باشید.
خدانگهدار.