sábado, 24 de setembro de 2011

Redirecionamento de páginas em php e javascript

Em PHP vc redireciona uma página desta forma
header('location:index.html')


Em javascript vc escreve assim

window.location.href='index.html'


O efeito é o mesmo.

Validador simples em Jquery

var dados=$("#contact_us :input");
var sp=$('.erro1'); //crie span perto do input e identifique a classe como erro1
$('span').css('color','red')


var cont=0;
(dados).each(function(){
$('span').hide();
if ((dados[cont].value ) ==''){$(sp[cont]).show() ; dados[cont].focus(); return false} ;cont++})

Todos os inputs e spans de um form ou div em jquery

var inputs=$("#meu_form :input");
var spans=$("#meu_form >span");

var dados = $(':input').get(1); ou usar a variavel criada -> $(inputs).get(1)


Se houver mais de um span vc pode fazer um loop para exibir um por vez

$(spans[cont]).show()

segunda-feira, 19 de setembro de 2011

Buscar todos os diretorios de arquivos em php

read()) //praticamento um foreach para listar os itens
{
if ($arquivo!='.' && $arquivo!='..'){

$album.= "Obra $arquivo(imagem)
";
}
}
$diretorio->close();
?>

domingo, 11 de setembro de 2011

Colocar divs lado a lado em css

#container{ width:170px; height:170px;display:inline-block;vertical-align:top; position:relative;display: -moz-inline-stack; zoom: 1; *display: inline;}

Tamanho ( width:170px; height:170px)

A parte importante (display:inline-block;vertical-align:top; position:relative;display: -moz-inline-stack;zoom: 1; *display: inline;      )


Feito assim funciona em todos os navegadores

sexta-feira, 9 de setembro de 2011

Mudando a classe de um link usando o javascript

Os /**/ são pra evitar os erros no bloguer vc deve retirar se for usar crie previamente em css as classes ".ativo" e ".inativo"

/* window.onload=init_page;

function init_page()
{
lnk_a= document.getElementsByTagName('a');

for (var i=0;i {
a=lnk_a[i];
a.onclick=function()
{
for(var c=0; c {lnk_a[c].className='inativo';}
this.className='ativo'
}
}




}
*/

Tirar dos botoes o onclick

--------------------------------------------
bu.onclick = function()
{
alert(this.title)
}
----------------------------
 

Diferença entre window.onload e document.ready

window.onload=minha_funcao;
Serve para inicializar a função após todo o carregamento da pagina.


document.ready=minha_função();
Inicializa a mesma função mas bem antes da pagina carregar, não esquecer dos parenteses. A função é a mesma do exemplo anterior.

Função de teste.
-----------------------------------------------
minha_funcao(){alert('algo')}
-------------------------------------------