MouseOnOver e MouseOnOut
Bom dia...
Gostaria de usar o MouseOnOver e MouseOnOut, dinamicamente, sem ser por javascript ? tem como ? Tipo AJAX do DotNet, algo assim ?
Aguardando contato,
Vinicius Climaco.
Vinicius Climaco
Curtidas 0
Respostas
Vinicius Climaco
30/03/2009
Gostaria de um exemplo...
GOSTEI 0
Devmedia
30/03/2009
resposta automática - favor desconsiderar
GOSTEI 0
Fabio Mans
30/03/2009
Olá Vinicius você pode criar um Controle que herde de ImageButton e fazer o Rollover, gostaria de saber qual o seu nível de conhecimento para que eu possa te explicar como construir este controle.
Outra dúvida o que você precisa trocar são imagens?
Fabio
GOSTEI 0
Vinicius Climaco
30/03/2009
Com relação a layout, visual não entendo quase nada, sou mais da parte back end.
Utilizo C# versão VS 2008.
Att,
Vinicius Climaco.
GOSTEI 0
Fabio Mans
30/03/2009
Neste caso vou te passar uma classe para você criar o controle e adicionar na Toolbox. Esta classe eu aprendi lendo o artigo que está no link abaixo.
http://aspnet.4guysfromrolla.com/articles/091703-1.aspx
Qualquer dúvida estou a sua disposição.
Fabio
using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls; namespace GrupoSBF.Framework
{
[DefaultProperty("ImageUrl"), ToolboxData("<:RollOver runat=server></:RollOver>")]
public class RollOverLinkButton : LinkButton
{
// Methods
protected override void OnPreRender(EventArgs e)
{
string key = "rolloverImageBuildingCode" + ClientID;
string script = "<script language=\"JavaScript\">\r\n\t\t\t\t\t<!--\r\n\t\t\t\t\t\t" + ClientID +
"_img_out = new Image(); " + ClientID + "_img_out.src = \"" + ImageUrl +
"\";\r\n\t\t\t\t\t\t" + ClientID + "_img_over = new Image(); " + ClientID +
"_img_over.src = \"" + RollOverImageUrl + "\";\r\n\t\t\t\t\t// -->\r\n\t\t\t\t </script>";
Page.ClientScript.RegisterClientScriptBlock(GetType(), key,script);
Attributes["onmouseover"] = "rolloverServerControl_display('" + ClientID + "_img'," + ClientID +
"_img_over);";
Attributes["onmouseout"] = "rolloverServerControl_display('" + ClientID + "_img'," + ClientID +
"_img_out);";
if (!Page.ClientScript.IsClientScriptBlockRegistered("rolloverImageLoadScript"))
{
script =
"<script language=\"JavaScript\">\r\n\t\t\t\t<!--\r\n\t\t\t\t\tfunction rolloverServerControl_display(imgName, imgUrl) {\r\n\t\t\t\t\t\tif (document.images && typeof imgUrl != 'undefined')\r\n\t\t\t\t\t\t\tdocument[imgName].src = imgUrl.src;\r\n\t\t\t\t\t}\r\n\t\t\t\t// -->\r\n\t\t\t\t</script>";
Page.ClientScript.RegisterClientScriptBlock(GetType(), "rolloverImageLoadScript", script);
}
base.OnPreRender(e);
} protected override void RenderContents(HtmlTextWriter writer)
{
if (ImageUrl != string.Empty)
{
Image image = new Image();
image.Attributes["name"] = ClientID + "_img";
image.ImageUrl = ImageUrl;
image.AlternateText = Text;
image.Height = Height;
image.Width = Width;
image.ToolTip = ToolTip;
image.RenderControl(writer);
}
else
{
base.RenderContents(writer);
}
} // Properties
[Category("Appearance"), DefaultValue(""),
Description("Informe a URL da imagem, estado normal do botão."), Bindable(true)]
public string ImageUrl
{
get
{
object obj2 = ViewState["RollOverImageUrl"];
if (obj2 != null)
{
return (string) obj2;
}
return string.Empty;
}
set { ViewState["RollOverImageUrl"] = value; }
} [Category("Appearance"), DefaultValue(""),
Description("Informe a url da imagem, quando o mouse passa sobre a imagem."),
Bindable(true)]
public string RollOverImageUrl
{
get
{
object obj2 = ViewState["RollOverRollOverImageUrl"];
if (obj2 != null)
{
return (string) obj2;
}
return string.Empty;
}
set { ViewState["RollOverRollOverImageUrl"] = value; }
}
}
}
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls; namespace GrupoSBF.Framework
{
[DefaultProperty("ImageUrl"), ToolboxData("<:RollOver runat=server></:RollOver>")]
public class RollOverLinkButton : LinkButton
{
// Methods
protected override void OnPreRender(EventArgs e)
{
string key = "rolloverImageBuildingCode" + ClientID;
string script = "<script language=\"JavaScript\">\r\n\t\t\t\t\t<!--\r\n\t\t\t\t\t\t" + ClientID +
"_img_out = new Image(); " + ClientID + "_img_out.src = \"" + ImageUrl +
"\";\r\n\t\t\t\t\t\t" + ClientID + "_img_over = new Image(); " + ClientID +
"_img_over.src = \"" + RollOverImageUrl + "\";\r\n\t\t\t\t\t// -->\r\n\t\t\t\t </script>";
Page.ClientScript.RegisterClientScriptBlock(GetType(), key,script);
Attributes["onmouseover"] = "rolloverServerControl_display('" + ClientID + "_img'," + ClientID +
"_img_over);";
Attributes["onmouseout"] = "rolloverServerControl_display('" + ClientID + "_img'," + ClientID +
"_img_out);";
if (!Page.ClientScript.IsClientScriptBlockRegistered("rolloverImageLoadScript"))
{
script =
"<script language=\"JavaScript\">\r\n\t\t\t\t<!--\r\n\t\t\t\t\tfunction rolloverServerControl_display(imgName, imgUrl) {\r\n\t\t\t\t\t\tif (document.images && typeof imgUrl != 'undefined')\r\n\t\t\t\t\t\t\tdocument[imgName].src = imgUrl.src;\r\n\t\t\t\t\t}\r\n\t\t\t\t// -->\r\n\t\t\t\t</script>";
Page.ClientScript.RegisterClientScriptBlock(GetType(), "rolloverImageLoadScript", script);
}
base.OnPreRender(e);
} protected override void RenderContents(HtmlTextWriter writer)
{
if (ImageUrl != string.Empty)
{
Image image = new Image();
image.Attributes["name"] = ClientID + "_img";
image.ImageUrl = ImageUrl;
image.AlternateText = Text;
image.Height = Height;
image.Width = Width;
image.ToolTip = ToolTip;
image.RenderControl(writer);
}
else
{
base.RenderContents(writer);
}
} // Properties
[Category("Appearance"), DefaultValue(""),
Description("Informe a URL da imagem, estado normal do botão."), Bindable(true)]
public string ImageUrl
{
get
{
object obj2 = ViewState["RollOverImageUrl"];
if (obj2 != null)
{
return (string) obj2;
}
return string.Empty;
}
set { ViewState["RollOverImageUrl"] = value; }
} [Category("Appearance"), DefaultValue(""),
Description("Informe a url da imagem, quando o mouse passa sobre a imagem."),
Bindable(true)]
public string RollOverImageUrl
{
get
{
object obj2 = ViewState["RollOverRollOverImageUrl"];
if (obj2 != null)
{
return (string) obj2;
}
return string.Empty;
}
set { ViewState["RollOverRollOverImageUrl"] = value; }
}
}
}
GOSTEI 0
Vinicius Climaco
30/03/2009
Funcionou show de bola... valeu mesmo
GOSTEI 0