Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo Javascript

Problemas de bibliotecas usando jquery, ajax e struts em HTTPS

Prezados, Assim como eu, quem teve problemas com as bibliotecas JQuery, Ajax etc. na chamada de links em seus scritps após inserir certificados HTTP em seu site, linhas como por exemplo: script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js" Basta modificar o " http " do link para " https ", assim: script type="text/javascript" src=" https ://code.jquery.com/jquery-1.8.3.js" Isso serve para todas as chamadas externas quando se começa a trabalhar com certificados no seu site (HTTPS). Abraços. (adaptado do fórum: http://respostas.guj.com.br/5655-problema-com-https-usando-jquery-ajax-e-struts-1)

Centralizar imagens ou textos em uma DIV

Procurei durante muito tempo um código que centralizasse uma imagem em uma DIV mas que ao mesmo tempo se deslocasse quando o panel superior "empurrava" o conteúdo e que na rolagem de tela a imagem ficasse fixa, de todos, esse me salvou: http://www.vanseodesign.com/css/vertical-centering/

Fixar tamanho de Janela (Height e Width) com o FANCYBOX

Recentemente utilizei o Fancybox em um de meus projetos e tive um problema com o tamanho (height e width) das janelas.  Por padrão o Fancybox utiliza tamanhos por porcentagem, como por exemplo: $ ( '.iframe' ) . fancybox ( {   'height' : '75%',   'width'  : '65%' } ); Para fixar o tamanho tentei substituir as porcentagens por '500px' e '400px', por '500' e '400' e nada funcionava, enfim achei um script pela rede que me "abriu os olhos" para o problema: basta retirar as aspas simples e a sigla "px" e usar somente os números, como por exemplo: $ ( '.iframe' ) . fancybox ( {   'height' : 500,   'width'  : 400 } ); No meu caso funcionou e disponibilizei aqui para quem tiver o mesmo problema.

Trocar imagem com um click - Javascript

Script simples e objetivo para trocar a imagem a cada click: function changeSrc(id) {     var imagem=document.getElementById(id);     if(imagem.alt == "Abrir"){         imagem.src = "imagens/open.gif";         imagem.alt = "Fechar";     }     else {         imagem.src = "imagens/folder.gif";         imagem.alt = "Abrir";     } } Utilize no HTML assim: <a href="#" onclick="changeSrc('p-a1');"><img id="p-a1" alt="Abrir" src="imagens/folder.gif">Link</a> Ou assim: <img id="botao" alt="Abrir" src="botoes/off.jpg" onclick="changeSrc('botao')" width="107" height="98" /> Fonte: rafael.rgarcia (http://forum.zwame.pt/showthread.php?t=118026)

Acentos em caixas de alerta Javascript

Olá, baseado no artigo anterior, criei uma função para automatizar as mensagens exibidas nas caixas de alerta do javascript com o comando "json_encode" do PHP. Por exemplo: <?php $palavra = substr(json_encode("Açúcar\n União"),1,-1); ?> <script language="javascript" type="text/javascript"> alert('<? echo $palavra; ?>'); </script> executá-la diretamente no javascript: <script language="javascript" type="text/javascript"> alert('<? echo substr(json_encode("Açúcar\n União"),1,-1); ?>'); </script> ou criar uma função: function acentounicode($palavra) {    $ palavra = substr(json_encode($ palavra ),1,-1);     return $ palavra; } <script language="javascript" type="text/javascript"> alert('<? echo acentounicode("Açúcar\n União"); ?>'); </script><?php O comando "substr...

Acentos em Alert box - Javascript

Esta é para quem, assim como eu, sempre teve problemas de acentuação de caracteres nas caixas de alerta do javascript em suas páginas: substitua o acento pelo seu código em Unicode. Por exemplo: alert('Este é um teste de acentuação em um Alert Box.'); Mensagem substituída: alert(' Este \u00e9 um teste de acentua\u00e7\u00e3o em um Alert Box .'); Segue a tabela de codificação a ser utilizada: á = \u00e1 à = \u00e0 â = \u00e2 ã = \u00e3 ä = \u00e4 Á = \u00c1 À = \u00c0 Â = \u00c2 Ã = \u00c3 Ä = \u00c4 é = \u00e9 è = \u00e8 ê = \u00ea ê = \u00ea É = \u00c9 È = \u00c8 Ê = \u00ca Ë = \u00cb í = \u00ed ì = \u00ec î = \u00ee ï = \u00ef Í = \u00cd Ì = \u00cc Î = \u00ce Ï = \u00cf ó = \u00f3 ò = \u00f2 ô = \u00f4 õ = \u00f5 ö = \u00f6 Ó = \u00d3 Ò = \u00d2 Ô = \u00d4 Õ = \u00d5 Ö = \u00d6 ú = \u00fa ù = \u00f9 û = \u00fb ü = \u00fc Ú = \u00da Ù = \u00d9 Û = \u00db ç = \u00e7 Ç = \u00c7 ñ = \u00f1 Ñ = \u00d1 & = \u0...