REPOSITÓRIO DA LÍA » java-script http://www.liasiqueira.com.br/blog triste como um problema de usabilidade em um eletrodoméstico pode arruinar uma dieta Thu, 22 Apr 2010 02:20:48 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Desabilitar ActiveX em sites com JavaScript http://www.liasiqueira.com.br/blog/2009/05/21/desabilitar-activex-em-sites-com-javascript/ http://www.liasiqueira.com.br/blog/2009/05/21/desabilitar-activex-em-sites-com-javascript/#comments Thu, 21 May 2009 20:39:41 +0000 lia http://www.liasiqueira.com.br/blog/?p=352 Se você fez um site que contém qualquer tipo de JavaScript, verá que ao abri-lo no Internet Explorer, aparecerá um aviso do ActiveX, é uma particularidade do IE que garante a segurança do site, avisando que a página possui alguns scripts que podem ser maliciosos, daí que se o usuário não clicar nesse aviso e der “ok”, seu JS não vai carregar ¬¬”

Tá certo que o Internet Explorer está tentando presar pela segurança de seus usuários, mas isso é muito chato e eu não quero que meu site fique todo quebrado assim que for aberto, afinal, a primeira impressão é a que fica. Pior ainda será se o usuário não souber desabilitar essa funcionalidade do navegador dele.

Pois bem, para desabilitar o ActiveX direto no site, basta inserir o código abaixo antes do <html> da página.

Exemplo:

<!-- saved from url=(0014)about:internet -->
<html>
<head>
...
</head>
<body>
...
</body>
</html>

Fonte: MSDN

Assuntos relacionados:

]]> http://www.liasiqueira.com.br/blog/2009/05/21/desabilitar-activex-em-sites-com-javascript/feed/ 5 Banner com DIV Flutuante e Transparente http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/ http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/#comments Tue, 23 Dec 2008 17:32:01 +0000 lia http://www.liasiqueira.com.br/blog/?p=195 Testado e aprovado no Firefox e I.E

Banners em DIVs flutuantes são ótimos em substituir os finados pop-ups. Um bom exemplo pode ser visto em portais como Uol e outros de tenham muita publicidade, são muito usados…

Pra fazer o que tinha em mente eu precisava de três informações:

1- Como colocar uma DIV por cima do conteúdo da página.
2- Em casos de Flash, como deixar o fundo transparente.
3- Como fechar a DIV após a exibição, utilizando um link/botão.

Resolvendo as questões:

1- Pra colocar a DIV por cima do conteúdo eu já sabia que bastava usar as propriedades:

position:absolute; z-index:1;

Ok. Next.

2- Pra deixar o Flash com fundo transparente basta colocar entre as tags a linha:

<span> </span>

Pra quem usa o Dreamweaver, quando inserimos um SWF e aparece um bloco de linhas de códigos, geralmente vem com <span> </span>, daí é só trocar o opacit por transparent e pronto.

3- Agora, pra fechar DIVs é que é mais difícil. Eu já sabia da existencia da propriedade visibility:hidden; no CSS, mas não sabia como fazer uma DIV mudar de propriedades ou de classe por um link.

Pesquisei por vários fóruns mas não consegui uma solução, já tava ficando com raiva quando pedi ajuda do meu amigo Ruan que me passou um link ensinando a Exibir e esconder DIV com JavaScript, e pronto, problema resolvido.

Vamos ao que interessa:

1º No código da sua página, cole isso antes da tag :

Esse é o CSS que vai formatar a DIV que vai conter seu banner:

<!-- #nomeDiv{ position:absolute; width:200px; height:200px; z-index:1; left: 166px; top: 209px; } #nomeDiv a{ padding:5px; border:1px solid #000; text-decoration:none; background:#000; color:#fff; } #nomeDiv a:hover{ background:#fff; color:#000; } -->

Esse é o JavaScript que vai fazer o link Fechar funcionar:

<script>// <![CDATA[ function controlaCamada(nomeDiv) { if( document.getElementById(nomeDiv).style.visibility == "hidden" ) { document.getElementById(nomeDiv).style.visibility = "visible"; } else { document.getElementById(nomeDiv).style.visibility = "hidden"; } } // ]]></script>

2º Agora, depois da tag , cole isso:

ESPAÇO

3º Onde está escrito ESPAÇO, insira o conteúdo do seu banner, pode ser uma imagem, ou textos, ou imagem e textos, ou um SWF, qualquer coisa. Eu como sou nada criativa, fiz um quadradinho andando no seu quadrado, só a nível de demonstração.

4º Antes do código do SWF que vc acabou de inserir, coloque isso:

<a onclick="controlaCamada('nomeDiv')" href="#">Fechar</a>

5º Agora teste. É pra tá funcionando, que nem tá aqui.

Obs.: Onde vc ver “nomeDiv” é o nome que a DIV que contém seu banner deve ter. Caso vc resolva mudá-lo, certifique-se de muda-lo também no CSS e no JavaScript, caso contrário, vai dar zica.

