Dicas Javascript – Adicionar aos favoritos e impressão

23 03 2010

Bom dia ae

Colocar aqui duas coisas básicas uteis

Que eu achei hoje

Link para impressão de página

<a href="#" onclick="javascript:addFav();return false;">Imprimir</a>

e uma função para adicionar aos favoritos

function addFav(){
var url      = "url do seu site";
var title    = "nome que irá ser adicionado";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}

O uso dessa função é feito da seguinte forma

<a href="#" onclick="javascript:addFav();return false;">Favoritos</a>

Espera que seja util para vocês ae como foi pra mim

Até!


Comentários : 1 Comentário »
Tags: , , ,
Categorias : javascript

Dicas HTML – E-mail Marketing

8 10 2009

Boa noite ae!

Bom vou colocar aqui algumas dicas quee u venho aprendendo com a montagem constante que eu to fazendo de e-mails marketing na @midiaweb que é onde eu trabalho atualmente então vamos lá:

1 HTML puro: e-mail marketing deve ser em html puro e de uma forma bem tosquinha o uso de divs não é nem um pouco aconselhado pq normalmente os clientes de e-mail e webmails não aceitam direito CSS então é bem provavel que o resultado não vai ser o esperado.

2 Tabelas, muitas tabelas: a regra aqui é usar tabela sem peso na consciência ao inves de usar três rowspans use três tabelas uma segurança para não quebrar em um lugar inimaginavel e vc tentar ficar debugando e não achar o erro

3 quando for texto use fontes padrões e pouca imagem, quanto menos imagem menos chance de quebra e mais fácil do cliente alvo ler o e-mail pq ele não irá precisar de carregar imagem o que faz o e-mail ser mais leve também.

4 você pode colocar um pouco de estilo na fonte mais sempre com código inline ou seja por exemplo

<p style=”line-height:20px”>TEXTO!</p>

esta é a forma de como se usar css em e-mails marketing aconselho só relacionado a fonte tipo cor, tamanho, tipo, espaçamento, tamanho da linha, essas coisas

5 sempre teste em mais de um e-mail e sempre com um enviador de e-mails não é nem um pouco acoselhavel você enviar um e-mail com bastante estrutura pelo outlook se for uma imagem sem problemas mas se for alguma estrutura de tabela é quase certeza que ele irá quebrar e sempre verificando em mais de uma conta por exemplo se não quebrar no gmail é possivel que ele quebre no hotmail.

6 use alinhamento nas imagens diretamente as vezes isso pode ser motivo de uma quebra então você pode colocar o alinhamento na imagem tipo absolutemiddle já me resolveu um problema rs

7 use o dreamweaver somente neste caso eu aconselho isso rs

8 Não use header ou doctype use só a estrutura básica

<html>

<body></body>

</html>

bom é isso gente até mais

estou procurando parcerias para o blog quem se interessar entre em contato no andreluizrodper@gmail.com

até!


Comentários : 8 Comentários »
Tags: , , , , ,
Categorias : html

Tutorial JQuery – iniciação ao JQuery

13 09 2009

Boa madrugada ae!

Bom hj vou colocar o que eu deveria ter escrito no começo rs mais como eu gosto de emoção huauhahuha to colocando agora, hoje vou escreve aqui sobre como colocar os scripts corretamente na página que você estiver desenvolvendo

1° dica: para inserir o código de uma forma que ele não atrase o carregamento da sua página é ao invés de colocar as tags <script></script> que é usada para inserir o código no header da página você deve colocar logo após de fechar a tag <body></body> assim os script serão carregados depois da página ser carregada com todas os elementos já declarados.

2° dica: para usar o jquery você deve fazer o download do arquivo que é leve, bom para quem não sabe o/a jquery (não sei o sexo disso) é uma biblioteca de javascript existem outras mas pelo menos eu prefiro a jquery, clique aqui para fazer o download. Depois que fizer o download e colocar ele em uma pasta do seu site, eu aqui em todos os exemplos uso uma pasta js, ai é só inserir este código na sua página logo após o fechamento da tag <body></body>:

<script type=”text/javascript” src=”js/jquery-1.3.2.min.js”></script>

Após esse código é só inserir outra tag como essa:

<script type=”text/javascript”></script>

E dentro dela colocar o seu código em JQuery ou javascript puro.

3° dica: o código que é usado com jquery é simples vamo a uma estrutura simples

$(document).ready(function(){//Inicio do código, aqui eu falo que os códigos vão ser executados assim que o documento estiver carregado você pode encurtar este código escrevendo somente $(function(){ os dois tem a mesma função é só uma “abreviatura”

$(“#btn”).click(function(){ //Aqui é o evento quando o usuario clicar na div com a id btn acontecerá este evento aqui no caso pode ser usado também uma classe uma pseudo classe ou diversas coisas separadas por virgula por exemplo $(“#btn, .titulo, #topo img”).click(function(){ aqui estão as três possibilidades

alert(“você clicou no botão”); //Aqui é o acontece quando o evento é disparado no caso aqui um alert simples vai só aparecer uma caixa com esta frase mais pode ser um movimento um carregamento de página uma passagem de dados para php no metodo post podem ser muitas coisas ai com o tempo eu vou mostrando mais coisas aqui ou vocês mesmos podem ver no site da jquery no link do lado aqui

}); //Aqui fecha o evento

}); //Aqui fecha o bloco de código da JQuery

4° dica: existem diversos plugins para jquery caso você vá usar um ou vários deles você precisa colocar ele depois de importar a jquery e antes do seu bloco de código para tudo funcionar certinho o plugin que eu gosto de usar, bom eu não gosto de plugins prefiro fazer na unha mais o que eu mais uso é o jquery.timer se quiserem dar uma olhada nele clique aqui.

Bom por hora vou colocar isso não quero ser chato e escrever um texto imenso que sei que quase ninguém lê.

Dúvida pergunta qualquer coisa usem a vontade o comentário.

Em breve vou por umas ferramentas mais dignas aqui e mais alguns projetos para mostrar para quem lê aqui

Obrigado pela visita e bom domingo ae!

BlogBlogs.Com.Br


Comentários : 6 Comentários »
Tags: , , , , , , ,
Categorias : jquery


Seguir

Obtenha todo post novo entregue na sua caixa de entrada.