Loading atualizado

Bem, antes de fazer uma reforma no blog, nós tinhamos um post com o cod do loading em flash.

Estarei mostrando agora um tuto, simples e pratico para loading em flash

1. Crie um retangulo fino e comprido, de ums 200px de largura.
2. Converta-o em clipe de filme. Clique nele e na barra de propriedade e em nome da instancia coloque “barra”.

3. Agora crie uma caixa de texto do tipo dinamica (“dinamic text”).
4. Com ela selecionada, e na barra de propriedade, em var coloque “pct”.
5. Defina um tamanho de letra, tipo de letra e cor. mas deixe a caixa vazia.

6. Selecione os 2 objetos e converta em clipe de fime.
7. Selecione o clipe de filme criado e aperte F9 para abrir a janela ação.

8. Cole o código abaixo e pronto

onClipEvent (load) {
	total = _parent.getBytesTotal();
	_parent.stop();
	barra._xscale = 0;
}
onClipEvent (enterFrame) {
	loaded = _parent.getBytesLoaded();
	pct = Math.floor((loaded/total)*100);
	barra._xscale = pct;
	if (pct eq 100) {
	_parent.play();
}
pct = "Loading "+pct+" %";
}

* Lembre-se, esses passos tem que estar no primeiro quadro da animação, senão não irá adiantar.
* Comece sua animação/trabalho apartir do segundo quadro

Veja alguns exemplos
http://www.leocaverna.com.br
http://www.prodents.com.br

Textos para sites

Quantas vezes você já se viu numa rua sem saida ??
Sem texto para botar no site para mostrar seu cliente a maioria das vezes vc sai apertando um monte de letras correto ?? hehehe isso já aconteceu comigo várias vezes

Antes de mostrar para o site para seus clientes é bom mandar com texto para não ficar vazio, por isso vou dar uma dica de como acabar com seus problemas

Acesse esse site: http://pt.lipsum.com/

Nele existe uma opção no final da pagina existe a opção de escolher quantos paragráfos, listas, palavras, etc… que você quer que o site forme automáticamente para você, escolha uma das opções e defina o numero também mande gerar.

Aparecer um monte de palavras doidas, mas se olhar bem parace que são palavras em outras linguas. Mas na verdade são conjunto de letras formadas, dando a impressão de um texto mesmo.

Agora copie e cole no seu site esse texto. Assim você terá um site mais bem apresentavel =]

Fica  ai minha dica, aproveitem!!

enviando e-mail em formato html

Use o código abaixo e formate-o a vontade

