sexta-feira, 27 de abril de 2012

Ferramentas para comprimir código e programar js, inclusive em linha de comando:

http://0fx66.com/blog/programacao/lista-de-compactadores-de-javascript/

http://focalizaisso.com.br/compactador-de-js-e-css/
Com esse compactador você jamais entenderá seu código compactado, vira um hash enorme
http://rumkin.com/tools/compression/compress_huff.php
Vira um hash maior ainda:
http://javascriptcompressor.com/
Com esse aqui seu código vira uma simples imagem mega compactada

http://blog.renatolouro.com.br/2010/09/como-compactar-codigo-javascript-em-um-png/?utm_source=Chavao&utm_medium=twitter&utm_content=Twitter




https://developer.mozilla.org/en/Rhino_Shell

https://developer.mozilla.org/en/Rhino_Overview

https://developer.mozilla.org/en/Rhino_Requirements_and_Limitations

https://developer.mozilla.org/en/Scripting_Java

http://www.mozilla.org/rhino/scriptjava.html

http://www.mozilla.org/rhino/perf.html

http://www.mozilla.org/rhino/debugger.html

https://developer.mozilla.org/en/Rhino_Shell

https://developer.mozilla.org/en/Rhino_JavaScript_Compiler

http://www.mozilla.org/rhino/tutorial.html

http://www.mozilla.org/rhino/serialization.html

https://developer.mozilla.org/En/Rhino_documentation/Scopes_and_Contexts

http://www.mozilla.org/rhino/runtime.html

http://jnb.ociweb.com/jnb/archive/jnbMar2001.html

https://developer.mozilla.org/en/Rhino_documentation


http://blog.siliconforks.com/

http://siliconforks.com/

http://siliconforks.com/jscoverage/

http://siliconforks.com/jscoverage/manual.html

http://siliconforks.com/jscoverage/demo.html

http://siliconforks.com/doc/

http://siliconforks.com/doc/debugging-javascript/

http://siliconforks.com/doc/parsing-javascript-with-spidermonkey/

Continuação do exemplo do post anterior porém agora com html5 geolocation

Para desenvolver esse código me baseei em:
http://www.w3schools.com/html5/html5_geolocation.asp

A aplicação:
http://presenteperfeito.99k.org/blog/js/DOM/tjs40.html

O código da aplicação:
http://presenteperfeito.99k.org/blog/js/DOM/tjs40geolocation.html

quinta-feira, 26 de abril de 2012

Como chamar funções variáveis em javascript estilo chamada de funções variáveis em php $funcao();

Em php é possível chamar funções diferentes com o mesmo código, por exemplo:
<?php
                function fy1()
                {
                    echo "<br /> fy1();<br />";
                }
                function fy2()
                {
                    echo "fy2();<br />";
                }
                function fy3()
                {
                    echo "fy3();<br />";
                }
                function fy4()
                {
                    echo "fy4();<br />";
                }
                function fx($i)
                {
                    $f="fy".$i;
                    $f();      
                    /*
                    aqui posso chamar a função
                    fy1(); ou fy2)(); , ...
                    tudo dependerá apenas do valor de $i
                    */
                }
                fx(1);
                fx(2);
                fx(3);
                fx(4);
        ?>

http://www.php.net/manual/pt_BR/functions.variable-functions.php

Isso gera muita flexibilidade em php, e possibilita a construção de funções genéricas.
É possível fazer algo semelhante em javascript, mas como ?
É possível utilizando a função eval() do javascript(js)
Por exemplo, desejo fazer a chamada a uma função que possui um nome variável conforme um valor passado a uma função, quero chamar hora
mouseClick_opt1(); hora mouseClick_opt2();, mouseClick_opt3(); ...
Como faço isso ?
Assim
eval("mouseClick_opt"+i+"();");   
onde o i varia, no meu caso de 1 até 5

A minha função javascript ficou assim:
                              function opc_selectIndex(i)
                                {
                                    i++;                                   
                                    eval("mouseClick_opt"+i+"();");                                           
                                }   

