[bysheep] :: layout com css usando a tela toda

28 de janeiro de 2013

este exemplo de layout usando css e tendo a altura do tamaho da tela…

<!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>
<title>exemplo de camada</title>
<style>
/* para usar arquivo css ::
<link href=”css/selosAzul.css” rel=”stylesheet” type=”text/css” /> */

/* define as alturas da tela */
html, body {height:100%;}
/* formata o body */
body {
/* cola a camada no alto da tela */
margin-top: 0px;
padding-top: 0px;
}
/* camada que fica do tamanho da tela */
#tudo {
/* define a largura da tela */
width:760px;
/* define a forma de prender a camada */
position:relative;
/* cor de fundo da camanda */
background: #990000;
/* define as margens */
margin:0 auto;
/* define o alinhamento */
text-align:left;
/* define a menor altura */
min-height:100%;
/* defien que vai ter borda */
border:dotted #999;
/* coloca sem borda */
border-width:0 0px;
}
/* define novamente a altura */
* html #tudo {height: 100%;}
</style>

</head>
<body>
<div id=”tudo”>ssss</div>
</body>
</html>


[bysheep] :: dica para javascript

10 de dezembro de 2011

uma biblioteca fantástica para validações e tudo mais em javascript…

http://jquery.com/

vale apena estudar…

até o próximo post …


[bysheep] :: Rotina para mostrar os campos do formulário em javaScript

2 de maio de 2011

no post anterior coloquei uma rotina para apanhar os campos do form com o vbScript, agora estou colocando a mesma ideia de rotina só que com o uso de um Enumerador em javaScript.

<% 
    // declara a variável    var chave = "";
    // para cada ítem do enumerador ele coloca o valor em chave
    for(var a = new Enumerator(Request.Form()); !a.atEnd(); a.moveNext()){ 
        chave = a.item(); 
        // se o ítem for button ele não escreve
        if(chave != "button"){
           Response.Write("<br>" + chave + " = " + Request.Form(chave));
        }
    }
%>
até o próximo post…


[bysheep] :: verificando caixa texto com javascript.

23 de fevereiro de 2011

roina simples feita em sala de aula para validar caixa de texto, sem passar nenhum tipode valor na função.

<script language="javascript">
     // função para escrever o alerta e colocar o foco na caixa…
     function validar(a){ 
        // o alerta …
        alert(a.name + " – não pode vazio!");
        // colocar o foco na caixa
        a.focus();
     }

     function valida(){
        // declara as variáveis apanhando os valores do formulário
        var A = document.form1.login; 
        var B = document.form1.senha;
        // verifica se é vazio
        if(A.value==""){
           validar(A);
           return false
        }else if(B.value==""){
           validar(B);
           return false
       }
     }
</script>

a chamada da função no click do botão


<input type="submit" name="Submit" value="ok" onClick="return valida(); ">

até o próximo post…


[bysheep] :: dica de javascript

19 de janeiro de 2011

redirecionar para outro site ou página, usando o javascript….

<script language="JavaScript">
<!–
// cria a função para redirecionamento
function redireciona()
{
    // cria a variável com o endereço para redirecionamento
   var url = "window.location.href=’http://endereço’";
    // usa a função de tempo para redirecionamento
    setTimeout( url , 1000 );
}

// –>
</script>
// o comando na chamada da função
<body onload="redireciona();">

 

até o próximo post….