Arquivo da tag: JQuery

21 simples e úteis Tutoriais de jQuery

Introdução

São 21 tutoriais que se concentram em seção diferente de um site (menu, galeria deslizante, dicas, dock, janela modal, ajax eturtorials jQuery).  jQuery é um framework em javascript incrível.

Menu de Navegação

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

Força downloads de arquivos em PHP

Pesquisando achei esse script que força a baixar qualquer tipo de arquivo.

Crie uma arquivo baixar.php copie o código abaixo.

<?php

$arquivo = $_GET["arquivo"];
if(isset($arquivo) && file_exists($arquivo)){ // faz o teste se a variavel não esta vazia e se o arquivo realmente existe
 switch(strtolower(substr(strrchr(basename($arquivo),"."),1))){ // verifica a extensão do arquivo para pegar o tipo
 case "pdf": $tipo="application/pdf"; break;
 case "exe": $tipo="application/octet-stream"; break;
 case "zip": $tipo="application/zip"; break;
 case "doc": $tipo="application/msword"; break;
 case "xls": $tipo="application/vnd.ms-excel"; break;
 case "ppt": $tipo="application/vnd.ms-powerpoint"; break;
 case "gif": $tipo="image/gif"; break;
 case "png": $tipo="image/png"; break;
 case "jpg": $tipo="image/jpg"; break;
 case "mp3": $tipo="audio/mpeg"; break;
 case "php": // deixar vazio por seurança
 case "htm": // deixar vazio por seurança
 case "html": // deixar vazio por seurança
 }
 header("Content-Type: ".$tipo); // informa o tipo do arquivo ao navegador
 header("Content-Length: ".filesize($arquivo)); // informa o tamanho do arquivo ao navegador
 header("Content-Disposition: attachment; filename=".basename($arquivo)); // informa ao navegador que é tipo anexo e faz abrir a janela de download, tambem informa o nome do arquivo
 readfile($arquivo); // lê o arquivo
 exit; // aborta pós-ações
}
?>


Agora crie o HTML index.php e coloque o código abaixo.

<!--
Este será o link que apontará para o nosso script PHP.
Use no href "baixar.php?arquivo=" + caminho de seu arquivo;
No Exemplo abaixo utilizei uma imagem com o nome "imagem.jpg" que esta dentro da pasta "arquivos".
-->
<a href="baixar.php?arquivo=arquivos/imagem.jpg">Baixar Arquivo</a>

Agora abra o arquivo index.php e clique no link “Baixar Arquivo”.

Fonte: http://www.devmedia.com.br/forcar-download-de-arquivos-com-php/17097

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.

<div class="readmore">
   The Div Text Comes Here
</div>

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.

Pegar informações dentro de uma TAG com Javascript

O código abaixo mostra como selecionar o valor de uma Tag, com javascript. O exemplo abaixo utiliza-se da tag span

Valor do Span aquiou
  alert(document.getElementById('creditototal').firstChild.data);

ou

 alert(document.getElementById('creditototal').innerHTML);

Outro exemplo:

function mostra(){
var altura = document.getElementById("img").height;
var largura = document.getElementById("img").width;
alert("Altura: "+altura+"nLargura: "+largura);
}
window.onload = mostra;

Como forçar os usuários a atualizar seu IE6

IE6 Update

Se os usuários de forma consciente não atualizam o IE6 para uma versão mais recente, por que não agora tentarmos alguma maneira não ortodoxa para que eles atualizem? Uma maneira que pode funcionar muito bem é simulando aquela barra de atualização que aparece no browser dizendo que o mesmo precisa ser atualizado para que o site seja melhor visualizado. Se você ainda tem IE6 no seu PC, então aproveite e visite essa página teste criada para simular o update. Continue lendo Como forçar os usuários a atualizar seu IE6

Simples Galeria feito em jQuery

Recentemente, fui convidado para codificar uma galeria de fotos muito simples com o jQuery. É realmente simples e é a primeira vez que eu construí uma galeria com jQuery. Ele funciona através da utilização do link para a imagem grande da tag rel que estabelecemos em nosso código html. nós então substituir o conteúdo da div com o id da #image. As funções  hide() e fadeIn() são opcionais. Confira a demonstração abaixo e, como de costume, você pode baixar o código completo!

gallery Continue lendo Simples Galeria feito em jQuery