Arquivo da categoria: JavaScript

Calculadora feito em Javascript

Trago dois fontes de calculadora feito em Javascript.

Fonte1

Continue lendo Calculadora feito em Javascript

Validação simples e eficiente usando jQuery

Quem nunca precisou criar um script de validação de formulário, e algumas vezes ter que criar do zero ou quando procura por um pronto, nem sempre encontra um excelente script, ou até mesmo para adaptar para o formulário, precisa mexer quase em todos os códigos.

Mas trago um script usando jQuery, que não irá dar muito trabalho de adaptar para o formulário e poder usar o script de uma maneira muito simples. Continue lendo Validação simples e eficiente usando jQuery

Script para bloqueio de print e botão direito do mouse

Quem nunca teve um cliente dizendo para bloquear o botão print-screen e o botão de menu do mouse, para que acessar o site não copiar as informações.

Vamos ao código abaixo:

</span>

<!- este bloqueia o botão print-screen ->

<body bgcolor="#ffffff" onload=setInterval("window.clipboardData.clearData()",20)>

<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>
<script language="JavaScript">

// Proibe clicar com o "segundo" botao
function click() {
if (event.button==2) {
alert.('Conteúdo bloqueado.')
}
}
document.onmousedown=click
</script>
<pre>

E assim se acaba mais um post.  =)

47 Surpreendentes Demos de Animações em CSS3

Aqui está uma compilação de 47 de cair o queixo CSS3 demos animação. Eles demonstram as possibilidades da transformação CSS3 e propriedade de transição. Alguns são muito úteis e podem ser utilizados como alternativas Javascript. A maioria deles são simplesmente para olhar. A fim de visualizar estes efeitos, você precisa de um navegador WebKit, como Safari e Chrome (desculpa para os usuários do Internet Explorer). Divirta-se!

CSS3 Clock With jQuery

css3 clock

Analogue Clock

analogue clock Continue lendo 47 Surpreendentes Demos de Animações em CSS3

50 Tutoriais CSS3 úteis

English: CSS3 Styling
English: CSS3 Styling (Photo credit: Wikipedia)

Cada dia CSS3 torna-se cada vez mais popular entre os web designers e desenvolvedores web. Hoje muitas funções interessantes e recursos estão sendo feitos para CSS3, que proporcionam menor tempo de conclusão, mais flexibilidade e fácil de manutenção para páginas web. Neste post vamos oferecer-lhe uma grande coleção de 50 úteis CSS3 tutoriais, você sempre pode usar sempre que precisar. Continue lendo 50 Tutoriais CSS3 úteis

Wookmark jQuery plugin

jquery-plugin-example

Navegando acabei achando esse http://www.wookmark.com/, quem tem um layout bem interessante e descobri que ele disponibiliza um script para poder usar, Olhem abaixo. Continue lendo Wookmark jQuery plugin

Tags HTML5 para IE8

Como sempre, o IE é muito atrás em tecnologia. Este artigo explica como obter suas tags HTML5 trabalhando como se estivessem em Opera, Safari, Chrome ou Firefox.

Você pode obter etiquetas HTML5 trabalho no IE7 e IE8, incluindo este JavaScript na cabeça do seu documento. Para preformance incluí-lo depois de carregar o CSS.

<!--[if lt IE 9]>
 <script>
 document.createElement('header');
 document.createElement('nav');
 document.createElement('section');
 document.createElement('article');
 document.createElement('aside');
 document.createElement('footer');
 document.createElement('hgroup');
 </script>
 <![endif]-->

 

Firefox, Opera, Chrome, todos consegue reconhecer, mas o IE8 e as versões anteriores, não. Certifique-se de declarar qualquer novo elemento HTML5 como block em seu arquivo css, ou declarar in-line para todos os navegadores, pra não ter conflito futuro.

header,nav,section,article,aside,footer,hgroup { display: block; }

Se preferir, você pode puxar um mais elaborado html shiv do Google Code assim:

<!-- Pulled from http://code.google.com/p/html5shiv/ -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Fonte: http://www.nickyeoman.com/blog/html/118-html5-tags-in-ie8

 

Colocar link “Leia mais” usando jQuery

O Plugin jQuery Expander é um script para mostrar/recolher o conteúdo de um texto grande.

Aqui está uma maneira simples de usar este plug-in seu HTML ou páginas ASP.NET

1. Declare uma Div ou ASP.NET Painel.

&lt;div class=&quot;readmore&quot;&gt;
   The Div Text Comes Here
&lt;/div&gt;

Continue lendo Colocar link “Leia mais” usando jQuery

jQZoom Evolution 2.3

Esse script pode ser modificado para exibir uma máscara sobre a imagem ou não mostrar uma janela de lupa.
Este plugin jQuery ajuda a inserir imagens detalhadas grandes em qualquer website.
O script pode ser aplicada a imagens únicas ou múltiplas na mesma página.

Nota: Atualizei o link que estava errado.

Imagens:

Este slideshow necessita de JavaScript.

Clique aqui para baixar.