Linha de comando.com - Tecnologia, Informação, Dicas e muito mais.

PHP-MySQL-PDO: Trabalhando o resultado de uma consulta (foreach/while)

Tiago — Mon, 14 May 2012 16:35:56 +0000

Para trabalhar em loop os resultados de uma consulta, você pode utilizar a instrução foreach ou while.

PDOStatement::fetchAll


// forma 1
$select = $pdo->query("
SELECT id, titulo, descricao
FROM produtos");
 
$result = $select->fetchAll;
 
foreach($result as $row)
{
  echo $row['titulo'].'
';
  echo $row['descricao'].'
';
}
 
// forma 2
$select = $pdo->query("
SELECT id, titulo, descricao
FROM produtos");
 
while($row = $select->fetch(PDO::FETCH_OBJ)) {
    echo $row->id. '-'. $row->titulo. '
';
}
?>

PHP-PDO: Apresentando o resultado de uma consulta ao banco MySQL (select)

Tiago — Mon, 14 May 2012 10:10:08 +0000

Segue algumas formas de apresentar o resultado de uma consulta ao banco MySQL, utilizando conexão PDO.


$id = (int) $_GET['id'];
 
$select = $pdo->query("
SELECT id, titulo, descricao
FROM produtos
WHERE id = '".$id."'");
 
// primeira forma	
$result = $select->fetch(PDO::FETCH_ASSOC);
echo $result['titulo'].'
';
 
// segunda forma
$result = $select->fetchAll(PDO::FETCH_ASSOC);
print_r($result);
 
// terceira forma
$result = $select->fetch(PDO::FETCH_OBJ);
echo $result->titulo;
echo $result->descricao;
?>

PHP-PDO: Como usar UTF-8 com MySQL e PDO

Tiago — Fri, 11 May 2012 16:17:31 +0000


$hostname = 'nome_servidor';
$username = 'nome_usuario';
$password = 'senha';
$database = 'nome_banco';
 
try {
  $pdo = new PDO("mysql:host=$hostname;dbname=$database", $username, $password,
    array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
    echo 'Conexao efetuada com sucesso!';
}
catch(PDOException $e){
   echo $e->getMessage();
}					
?>

JQuery: Validação de inputs

Tiago — Wed, 18 Apr 2012 11:11:54 +0000

Aprenda neste post, como validar os campos de texto (type=text) de um formulário, antes de submeter.

- html

<form id="form" action="" method="post" name="form">
<input type="text" id="nome" name="nome" class="verificar" />
<br /><br />
<input type="text" id="sobrenome" name="sobrenome" class="verificar" />
<br /><br />
<input type="submit" id="salvar" value="Enviar" />
</form>

- css

.erro{
    border:2px solid #bf1e2c;
}

- jquery

$("#salvar").click(function(e){
e.preventDefault();
var nm_class = 'verificar';
var error = false;
inputs = $("form").find('INPUT[class*="' + nm_class + '"]');
 
$.each(inputs, function(i, value) {
    if(inputs[i].value == ''){
       $(this).addClass( "erro" );
           error = true;         
     }
});
 
if(error)
    return false;
else{    
   //$.ajax
   alert("funcionou");    
}    
});
 
$('input[type="text"]').focus(function(){
    // Verifica se tem a classe erro e não continua se não houver
    if ($(this).hasClass('erro')) {
        $(this).removeClass('erro');
    }
 
    // Verifica se o input tem valor e se houver remove a class erro
    if ($(this).val()) {
        $(this).removeClass('erro');
    }
})   
 
$('input[type="text"]').blur(function(){
    // Verifica se o input tem valor e se houver remove a class erro
    if (!$(this).val()) {
        $(this).addClass('erro');
    }
})

Veja o funcionamento, clicando aqui: http://jsfiddle.net/X5K7c/8/

JQuery: Aplicar efeito de opacidade em uma imagem

Tiago — Tue, 17 Apr 2012 17:52:54 +0000

Idéia: Ao passar o mouse sobre o link, uma imagem será exibida alterando a sua opacidade

Jquery fadeTo





<script type="text/javascript">
$(document).ready(function() {
  $("a.efeito").mouseover(function(){
    $(this).prev().fadeTo("slow", 4);
  }).mouseout(function(){
    $(this).prev().fadeTo("slow", 0);
  });
 
  // outra forma
  $("a.efeito").hover(function() {
    $(this).prev().animate({"opacity": "1"}, "slow");
  },function() {
    $(this).prev().animate({"opacity": "0"}, "slow");
  });
});	
script>	



    
    aplicar efeito

Linux: Apagando todos arquivos e subdiretórios

Tiago — Mon, 02 Apr 2012 18:43:00 +0000

Comando bem simples para remoção de arquivos e subdiretórios.

Comando RM.

# cd home
/home # rm -rf *

-f, –force
ignore nonexistent files, never prompt

-r, -R, –recursive
remove the contents of directories recursively

CSS Sprites: Menu

Tiago — Fri, 30 Mar 2012 17:29:12 +0000

CSS Sprites: é uma técnica muito utilizada na diminuição de requisições ao servidor.

Esta técnica é muito utilizada em menus, aonde uma única imagem agrupa as demais, possibilitando a troca de imagens no evento de passar o mouse sobre, sem ter que recarregar uma nova imagem.

Todo o processo de identificação das partes acontece através da propriedade background-position do CSS, bastando definir as posições x e y, respectivamente, horizontal e vertical.

A imagem abaixo mostra exatamente o que se trata o CSS Sprites.

Você deve criar a imagem em um programa que permita delimitar e identificar as posições em pixel.
Imagem criada no Adobe Fireworks.

Dimensões da imagem: 580 x 290px.

O primeiro passo é esconder as imagens que aparecerão somente quando o cursor estiver sobre o item do menu. Para isso, devemos definir a altura da imagem, que no nosso caso, será a metade da largura total.
Sendo assim, o valor de height será 145px.

Dica:
posição x: valor positivo: desloca a imagem a direita / valor negativo: a esquerda
posição y: valor positivo: desloca a imagem para baixo / valor negativo: para cima.

Vamos aos códigos:

<div id="menu">
   <ul class="menu">
	<li><a class="home" href="#">INÍCIO</a></li>
        <li><a class="sobre" href="#">SOBRE</a></li>
	<li><a class="fotos" href="#">FOTOS</a></li>
	<li><a class="contato" href="#">CONTATO</a></li>
   </ul>
</div>

ul.menu { 
width:580px; // largura total da imagem
}
ul.menu li { display: inline;}
 
ul.menu li a {
  display: block; 
  float: left; 
  height: 145px; // metade da largura total
  color:#FFF; 
  line-height:145px; // altura da linha - centraliza o texto na vertical
  font-size:20px;
  font-weight:bold;
  text-align:center; // centraliza o texto na horizontal
  background-image:url(../images/bgMenu.png); // imagem de fundo
}
// primeiro botão
ul.menu li a.home {width: 145px; background-position: 0 0;}
ul.menu li a.home:hover {width: 145px; background-position: 0 -145px;}
// segundo botão
ul.menu li a.sobre {width: 145px; background-position: -145px 0;}
ul.menu li a.sobre:hover {width: 145px; background-position: -145px -145px;}
// terceiro botão	
ul.menu li a.fotos {width: 145px; background-position: -290px 0;}
ul.menu li a.fotos:hover {width: 145px; background-position: -290px -145px;}
// quarto botão	
ul.menu li a.contato {width: 145px; background-position: -435px 0;}
ul.menu li a.contato:hover {width: 145px; background-position: -435px -145px;}

Como entender esta técnica:

Para pegar o primeiro botão: deve-se definir tamanho do botão (145px) e as posições de x e y (0px/0px).
ex: {width: 145px; background-position: 0 0;}

Confira a imagem abaixo:

Esta imagem mostra como obter as demais posições dos botões.

{width: 145px; background-position: -145px 0;}
{width: 145px; background-position: -290px 0;}
{width: 145px; background-position: -435px 0;}

Posicionamento das imagens quando o cursor está sobre o botão

{width: 145px; background-position: 0 -145px;}
{width: 145px; background-position: -145px -145px;}
{width: 145px; background-position: -290px -145px;}
{width: 145px; background-position: -435px -145px;}

Até +

PHP: Obtendo a url completa do site acessado

Tiago — Fri, 30 Mar 2012 13:55:21 +0000


  $url_cpl = 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
?>

WordPress-Dicas: Alterando formatação de data nos comentários

Tiago — Wed, 21 Mar 2012 17:33:51 +0000

Me deparei com a necessidade de alterar a formatação da data nos comentários desse blog e após várias buscas, consegui a solução.

Este blog usa o tema Arras Theme.

Passo-a-passo:
- localize o arquivo template.php em wp-content/themes/arras-theme/library/

Com o arquivo aberto, localize as linhas:


 printf( __('Posted %1$s at %2$s', 'arras'), '. get_comment_time( __('c', 'arras') ) . '">' . get_comment_time( __('F j, Y', 'arras') ), get_comment_time( __('g:i A', 'arras') ) . '' ); ?>

Resultado:
Posted março 21, 2012 at 10:05 AM

Linhas alteradas:


 printf( __('EM: %1$s as %2$s', 'arras'), '. get_comment_time( __('c', 'arras') ) . '">' . get_comment_time( __('j \d\e F \d\e Y', 'arras') ), get_comment_time( __('g:i', 'arras') ) . '' ); ?>

Resultado:
EM: 21 de março de 2012 as 10:05

PHP: Calculando datas para um intervalo específico

Tiago — Thu, 09 Feb 2012 17:34:23 +0000

Olá pessoa, beleza!

Imagine você, que seu sistema de anúncio vai possuir um campo de seleção que vai controlar quando tal anúncio vai expirar.

html

<select name="data_termino">
  <option value='' selected='selected'>selecione um plano</option>
  <option value='3'>3 meses</option>
  <option value='6'>6 meses</option>
</select>

Vamos utilizar a função strtotime().


// data no formato americano
$data_publicacao = "2012-02-09";
$meses = 3;
$format_meses = "+".$meses." month"; // +3 meses
 
$data_termino = strtotime($data_publicacao . $format_meses);
echo date("d/m/Y", $data_termino);
?>

Resultado: 09/05/2012

//adiciona um dia
echo strtotime("+1 day");
 
//adiciona uma semana
echo strtotime("+1 week");
 
//adiciona um mês
echo strtotime("+1 month");
 
//adiciona um ano
echo strtotime("+1 year");