Evento: Palestra no WordCamp 2014 Salvador/BA

Olá galera esse evento massa que é o WordCamp que acontece no Brasil agora na terrinha!

Será a primeira vez em Salvador, irei palestrar no evento com o seguinte tema “WordPress para seus Clientes”.

Descrição: Usuários finais que usam o WP e desenvolvedores. Abordagem: O WordPress está sendo muito utilizado como ferramenta de gerenciamento de muitos sites e até portais, com isso não só os desenvolvedores, blogueiros ou jornalistas que estão utilizando essa ferramenta mais também os usuários finais (os clientes). Eles precisam de uma melhor visualização do Painel de Administração do WordPress então nessa palestra irei mostrar qual a melhor forma de otimizar o menu do WordPress, mudança de temas, de logotipo, de campos personalizados e também listas de conteúdo!

Participe também:
WordCamp Salvador 2014

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Mostrar a janela do Upload marcada em “Anexadas a este post”

Quando eu estava adaptando o WordPress em um site, como usuário eu fiquei confuso na seguinte tela…

 
Primeiro eu acesso e ai vejo todas as imagens, preciso clicar no combo para aparecer só as imagens do post, pesquisei e achei algumas soluções, só que resolvia isso, e deixar outras coisas com problemas então conseguir resolver com esse script adaptado:
 

<?php
// Mostrar a janela do Upload marcada em "Anexadas a este post"
add_action('admin_footer', 'anexadas_ao_post');
function anexadas_ao_post(){
?>
<style type="text/css">
.attachments-browser .attachments, .attachments-browser .media-toolbar {display: none;}
</style>
<script type="text/javascript">
jQuery(function($){
	var called = 0;
	jQuery(document).on("DOMNodeInserted", function(){
		setTimeout(function(){
			jQuery('[value="uploaded"]').attr( 'selected', true ).parent().trigger('change');
			called = 1;
			jQuery('.attachments-browser .attachments').css({display: 'block'});
		}, 10);
	});
});
</script>
<?php
}
?>

É só adicionar esse código no arquivo functions.php

Espero ter ajudado a galera ai, o script funciona e adicione o setTimeout pois quando se tem muitas imagens demorava de carregar então a função acelera a visualização das imagens na janela

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Array Search em JavaScript

Esta função falicita a procura de um valor dentro de um array, como a função nativa do PHP array_search();

Segue a função abaixo:

<script type="text/javascript">
	function array_search(parametro, arr){
		var key = "";
		var strict = "";
	 
		for (key in arr){
			if ((strict &amp;amp;amp;&amp;amp;amp; arr[key] === parametro) || (!strict &amp;amp;amp;&amp;amp;amp; arr[key] == parametro)){
				return parametro;
			}
		}
	
		return false;
	}
</script>

Exemplo de aplicação:

<script type="text/javascript">
	var array_dados = ["Teste 01", "Teste 02", "Teste 03"];
	alert(array_search("Teste 02", array_dados));
</script>

Segue o script completo:

<script type="text/javascript">
// Função.
function array_search(parametro, arr){
    var key = "";
	var strict = "";
 
    for (key in arr){
        if ((strict &amp;amp;amp;&amp;amp;amp; arr[key] === parametro) || (!strict &amp;amp;amp;&amp;amp;amp; arr[key] == parametro)){
			return parametro;
        }
    }

    return false;
}

// Criando o Arrray para teste.
var array_dados = ["Teste 01", "Teste 02", "Teste 03"];

// Aplicando o Teste.
alert(array_search("Teste 02", array_dados));
</script>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

ContentFlow

Um irmão do ImageFlow, o ContentFlow tem algumas particularidades e é mais fácil aplicar. Tem um loop nas imagens e como no ImageFlow você pode customizar ele bem, segue a dica.

A globo.com usa muito em ele algumas sessões do site, veja aqui um exemplo aplicado
Novela Araguaia