<?php
$nome = addslashes($_POST&#91;"nome"&#93;);
$email = addslashes($_POST&#91;"email"&#93;);
$assunto = addslashes($_POST&#91;"assunto"&#93;);
$mensagem = addslashes(nl2br($_POST&#91;"mensagem"&#93;));

//Config do envio
$recebe = "quemrecebe@provedor.com";
//Cabeçalho da mensagem
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "From: $nome <$email>\r\n"; // De (quem envia)
//ENVIO DA MENSAGEM ORIGINAL
if(mail("$recebe","$assunto","$mensagem","$headers")){
	echo "<p><strong>E-mail enviado com sucesso!!</strong></p>";
} else {
	echo "<p><strong>**O e-mail não pode ser enviado**</strong></p>";
}
?>

Validando formulário usando GetElementById

antes de apagar algums posts eu tinha um post ensinando a validar, mas em alguns navergadores dava pau
nisso passarei a ensinar usando getElementById

Vamos lah

if(document.getElementById("nome").value == ""){
  window.alert("Preencha o campo Nome");
  document.getElementById("nome").focus();
  return false;
  }

Simples não ?? então vamos explicar

– if(document.getElementById(“nome”).value == “”) = Pega o valor onde se encontra a id nome e compara se é vazia
– window.alert(“Preencha o campo Nome”); = Manda um alerta caso esteja vazio  com o texto definido
– document.getElementById(“nome”).focus(); = o cursor volta pro campo nome para a pessoa corrigir
– return false; = retorna falso para que o form não seja enviado

Queria compara um campo e-mail… como faço ??
o jeito mais facil é usando expressão regular, ex:
if(document.getElementById(“email”).value.match(/(\w+)@(.+)\.(\w+)$/) == null)

com essa comparação fica mais facil de se comparar.

Agora, abaixo vai um codigo inteiro de uma validação simples

<script language="javascript">
function valida(){
  if(document.getElementById("nome").value == ""){
  window.alert("Preencha o campo Nome");
  document.getElementById("nome").focus();
  return false;
  }
  if(document.getElementById("email").value.match(/(\w+)@(.+)\.(\w+)$/) == null){
  window.alert("E-mail informado não é valido");
  document.getElementById("email").focus();
  return false;
  }
  if(document.getElementById("assunto").value == ""){
  window.alert("Preencha o campo Assunto");
  document.getElementById("assunto").focus();
  return false;
  }
  if(document.getElementById("mensagem").value == ""){
  window.alert("Preencha o campo Mensagem");
  document.getElementById("mensagem").focus();
  return false;
  }
  return true;
}
</script>

Como usar ??

Copie o código acima e cole na tag head do seu editor.

na tah de seu form acrescente a seguinte função:

onSubmit=”return valida();”

No caso seu form para funcionar legal tem que ter os campos: nome, email, assunto, mensagem

lembrando de acrescentar a propriedade id com seus respectivos nomes em cada campo

Barra de Rolagem em uma div ou em outras tags

Bem depois de um bom tempo voltei a atualizar meu blog

uma grande mudança é que apague tudo pois já aprendi muito mais que eu sabia antes, assim passarei mais melhores para vocês

Uma grande ajuda a todos webmasters hoje em dia é o css. Além de deixar o site mais rapido ele também lhe proporciona grandes ferramentas boas se usar.

Quem ainda não viu uma barra de rolagem em algum site no meio da tela… ai pode ser que alguem pesse, mas posso fazer iframe…

mas só pra ter barra de rolagem no meio da tela pra mostrar alguma coisa você irá chamar um iframe ?? Isso deixará seu site mais lerdo pois ele terá de puxar mais de 1 página

um jeito muito simples é usar a função overflow do css [saiba mais sobre o overflow]

Só que o overflow para se mostrar é bom você definir tanto altura quanto largura.

Vamos ver um exemplo simples usado em tabelas

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="overflow:auto;height:200px; width:250px">
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc id  magna. Etiam suscipit feugiat nulla. Donec facilisis felis id neque.  Proin vulputate mi sit amet tortor. Nunc consectetuer, quam et  vulputate faucibus, lorem enim aliquet felis, non tempus libero mi nec  dui. Nulla non urna ut justo molestie ornare. In hac habitasse platea  dictumst. Etiam at est vel lorem ultrices auctor. Vestibulum imperdiet,  risus id consectetuer placerat, est pede auctor leo, nec ullamcorper  orci leo at enim. Fusce odio. Fusce mollis. Etiam posuere magna eu  libero. Vestibulum et nibh sit amet dui molestie tempus. Maecenas at  libero. Phasellus sem magna, porta suscipit, sollicitudin eu,  vestibulum quis, metus. Nulla interdum ultrices dui. 

Praesent malesuada mi quis nisl. Nullam eu erat adipiscing purus  sodales pharetra. Integer tellus libero, faucibus a, vestibulum ac,  commodo in, lacus. Nullam nec mi et leo varius pharetra. Nullam porta  consequat arcu. Quisque vestibulum pede scelerisque dui. In dictum. In  ultrices luctus erat. Mauris laoreet orci ullamcorper dui. Nullam quis  turpis. Donec aliquet laoreet dui. Cras quis elit in erat tempor  tempus. Mauris nec sapien sit amet leo sollicitudin rhoncus. Fusce sit  amet neque.</div></td>
</tr>
</table>

Olhem na quarta linha : <div style=”overflow:auto;height:200px; width:250px”>…

Chamamos a opção Style para podermos insirir o overflow, isso porque o overflow é uma propriedade do css, e o css só funciona em quando você define um estilo ou quando vc usa a função style dentro de qualquer tag html

No caso inserirmos também width(largura) e um height(altura) pois, sem isso não irá funcionar

Como colocar barra apenas na horizontal/ Vertical ??

Simples para horizontal use overflow-x no lugar de overflow
ou para vertical use overflow-y no lugar de overflow

Fazer menu voltar

Uma grande dúvida aos que estão começando com o flash…
como fazer uma animação voltar, como um botão

explicarei como fazer uma animação de botão voltar… é bem simples

crie um botão animado, mas que seja convertido como movieclip
** A animação tem que ser feita dentro do MovieClip OK

depois de fazer a animação volte para a primeira cena e clique sobre o MovieClip
na barra de propriedades, mas especificamente no nome da instancia defina como “menu1”
sem as aspas!!

clique no primeiro quadro(da cena atual), aperte F9 para abrir o painel ações e cole o seguinte código

//menu1
_root.menu1.onRollOver = function() { _root.menu1o = true; }
_root.menu1.onRollOut = function() { _root.menu1o = fstartlse; }
_root.menu1.onRelease = function() { getURL("conheca.htm"); }//URL do botão

_root.menu1.onEnterFrame = function() {
if (menu1o) { _root.menu1.nextFrame();
} else { _root.menu1.prevFrame();}
};

Pronto!
Aperte CTRL+Enter e veja a mágica xp