Posted in Bugs on November 27th, 2009 by freela5 – Be the first to comment
Tive problemas com CSS expression para criar min-width e max-width para o Internet Explorer 6, a largura do div não ficou com a medida exata por causa das margens automaticas, então criei uma função com jQuery para solucionar esse problema:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| <head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<!--[if IE 6]>
<script type="text/javascript">
function minMaxWidth() {
var janela = parseInt((document.body.clientWidth * 90) / 100);
var minWidth = 720;
var maxWidth = 1080;
if (janela < minWidth) {
janela = minWidth;
}
if (janela > maxWidth) {
janela = maxWidth;
}
$('#conteudo').width(janela);
};
$(function() {
minMaxWidth();
$(window).resize(function() {
minMaxWidth();
});
});
</script>
<![endif]-->
</head> |
A variavel “janela” captura a porcentagem desejada em relação a “jenela do navegador” e salva esse valor no div conteudo, caso esse valor seja menor ou maior quer as variaves “minWidth” e “maxWidth” a largura do div conteudo é atualizada com seus respectivos valores, essa função é iniciada com o carregamento da página e também com seu redimencionamento.
Posted in Web standards on November 27th, 2009 by freela5 – Be the first to comment
Validar o atributo target=”_blank” dentro dos padrões W3C é muito simples com jQuery:
É só selecionar os links externos, ou seja, todos os links com o atributo “href” que comecem com o valor “http://” e adicionar o atributo target=’_blank’, assim os demais links não serão afetados:
1
2
3
4
5
6
7
8
9
10
11
| <head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$('a[href^=http://]').attr('target', '_blank');
});
</script>
</head>
<body>
<a href="http://freela5.com/blog">Link de exemplo</a>
</body> |
Pronto, agora seu código HTML não precisa mais do atributo target=”_blank” para abrir um link em outra janela e a sua página validará no W3C. Tudo isso usando unobstructive javascript com jQuery.
Posted in Sem categoria on November 27th, 2009 by freela5 – Be the first to comment
Caros colegas,
O objetivo desse blog é de compartilhar conhecimento e de também adiquirí-lo.
Vou postar aqui algumas dicas e soluções que vão surgindo com o decorrer do desenvolvimento de sites e de novos estudos, postarei também sobre alguns livros e sites interessantes e algum trabalho legal sobre design.
Bom, é isso, espero ajudar e ser ajudado.
–
André Francisco
Designer Gráfico e Web designer
andrefreela@hotmail.com
