quarta-feira, 17 de julho de 2002

Trabalhando com Layers

Olá pessoal, a seguir apresento um exemplo de como trabalhar com layers, otimizando a página html ou ASP.

<body onLoad="Carrega()">
<style type="text/css">.estilo_botao {  font-family: verdana; font-size: 8pt; color: #000000; background-color: #CCCC00; border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}</style>
<script language="javascript">
function Carrega()
{
       LAYER1.style.display = 'none';
       LAYER2.style.display = 'none';
}


var FlagEstado = 0;


function Muda()
{
   LAYER1.style.display = 'none';


    if (FlagEstado=='0')
    {
       FlagEstado = 1;
       bot.value = 'LAYER 1';
       LAYER1.style.display = '';
       LAYER2.style.display = 'none';
    }
    else
    {
       FlagEstado = 0;
       bot.value = 'LAYER 2';
       LAYER1.style.display = 'none';
       LAYER2.style.display = '';
    }
}

</script>
<br>
<input type=button id=bot onClick="Muda()" class="estilo_botao">
<br>
<br>
<div id=LAYER1><b><font color="#000099" face="Verdana, Arial, Helvetica, sans-serif">LAYER
  1</font></b></div>
<div id=LAYER2><font color="#990099" size="3" face="Verdana, Arial, Helvetica, sans-serif"><b>LAYER
  2</b></font></div>
</body>



Esta matéria foi postada originalmente no ASP4Developers por Rafael Felix Budel, que na época era "Programador ASP, JavaScript, VBScript, CSS2, DHTML, utilizando tecnologia XML, XMLHTTP, XMLDOM, ASP.NET - C#.". Hoje, vai saber...

0 comentários: