Highlighting Map Areas
Para dar um efeito de brilho ao passar o mouse sobre Map Areas, você pode usar a biblioteca Mapper.js
A implementação é bem simples e com pouquissimo codigo já temos um exemplo funcional
http://www.netzgesta.de/mapper/
http://ajaxian.com/archives/mapperjs-10-highlighting-for-imagemaps
Um exemplo da utilidade é usar em conjunto com o Chart Controls, para destacar cada area do gráfico ao passarmos ou mouse sobre elas
[]s
ValidatorEnable - Habilitando e Desabilitando ASP.NET Validators
Quer desabilitar e habilitar de forma seletiva controles de validação do ASP.NET como RequiredFieldValidators e RegularExpressionValidators ?
Use a função ValidatorEnable.
Desabilitando :
function DisableValidator() {
var myVal = document.getElementById('Id do Controle');
ValidatorEnable(myVal, false);
}
Habilitando :
function EnableValidator() {
var myVal = document.getElementById('Id do Controle');
ValidatorEnable(myVal, true);
}
A função recebe como parâmetro o objeto Validator e um Boolean, False para desabilitar e True para habilitar o controle.
Podemos também unificar os exemplos acima :
<script language="javascript" type="text/javascript" >
function setValidator(bStatus, idControle) {
var myVal = document.getElementById(idControle);
ValidatorEnable(myVal, bStatus);
}
</script>
[]s
Relógio em JavaScript
Para mostrar a Hora em sua página simulando um relógio em JavaScript basta fazer o seguinte:
1. Inclua um Label e nomeie como Label1
<asp:Label ID="Label1" runat="server"></asp:Label>
2. Inclua a seguinte função JavaScript :
<script type="text/javascript">
function StartTime()
{
var dt = new Date();
document.getElementById("<%= Label1.ClientID %>").innerText = dt.toLocaleTimeString();
window.setTimeout("StartTime()", 1000);
}
</script>
3. Chame a função no onload da tag Body
<body onload="StartTime();">
O Resultado será esse :
Espero que seja útil
[]s
Mensagem "Carregando..."
Ola, segue um exempo bem simples de como incluir em suas páginas aspx uma mensagem de "carregando..." enquanto a página não carrega completamente.
No code behind, manipule o evento OnPreInit da Page, fazendo com que apareça uma div e dentro dela a mensagem "carregando...".
O Response.Flush() vai fazer com que enquanto a página nao seja carregada por completo, só exiba o que estiver antes dele, no exemplo o div com a mensagem.
1.
protected override void OnPreInit(EventArgs e)
{
Response.Write("<div id=\"divLoad\" >carregando...</div>");
Response.Flush();
base.OnPreInit(e);
}
Depois de carregada a página você vai precisar esconder o div divLoad. Para isso use JavaScript. A função busca pela div e a esconde.
2.
<script language="javascript" type="text/javascript" >
function loading()
{
document.getElementById('divLoad').style.visibility = 'hidden';
}
</script>
Depois é só por a função pra executar no evento onload do <body> :
3.
<body onload="loading()">
Espero que seja útil
[]s