Post tageado como javascript
Sombra em CSS + Javascript
Postado por Weverton Naves em HTML/CSS/Javascript. 13/Maio/2008.
Salve galera!
Estou aí de novo. Meio sumido, mas de volta!
Vou postar aqui um código que utiliza CSS + Javascript para dar sombra em texto, div e parágrafo.
O autor do código é Michael Burt, o seu código está disponível em:
http://www.dynamicdrive.com/style/csslibrary/item/css-gradient-shadow/
Também vale a pena já dar uma olhada neste site de onde está o código, muito legal.
Aplicando o Lightbox 2 em sua página
Postado por Weverton Naves em HTML/CSS/Javascript. 13/Março/2008.
Galera, já surgiu aquela necessidade de fazer uma visualização de fotos mais eficiente e rápida de fazer.
Então, eis a solução, o LightBox 2 (by Lokesh Dhakar). Existem muitos lightboxes por aí, mas esse eu acho o mais simples de usar, e mais direto.
O lightbox utiliza o framework prototype e a biblioteca de efeitos Scriptaculous.
Vamos aprender aqui á usá-lo. Baixe aqui o exemplo.
##INTALAÇÃO
<script type=”text/javascript” src=”js/prototype.js” mce_src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects,builder” mce_src=”js/scriptaculous.js?load=effects,builder”></script>
<script type=”text/javascript” src=”js/lightbox.js” mce_src=”js/lightbox.js”></script>
<link rel=”stylesheet” href=”css/lightbox.css” mce_href=”css/lightbox.css” type=”text/css” media=”screen” />
3º Coloque as imagens da pasta images no seu site, e cheque se no arquivo .css, as imagens prevlabel.gif e nextlabel.gif estão referenciadas corretamente, e também as imagens loading.gif e closelabel.gif no arquivo lightbox.js.
http://www.huddletogether.com/projects/lightbox2/
##ATIVAÇÃO
1º Nos links que você quer abrir o lightbox, só adicionar o atributo rel=”lightbox” na tag <a>:
O atributo title informa qual será o título do box.
2º Para um grupo de imagens, onde os botões de próximo e anterior serão ativados, coloque o nome do imageset entre chaves, assim:
<a href=”imagens/imagem1.jpg” mce_href=”imagens/imagem1.jpg” rel=”lightbox[setImage]“>Abrir imagem 1</a><a href=”imagens/imagem2.jpg” mce_href=”imagens/imagem2.jpg” rel=”lightbox[setImage]“>Abrir imagem 2</a>
<a href=”imagens/imagem3.jpg” mce_href=”imagens/imagem3.jpg” rel=”lightbox[setImage]“>Abrir imagem 3</a>
Isso aí galera. Prático, fácil e rápido de instalar. Vale a pena usar!
Lembrando que não dá pra abrir .swf via lightbox. A não ser que seja feita uma alteração no código .js.
URL Encode Javascript
Postado por Weverton Naves em HTML/CSS/Javascript. 11/Março/2008.
Pessoal, muitos devem conhecer a função escape, que codifica uma string para formato url.
Mas poucos sabem que existem alguns caracteres que não são codificados, para corrigir esse problema, é só utilizar a função abaixo:
return escape(sStr).
replace(/+/g, ‘%2B’).
replace(/”/g,’%22′).
replace(/’/g, ‘%27′).
replace(///g,’%2F’);
}
Fonte: http://www.dsromero.com.br/noticias/javascript/urlencode_javascript.html
Abs.
Transição de imagens com Javascript
Postado por Weverton Naves em HTML/CSS/Javascript. 3/Março/2008.
Galera.
Vi que muitos estavam procurando transição de imagens via Javascript, aqui vai um link bem interessante, com alguns efeitos de transição.
Calendário em Javascript c/ Mootools
Postado por Weverton Naves em HTML/CSS/Javascript. 12/Fevereiro/2008.
Pessoal. Vou postar aqui um estudo que estive fazendo a respeito da classe Calendar (http://www.electricprism.com/aeron/calendar/#download) para o framework Mootools (http://actionman.wevertonnaves.com.br/blog/2008/02/06/mootools-um-otimo-framework-ajax/). Na verdade este arquivo é meio que uma “traduzida” da página de exemplo da página em inglês da classe.
Primeiramente, precisamos ter o mootools com as classes Fx.Style, Element e Window. Para ativar o arraste, o componente Drag também será necessária. Também é necessário o download da classe Calendar. Mas não se preocupe, eu já separei todos os arquivos aqui . Vamos conferir abaixo como proceder:
Chamar função ASP do Javascript.
Postado por Weverton Naves em ASP. 10/Fevereiro/2008.
Este não é um post do tipo “Como fazer uma coisa”, e sim “O porque não dá pra fazer uma coisa”. Mas concerteza irá ajudar.
Como sempre, vi nas estatísticas do blog, que alguém procurou como fazer isso, e então vamos lá explicar.
Não dá pra chamar uma função ASP do Javascript. Porque?
A resposta é bem simples, o ASP é uma linguagem Server-Side. Portanto, o servidor compila a linguagem na hora da requisição e retorna html, javascript e css para o browser do cliente. Aí então entraria a ação em javascript, no momento em que a linguagem ASP foi consumada. Isto quer dizer que quando você chamar uma função javascript em um link, por exemplo, você não tem mais código ASP na página, somente html, pois o ASP já foi processado pelo servidor.
Uma possibilidade que você pode utilizar, é fazer a chamada de uma página ASP (externa) sem submeter a página atual ao servidor. Como? Leia este artigo: http://actionman.wevertonnaves.com.br/blog/2008/01/29/funcao-muito-util-parecida-com-ajax-mas-nao-e/
Outra maneira, é utilizar linguagem ASP na sua tag script, utilizando a seguinte sintaxe:
<script language=”vbscript” type=”text/vbscript”>
Lembrando que não são todos comandos vbscript do ASP que funcionam nas tags script.
Vale a pena ressaltar que os exemplos acima são possíveis soluções que podem funcionar para alguns casos, e dependendo do que o programador quiser fazer, ele pode esquecer essa parada de acesssar a função ASP do Javascript.
Correção do bug do IE. Solução final e oficial da Adobe.
Postado por Weverton Naves em Sem categoria. 8/Fevereiro/2008.
Existem alguns conteúdos que são tão comentados e tem tanto material por aí que a gente pensa “Será que compensa postar isso no blog?”.
Mas daí chega um rapaz e te manda um email perguntando aquilo que todo mundo sabe , e você percebe que quanto mais material tiver, melhor. (não desmerecendo o rapaz, todo mundo começa de algum lugar)
Então, vou postar aqui a correção do bug do IE (aquele que exibe uma borda nos flashs e exibe a mensagem “clique aqui para ativar este controle”), fornecida pela Adobe no update 8.02 do Dreamweaver 8.
Essa manha é utilizada através de uma função javascript que fica no arquivo Ac_RunActiveContent.js (está indo em anexo). Baixe o arquivo clicando aqui. É só vc colocar em algum local do seu site, e na página onde ficará o .swf, inserir a linkagem deste script (entre as tags head), da seguinte forma:
No local onde ficará seu swf, coloque um código como o abaixo:
<script type=”text/javascript”>AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'180′,’height’,'300′,’src’,'file:///D|/Inetpub/wwwroot/consorcio/swf/calendario’,'quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'calendario’ ); //end AC code
</script><noscript><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”180″ height=”300″>
<param name=”movie” value=”calendario.swf” />
<param name=”quality” value=”high” />
<embed src=”calendario.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”180″ height=”300″></embed>
</object></noscript>
Perceba que existe uma tag de script, e é onde vc vai colocar os parâmetros do seu flash, na seguinte ordem:
AC_FL_RunContent(parametro,valor,parametro,valor,parametro,valor……parametro ,valor)Para o parâmetro movie, o valor do swf não vai com a extensão, perceba que “calendario” está sem o “.swf”.
E depois da tag script, existe a tag <noscript>, e no meio dela, um swf comum. Isto é para os browsers que não aceitam scripts, exibam o swf da maneira comum.
Acessar função dentro do Swf via Javascript
Postado por Weverton Naves em ActionScript. 8/Fevereiro/2008.
Bom, todo mundo sabe que é muito fácil acessar uma função em javascript através do flash, conforme o exemplo abaixo:
getURL(“javascript:funcao();”);Mas e o inverso? Será que tem como?
Andei fazendo umas pesquisas, já que nas estatísticas do blog, teve gente procurando no google por isso…
Não encontrei nada na documentação da Adobe e nada na net.
Mas consegui achar uma “gambiarra”, com a ajuda da função que vem como “Behavior” no Dreamweaver: MM_controlShockwave.
Essa função serve para controlar objetos shockwave e flash. Ela tem quatro parâmetros: Play, Stop, Rewind, GotoFrame.
No caso, a gambiarra funciona da seguinte forma:
No seu flash, você coloca tudo que fez dentro de um único MovieClip chamado “conteudo” e aloje-o na timeline.
Coloque um stop() e a função desejada no segundo. Daí então, é só colocar a função que você quer no segundo frame e “Tcharam”… temos a estrutura da “gambi” prontinha.
Para que isso funcione, é só você colar o script na sua página:
<script type=”text/javascript”><!–
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
} function MM_controlShockwave(objStr,x,cmdName,frameNum) { //v4.0
var obj=MM_findObj(objStr);
if (obj && obj[1]) obj=obj[1];
if (obj) eval(‘obj.’+cmdName+’(‘+((cmdName==’GotoFrame’)?frameNum:”)+’)');
}
function vai(ar){
var ff = document.getElementById(‘meuflash’);
ff.Play();
}
//–>
</script>
E acessar a função, nomeando o flash (ex. meuflash) e colocando a chamada em algun link ou no corpo do código javascript:
<a onclick=”vai(‘meuflash’)” href=”#”> Chama Função </a>Lembre-se de que isto é uma gambiarra que pode ajudar em alguns casos, mas não é uma solução final, já que creio que não exista outra maneira de fazê-la. Desse jeito, não conseguimos passar parâmetros para nossa função, e nem acessar duas ou mais funções em momentos quase simultâneos.
Mas valeu a intenção.
Abraços.
Controlar flash por Javascript. Correção de bug do FF.
Postado por Weverton Naves em ActionScript. 8/Fevereiro/2008.
Então, é um uso já obsoleto utilizar comandos javascript para controlar o flash. Mas para quem quiser se aventurar e necessitar por causa de uma gambiarra, aí vai uma solução para que execute também no firefox:
function MM_controlShockwave(objStr,x,cmdName,frameNum) { //v3.0f = getFlashMovieObject(objStr);
if(f!=null && f!=undefined){
if(cmdName==”Play”){
eval(‘f.’ + cmdName + ‘();’);
} else {
eval(‘f.’ + cmdName);
}
}
}function getFlashMovieObject(movieName){
if (window.document[movieName]){
return window.document[movieName];
}
if (navigator.appName.indexOf(“Microsoft Internet”)==-1){
if (document.embeds && document.embeds[movieName]){
return document.embeds[movieName];
}
}
else{
return document.getElementById(movieName);
}
}
Fonte: http://www.actionscript.org/forums/showthread.php3?t=99266
Menu do MacOS em javascript
Postado por Weverton Naves em HTML/CSS/Javascript. 6/Fevereiro/2008.
Pra que já utilizou (ou utiliza) o maravilhoso MacOS, e se maravilhou com o menu….
O que um código bem feito não faz…. Agora se pode colocar em uma página da web
-
Publicidade
Compartilhe
Creative Commons