Veja alguns links abaixo
Download: http://www.jacksasylum.eu/ContentFlow/download.php
Documentação: http://www.jacksasylum.eu/ContentFlow/docu.php

null

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Calculando os dias entre as Datas

// Resgatar só o dia.
function conDataDia($data){
	$data = explode("-", $data);
	$datanova = array_reverse($data);
	return $datanova[0];
}

// Resgatar só o Ano.
function conDataAno($data){
	$data = explode("-", $data);
	$datanova = array_reverse($data);
	return $datanova[2];
}

// Resgatar só o Ano.
function conDataMes($data){
	$data = explode("-", $data);
	$datanova = array_reverse($data);
	return $datanova[1];
}

function subrDatas($data1, $data2){
    if ($data1 == ""){
        $data1 = date("d/m/Y");
    }
    else {
        $data1 = $data1;
    }
    
    if ($data2 == ""){
        $data2 = date("d/m/Y");
    }
    else {
        $data2 = $data2;
    }
    
    $dia1 = conDataDia($data1);
    $mes1 = conDataMes($data1);
    $ano1 = conDataAno($data1);

    $dia2 = conDataDia($data2);
    $mes2 = conDataMes($data2);
    $ano2 = conDataAno($data2);

    $timestamp1 = mktime(0,0,0,$mes1,$dia1,$ano1);
    $timestamp2 = mktime(4,12,0,$mes2,$dia2,$ano2);

    $segundos_diferenca = $timestamp1 - $timestamp2;
    
    $dias_diferenca = $segundos_diferenca / (60 * 60 * 24);
    $dias_diferenca = abs($dias_diferenca);
    $dias_diferenca = floor($dias_diferenca);

    return $dias_diferenca; 
}

Retorne chamando a função subrDatas(data1, data2)

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Combo de estados com PHP. Listar e Marcar

Alimentar e selecionar Estado!

<?php
function comboEstados($marcado = false){
	$montarArray = array("AC", "AL", "AM", "AP",  "BA", "CE", "DF", "ES", "GO", "MA", "MG", "MS", "MT", "PA", "PB", "PE", "PI", "PR", "RJ", "RN", "RO", "RR", "RS", "SC", "SE", "SP", "TO");

	if ($marcado == ""){
		foreach ($montarArray as $i){
			$resultArray .= "<option value=\"{$i}\">{$i}</option>";
		}
		return $resultArray;
	}
	else {
		foreach ($montarArray as $i){
			if ($marcado == $i){
				$resultArray .= "<option value=\"{$i}\" selected=\"selected\">{$i}</option>";
			}
			else {
				$resultArray .= "<option value=\"{$i}\">{$i}</option>";
			}
		}
		return $resultArray;
	}
}
?>

Chamando estado!

<select name="estados">
	<?php echo comboEstados(); ?>
</select>

Marcando estado quando vem do banco!

<select name="estados">
	<?php echo comboEstados($this->coluna_estado); ?>
</select>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Retirando os acentos com PHP

function retirarAcentos($string){
	$a = 'ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûýýþÿŔŕ';
	$b = 'aaaaaaaceeeeiiiidnoooooouuuuybsaaaaaaaceeeeiiiidnoooooouuuyybyRr';
	$string = utf8_decode($string);
	$string = strtr($string, utf8_decode($a), $b);
	return utf8_encode($string);
}

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia

Calcular a Idade com PHP

Função:

<?php
function idade($aniver){
	list($dia, $mes, $ano) = explode("/", $aniver);

	$ano_diff  = date("Y") - $ano;
	$mes_diff = date("m") - $mes;
	$dia_diff   = date("d") - $dia;

	if ($dia_diff < 0 || $mes_diff < 0)
		$ano_diff--;
	return $ano_diff;
}
?>

Chamando a função na página:

<?php echo idade("01/03/1970"); ?>

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

programador javascript em salvador bahia, programador javascript na bahia, front-end salvador bahia, montagem sites salvador bahia