Um exemplo de aplicação onde utilizo essa mesma função:
http://presenteperfeito.99k.org/blog/js/DOM/tjs4.html
Esse exemplo não por acaso é o exemplo do post anterior, só que bem melhorado
(http://viagemdacomputacao.blogspot.com.br/2012/04/exemplo-rapido-de-codigo-com-dom.html)
o código da aplicação comentado:
http://presenteperfeito.99k.org/blog/js/DOM/tjs4_html.html

quarta-feira, 25 de abril de 2012

Exemplo rápido de código com DOM, manipulação de css e eventos javascript

Exemplo  rápido de código com DOM, manipulação de css e eventos javascript

O exemplo:
http://presenteperfeito.99k.org/blog/js/DOM/tjs3.html

O código:
http://presenteperfeito.99k.org/blog/js/DOM/tjs3_html.html

É uma página que muda as cores de letras, de fundo e de bordas, conforme muda a opção (option) do combobox (selection)
Utilizo eventos em DOM0 e DOM2
Crio toda a página em DOM, com exceção das tags
html, style, head, body, form, div id="id1",   script type="text/javascript" , title e meta

Vale a pena dar uma olhadinha nesse código, é uma boa luz de como criar elementos através do DOM, manipular eventos, e alterar propriedades do css através do javascript.

O código está comentado, e o css está no começo dele na tag style, para dar uma ideia, na manipulação via javascript que propriedade do css altero posteriormente

domingo, 8 de abril de 2012

teste


Apenas testando a dica: http://thiago-rabelo.blogspot.com.br/2012/02/para-fabiana.html

Apenas não esquecendo de trocar o < e o > por &lt; e &gt;

devido a interpretação do html

http://www.ascii.cl/htmlcodes.htm

<html>
                   <head>
                        <link href="../../extjs4meu/1HelloWorldDM/resources/css/ext-all.css" rel="stylesheet" type="text/css"></link>
                        
                        <script src="../../extjs4meu/1HelloWorldDM/ext-all.js" type="text/javascript">
</script>
        </head>
           <body>              
        
        
        <script type="text/javascript">
                /* Para usar ExtJS tenho que utilizar essa função abaixo
                ( repare que o Ext começa com letra maiúscula):*/
                                        /* Aqui dentro do método 'onReady' escrevo todo meu código ExtJS nesse caso é um alert com ExtJS */
                Ext.onReady(function(){
                        Ext.MessageBox.alert('Hello', 'Hello, World!');
                });
        
</script>
 </body>   
 </html>


sexta-feira, 6 de abril de 2012

Meu primeiro Hello World em ExtJS 4 baseado em Loiane Groner

Estou começando meus estudos em ExtJS 4
Mais um framework RIA

Para otimizar o tempo, comecei com as video aulas da Loiane Gorner,
material de muita qualidade, vídeo aula muito bem formatada, com fala pausada, muito boa mesmo.
http://youtu.be/Z_hmPYmml34
Existem vídeo aulas que os caras parecem que estão narrando uma partida de futebol, bem diferente
das aulas até presenciais que muitas vezes temos, onde você não têm tempo se quer de assimilar o que está sendo passado naqueles slides, é simplesmente um sermão do que está escritos nos slides.

Pelos simples comentários já da para se ter uma ideia de que realmente o curso de extjs gratuito é muito bom, material de qualidade incrível, com dicção clara, dando tempo para você perceber o que está sendo feito, não uma simples explanação de algum assunto ...

http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/

http://google-code-prettify.googlecode.com/svn/trunk/README.html

Mas chega de blá blá blá.


O meu primeiro Hello World em ExtJS encontra-se em:

http://presenteperfeito.99k.org/blog/extJS/helloWorldDM.html

o Código: http://presenteperfeito.99k.org/blog/extJS/helloWorldDM_html.html

E o código com as pastas das imagens e o framework em:
http://presenteperfeito.99k.org/blog/extJS/1HelloWorldDM.zip
Vale lembrar
que o nome do diretório (pasta) que esse arquivo .zip estava era:
extjs4meu e os códigos estavam na pasta 1HelloWorldDM
logo os urls estavam: ../extjs4meu/1HelloWorldDM/.. altere conforme a sua estrutura de diretórios local


Fiquei impressionado como é possível fazer coisas bonitas com esse framework
Bom é isso ai ...!

segunda-feira, 2 de abril de 2012

javac - illegal character: \65279 - O código BOM fez um boom no meu código

Estava eu codificando meu código java no kate com o kwrite, minha distribuição é ubuntu 10.04
ao compilar meu arquivo com javac sempre dando erro
javac TCPServer.java
TCPServer.java:1: illegal character: \65279

Pesquisando descobri que era devido a esse tal de código bom
http://www.guj.com.br/java/126508-illegal-character-65279

Não queria utilizar o Scintila para editar, mas o gedit, nem o vim não possuem desdobramento de código, se tiver eu não sei usar ...

é não tem jeito terei que usar o Scite ()
faz tempinho que não o utilizo, mas é o jeito

nem me lembro como colocar as palavras para completar pressionando ctrl+b, mas codificarei nele devido ao desdobramento de código que faz uma falta danada

Fica ai a dica!