Arquivo da tag: Programming

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

Capacete do Homem de Ferro – Atualizado

Criei esse capacete para estudo, aprender a modelar, faltam muito para esse capacete ficar bom, mas já é um bom começo. Crie no Cinema 4D, foi o editor que me adaptei mais facilmente.

Estou disponibilizando o arquivo para download.

ATUALIZADO  – acertei alguns erro na malha e refiz a textura.

Clique aqui para baixar.

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.

Script para ajustar altura da div junto com a da página

Estava trabalhando em um site que tem um menu lateral, que tem a altura de 100%, só que quando abria um submenu, aparecia a barra de rolagem, e altura do menu não ajustava o tamanho sozinho, fiz uma demorada busca até que achei esse script abaixo.

Colocar antes da TAG </head>

&lt;/pre&gt;
&lt;script&gt;
function alertSize() {
 var myWidth = 0, myHeight = 0;
 if( typeof( window.innerWidth ) == 'number' ) {
 //Non-IE
 myWidth = window.innerWidth;
 myHeight = window.innerHeight;
 } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 myWidth = document.documentElement.clientWidth;
 myHeight = document.documentElement.clientHeight;
 } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) {
 //IE 4 compatible
 myWidth = document.body.clientWidth;
 myHeight = document.body.clientHeight;
 }

return [ alert(&quot;width: &quot;+myWidth+&quot; pxnheight: &quot;+myHeight+&quot; px&quot;) ];
}
&lt;/script&gt;
&lt;script&gt;
function ajustarAltura(){
 var heightTela = document.body.scrollHeight
 document.getElementById('menuLateral').style.height = heightTela+&quot;px&quot;;
}
&lt;/script&gt;
&lt;pre&gt;

Colocar no fim da página.

&lt;/pre&gt;
&lt;script&gt;
alertSize();
alert(&quot;menulateral: &quot;+$(&quot;#menuLateral&quot;).css(&quot;height&quot;));
alert(&quot;document.body.scrollWidth: &quot;+document.body.scrollWidth+&quot; pxndocument.body.scrollHeight: &quot;+document.body.scrollHeight+&quot; px&quot;);
&lt;/script&gt;
&lt;pre&gt;

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(&quot;img&quot;).height;
var largura = document.getElementById(&quot;img&quot;).width;
alert(&quot;Altura: &quot;+altura+&quot;nLargura: &quot;+largura);
}
window.onload = mostra;

Pegar a URL da imagem dentro da tag

Trabalhando com o WordPress eu vejo que há muitas possibilidades de encontrar algo específico como, no exemplo abaixo, o caminho da imagem.

Alternativa A, feita por mim:

&lt;?php
	$imagem_completa = get_the_post_thumbnail($post-&gt;ID, array(104,150));
	$imagem = array();
	preg_match('/src=&quot;.*?&quot;/',$imagem_completa,$imagem);
	$aux = explode('&quot;',$imagem[0]);
	$caminho_da_imagem = $aux[1];
	echo $caminho_da_imagem;
?&gt;

Coloque o trecho no código. Continue lendo Pegar a URL da imagem dentro da tag