:P

♥ Download dos arquivos do meu exemplo ♥

P.S: Esse post é um presente de Natal pro meu amigo Renzo.

Assuntos relacionados:

]]> http://www.liasiqueira.com.br/blog/2008/12/23/banner-com-div-flutuante-e-transparente/feed/ 14 Link para voltar à página anterior http://www.liasiqueira.com.br/blog/2008/05/30/link-para-voltar-a-pagina-anterior/ http://www.liasiqueira.com.br/blog/2008/05/30/link-para-voltar-a-pagina-anterior/#comments Fri, 30 May 2008 18:49:26 +0000 lia http://www.liasiqueira.com.br/blog/?p=113 Tá, vc vai me dizer que isso é uma bobagem pra ter direito a um post, mas quando se leva em consideração a minha memória, esse post torna-se extremamente necessário.

Esse script tem praticamente a mesma função que o “botão voltar” dos navegadores, então eu poderia nem usá-lo. Mas eu uso sabe porque? Por que tem algumas pessoas, usuários primários, que não conseguem pensar no botão de voltar do navegador ou até mesmo nem sabem que ele tem essa função. E também por causa das pessoas que navegam usando o teclado, como deficientes visuais por exemplo.

Então a nível de lembrete:

<a onclick=”javascript:history.back();”>Voltar</a>

Ao clicar no link, a página retorna á página anterior. Pronto, bem simples.

Uma dica: Esse link funciona, pode testar, mas você vai ver também que ao colocar o mouse em cima, o cursor não vira “mãozinha”. Se isso te incomodar como me incomoda, vc pode aplicar uma “class” a esse link e colocar no CSS: cursor:pointer; Funciona em todos os navegadores.

:)

Assuntos relacionados:

]]> http://www.liasiqueira.com.br/blog/2008/05/30/link-para-voltar-a-pagina-anterior/feed/ 2 Script para adicionar página em favoritos http://www.liasiqueira.com.br/blog/2008/05/05/script-para-adicionar-pagina-em-favoritos/ http://www.liasiqueira.com.br/blog/2008/05/05/script-para-adicionar-pagina-em-favoritos/#comments Mon, 05 May 2008 17:00:43 +0000 lia http://www.liasiqueira.com.br/blog/?p=108 Esse script adiciona páginas nos favoritos do Internet Explorer, Mozzilla Firefox e Opera. Já que nos três navegadores os comandos de adição de páginas á favoritos são diferentes. Procurei e achei esse script muito facinho e últil.

Coloque isso dentro do <head>:

<script type="text/javascript"> function addFav(){ var url = "http://www.liasiqueira.com.br"; var title = "Repositorio da Lia"; 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);} } </script>

Coloque isso no link:
<a href="javascript:addFav()" title="Add nos Favoritos">Add nos Favoritos</a>

Atenção:
- Você precisa alterar o endereço da página em “var url” e o título em “var title”
- Preste atenção nas aspas e aspas duplas se for copiar o código dessa página, algumas vezes elas ficam com formatação diferente e faz o código não funcionar. Delete-as e digite-as novamente se nescessário.

Testado e aprovado: Adicionar aos Favoritos

Assuntos relacionados:

]]> http://www.liasiqueira.com.br/blog/2008/05/05/script-para-adicionar-pagina-em-favoritos/feed/ 4 Retire a borda do SWF no InternetExplorer http://www.liasiqueira.com.br/blog/2008/02/11/retire-a-borda-do-swf-no-internetexplorer/ http://www.liasiqueira.com.br/blog/2008/02/11/retire-a-borda-do-swf-no-internetexplorer/#comments Tue, 12 Feb 2008 02:34:10 +0000 lia http://blog.liasiqueira.com.br/?p=83 Você já passou pela infeliz situação de inserir um swf em uma página, e lá no InternetExplorer o seu flash fica com uma desagradavel borda em volta?!

Uma das soluções, pelo menos é a que eu uso, é importar o flash com a ajuda de um código JavaScript.

Coloque essa linha de código dentro do HEAD. Isso irá chamar o arquivo JavaScript responsável por importar o arquivo em flash.

<script src="js/objeto.js" type="text/javascript"></script>

Coloque esse código para chamar o arquivo swf.

<!--url's used in the movie--> <!--text used in the movie--> <!--saved from url=(0013)about:internet--> <script type="text/javascript"> objeto(\\\\'nomedoarquivo\\\\',\\\\'504\\\\',\\\\'200\\\\')</script>

(onde tá escrito 504 é a largura e onde tá 200 é a altura).

Agora você precisa salvar o JavaScript. Baixe o Arquivo.

Assuntos relacionados:

]]> http://www.liasiqueira.com.br/blog/2008/02/11/retire-a-borda-do-swf-no-internetexplorer/feed/ 2