Stoodos – Plataforma voltada a educação a distancia em tempo real.

Fala pessoal, primeiramente vou me desculpar por ter passado tanto tempo sem postar nada. Mas foi por um bom motivo e esse bom motivo é o “porque” deste POST.

_ Vou falar sobre a Stoodos.
_ Stoodos? Mas o que é Stoodos? É um novo framework?

Não, não, não pessoal, stoodos é uma startup que esta lançando um produto voltado a educação a distancia em tempo real. Startup essa que eu estou fundando junto a meu sócio Frederico Blanco.

Explicando um pouco melhor como funciona tudo isso.
Muitas pessoas têm um bom conhecimento em várias áreas (PHP, Zend Framework, Origami..). Enfim, conhecimento esse que poderia ser compartilhado com outras pessoas na forma de cursos/treinamentos. Mas muitas vezes por conta de necessitar um alto investimento financeiro, espaço físico, tempo … Essas pessoas acabam guardando esse conhecimento para si.
A Stoodos pretende beneficiar essas pessoas, falta pouco para pormos no ar uma plataforma em que qualquer pessoa poderá facilmente criar um novo curso e qualquer pessoa poderá se matricular e assistir as aulas (isso tudo em tempo real, visando disponibilizar um ambiente o mais próximo possível de uma aula presencial).
E como nós vamos ganhar dinheiro? Dinheiro não é tudo nessa vida …  Então, se você criar uma turma gratuita nós não cobraremos nada de você. Esperamos apenas que você compartilhe seu conhecimento com um bom número de pessoas.
Ta certo, dinheiro não é tudo mas nós precisamos manter a Stoodos. Então caso você queira cobrar por um curso, nós gerenciaremos a transação financeira (aceitamos todos os cartões de créditos) e ficaremos com um pequeno (pequeno mesmo) percentual por aluno INSCRITO. Ou seja, você nunca sairá perdendo dinheiro! Legal não é mesmo?
Mas veja, nesse primeiro momento estaremos lançando apenas a parte gratuita da ferramenta.

Algumas funcionalidades iniciais da Stoodos:
- E-commerce de cursos;
- Stream da webcam/camera;
- Slide;
- Stream da tela de seu computador;
- Troca de materiais;
- Chat;
- Perguntas;
- Forte integração com redes sociais e muito enfoque em inovação;
…

Bom pessoal, é isso. Para quem se interessar estamos fazendo um cadastro de emails lá em www.stoodos.com, em breve, MUITO EM BREVE MESMO estará tudo ok  e nós notificaremos a todos os que fizerem o cadastro.

Hehe.. Só mais uma coisa, se for possível ou de sua vontade clica lá no botão de Tweet e Curtir (na home da stoodos) para nos dar uma força com a divulgação. Toda ajuda será bem vinda.

Valeu pessoal, é isso. Chega de jabá por hoje.
Assim que a Stoodos estiver no ar vou organizar um pouco mais as coisas e tentar fazer três POST’s por semana. E agora vou falar das minhas experiências empreendedoras também.

Grande abraço e fiquem com Deus.

Plugin Validate do JQuery com Ajax e PHP

Boa noite pessoal, venho logo pedindo desculpas pela ausência. É que a vida anda meio corrida e cheia de pedras no caminho. Mas enfim, estou aqui e hoje vou mostrar como se usa o plugin Validate do JQuery com um método de validação via AJAX.

Primeiro vamos pensar em um formulario de cadastro de usuário, onde não podemos ter dois usuários com o mesmo login. E na tabela do banco de dados temos: nome:varchar(255), login:varchar(45) e senha:varchar(100).

Bem, vamos ao HTML:

<form action="cadastrar.php" method="POST" id="cadastrar">
Nome: <input type="text" name="nome" id="nome" size="255" /><br />
Login: <input type="text" name="login" id="login" size="45" /><br />
Senha: <input type="password" name="senha" id="senha" size="45" /><br/>
Repita a senha: <input type="password" name="senha_again" id="senha_again" size="45" /><br />
<input type="submit" value="Cadastrar" />
</form>

Agora vamos ao JQuery de validação:

$(document).ready(function(){
$("#cadastrar").validate({
rules: {
nome: {
required: true,
},
login: {
required: true,
verifyLogin: true
},
senha: {
required: true,
},
senha_again: {
required: true,
equalTo: "#senha"
}
},
messages: {
nome: {
required: "* Digite um nome."
},
login: {
required: "Digite um login.",
verifyLogin: "O login já existe, escolha outro."
},
senha: {
required: "Digite uma senha."
},
senha_again: {
required: "Repita sua senha.",
equalTo: "A senha não é igual a anterior."
}
}
});
});

Ok, essa é a validação. Porém nesta validação existem dois métodos que não são explorados pelo plugin validate (equalTo e verifyLogin) vamos adiciona-los. O correto para isso é criar um js separado com todas os métodos a mais necessários no sistema e incluir o arquivo após a inclusão do jquery.validate.js.
Vamos chamar nosso arquivo de jquery.validate.exceptions.js

$(document).ready(function(){
$.validator.addMethod("verifyLogin", function(value, element, params){
var result = ajaxCheckLogin(element); // método ajax que será descrito a seguir
return (params == eval(result)); // usa-se eval porque o ajax retorna uma string e params é um boolean, então o eval resolve isso.
});
});

$.validator.addMethod("equalTo", function(value, element, params){
return (value == $(param).val());
});

Pois sim, agora que criamos nossos métodos adicionais ao JQuery Validate vamos criar o JQuery que vai ser chamado a partir da função ajaxCheckLogin:

function ajaxCheckLogin(element) {
var result = $.ajax({
type: "POST",
url: "checa_login.php",
data: "nome="+element.value,
async: false,
global: false,
}).responseText;
}

Legal, “Mas e o código do checa_login.php?”. Aí vai:

<?php
$nome = $_POST["nome"];
$array =mysql_fetch_array(sql_query("SELECT * FROM usuario WHERE login = '".$nome."'")); // não façam isso em casa, usem um doctrine da vida ou no mínimo padrão melhor.
if (sizeOf($array) > 0) {
print "false";
}else {
print "true";
}
?>

E é isso aí pessoal, espero que tenham gostado e que possa ajudar alguém.

Abraços. Qualquer coisa só comentar.
FUI!!!

 

Quase esqueci:
- Download do JQuery: http://code.jquery.com/jquery-1.4.4.js
- Download do  plugin validate: http://plugins.jquery.com/files/jquery.validate_17.zip

MongoDB PHP Tutorial

Boa noite pessoal, pesso desculpas por meu sumiço do Blog mas ando bastante ocupado. Arrumei agora um tempo que não tenho pra vir aqui postar um artigo que achei, e traduzi pra vocês, enquanto estudava um pouco de nosql. O artigo fala sobre a instalação e utilização do MongoBD.

“MongoDB é a solução escalável, com alto desempenho, open source, schema-free, banco de dados orientado a documentos. Escrito em C++” – www.mongodb.org (mongodb.org)

Houve bastante publicidade sobre bancos de dados NOSQL nos últimos meses. CouchDB, Cassandra e Redis são conhecidos por serem altamente escaláveis e incrivelmente rápidos, porém a instalação e adoção por desenvolvedores amadores tem sido relativamente baixa por causa da necessidade de uma alta escalabilidade e uma relativa dificuldade na instalação.

MongoDB um equilíbrio entre a familiaridade ea facilidade de utilização do MySQL, ea franqueza e desempenho oferecidos pelos bancos de dados de armazenamento de documentos. O banco de dados não tem esquema definido de modo que você pode adicionar, remover e modificar a estrutura dos seus documentos sem ter que emitir uma instrução UPDATE.

Instalação & Configuração

A instalação do MongoDB é realmente fácil. Na configuração é necessário apenas que crie o diretório Mongo para armazenar os dados. No Windows a localização default é C:\data\db e em *ni é /data/db/. Uma vez criado o diretório, faça o download do binário apropriado do Mongo na págida de downloads (http://www.mongodb.org/display/DOCS/Downloads) e execute o arquivo bin/mongod. Mongo agora já deve estar instalado e rodando.

Agora nós precisamos instalar a extensão do MongoDB pra PHP. Se seu sistema é Linux ou Mac OS você pode usar a ferramenta pecl que é empacotado com o PHP. Com o comando sudo pecl install mongo ele baixa automaticamente o arquivo, compila e adiciona a extensão no php.ini. Se seu sistema for Windows você precisa fazer o dawnload do binário adequando (http://www.mongodb.org/display/DOCS/Installing+the+PHP+Driver#InstallingthePHPDriver-WindowsInstall), copiar php_mongo.dll para seu diretório e adicionar a linha extension=php_mongo.dll no arquivo php.ini. Reinicie o servidor web e tudo deve ser instalado e funcionando.

Empacotador MongoDB

class mongo
{

	public $connection;
	public $collection;

	public function __construct($host = 'localhost:27017')
	{
		$this->connection = new \Mongo($host);
	}

	public function setDatabase($c)
	{
		$this->db = $this->connection->selectDB($c);
	}

	public function setCollection($c)
	{
		$this->collection = $this->db->selectCollection($c);
	}

	public function insert($f)
	{
		$this->collection->insert($f);
	}

	public function get($f)
	{
		$cursor = $this->collection->find($f);

		$k = array();
		$i = 0;

		while( $cursor->hasNext())
		{
		    $k[$i] = $cursor->getNext();
			$i++;
		}

		return $k;
	}

	public function update($f1, $f2)
	{
		$this->collection->update($f1, $f2);
	}

	public function getAll()
	{
		$cursor = $this->collection->find();
		foreach ($cursor as $id => $value)
		{
			echo "$id: ";
			var_dump( $value );
		}
	}

	public function delete($f, $one = FALSE)
	{
		$c = $this->collection->remove($f, $one);
		return $c;
	}

	public function ensureIndex($args)
	{
		return $this->collection->ensureIndex($args);
	}

}

Usando nosso empacotador MongoDB

Com MongoDB instalado e rodando a classe escrita nós podemos agora começar a interagir com alguns dados. Começamos por instanciar a nossa classe, em seguida, criar um novo banco de dados e collection. Ambos os bancos de dados e collection são feitas na hora. A collection é equivalente em MongoDB de uma tabela no banco de dados SQL, apenas mantém os dados.

$m = new mongo();
$m->setDatabase('query7');
$m->setCollection('data');

Agora vamos inserir alguns dados na collection. Observe que o valor de tutorials é um array. O MongoDB suporta estas estruturas de dados nativamente e os valores nelas podem ser pesquisados e consultados.

$m->insert(array(

'url' => 'http://www.query7.com',
'software' => 'wordpress',
'tutorials' => array('php','javascript','web development'),
));

Nós podemos fazer uma simples pesquisa e selecione todos os documentos onde url = http://www.query7.com. Para localizar todos os documentos com desenvolvimento web na matriz tutoriais que precisamos para definir tutoriais como um índice. Como você poderia imaginar que esta também é direta foward.

$m->get(array('url' => 'http://www.query7.com'));
$m->ensureIndex(array('tutorials' => 1);
$m->get(array('tutorials' = 'php'));

As atualizações são fáceis de problema também. O primeiro parâmetro é a condição que os dados sejam atualizados devem satisfazer (semelhante a WHERE em SQL), o segundo são as mudanças que queremos fazer com esses dados. Note que o segundo parâmetro é a chave $set. Ao usar $set mantemos o restante dos dados em nosso documento (url, tutoriais) intacta. Se não usamos $set, então todo o documento conterá apenas a chave software e o valor wordpress2.

$m->update(array('url' => 'http://www.query7.com'), array('$set' => array('software' => 'wordpress2')), true);

Finalmente vamos querer excluir dados. Nosso método de apagar tem um argumento, as condições que os dados devem satisfazer.

$m->delete(array('software' => 'wordpress2'));

Espero que esta demonstração mostre como é fácil usar o MongoDb. Recomendo fortemente que você use o Mongo em seu próximo projeto.

Leitura adicional:

• MongoDB Documentation
• MongoDB PHP API
• MongoDB PHP Abstraction Libararies

Artigo traduzido do blog: http://query7.com/mongodb-php-tutorial

Comentem!

Classe em PHP para download de arquivos via FTP

Fala pessoal, boa tarde.
Apesar de andar muito sem tempo ultimamente. Consegui uma brecha e vim aqui postar.
Bem vou postar hoje uma classe que serve pra fazer downloads de arquivos via FTP. Serve também pra você ter uma noção de como isso funciona.

Ftp.Class.php

<?php

Class Ftp {
private $host;
private $login;
private $password;
private $serverDir;
private $localDir;
private $conn;

public function __construct($host, $login, $password, $serverDir, $localDir) {
$this->host			= $host;
$this->login		= $login;
$this->password		= $password;
$this->serverDir	= $serverDir;
$this->localDir		= $localDir;
}

public function getFiles($fileType=false) {
if ($this->connect()) {
$files	= ftp_nlist($this->conn, $this->serverDir);
foreach($files as $file) {
$this->downloadFile($file, $fileType);
}
}
$this->disconnect();
}

private function disconnect() {
ftp_close($this->conn);
}

private function connect() {
$this->conn	= ftp_connect($this->host);
return ftp_login($this->conn, $this->login, $this->password);
}

private function downloadFile($file, $fileType) {
if ($fileType){
$prefixLength	= strlen($fileType);
if (substr($file, -$prefixLength) == $fileType) {
ftp_get($this->conn, $this->localDir.substr($file, strlen($this->serverDir)), $file, FTP_BINARY);
}
}else {
ftp_get($this->conn, $this->localDir.substr($file, strlen($this->serverDir)), $file, FTP_BINARY);
}
}
}

Bem, é isso aí pessoal.
Qualquer dúvida só perguntar.

Abraços!

Como empacotar seu aplicativo PHP em um arquivo .phar

Boa noite pessoal.
Hoje vou falar sobre como empacotar um código PHP em .phar.

Pra começarmos, o que é isso? Bem, em uma linguagem bem clara é como se juntássemos todo o código de um sistema em um só arquivo.
Como instalar? A partir do php 5.3 esse pacote já vem incluso, mas caso vc use uma versão anterior pode-se instalar pelo PEAR:

http://pecl.php.net/package/phar

E como eu gero o arquivo? Vamos desenvolver o arquivo cria_phar.php :

/**
 * Instancia a classe Phar
 * @param Primeiro caminho no sistema de arquivos onde será criado ou acessado o arquivo Phar.
 * @param Segundo são flags passadas para a classe pai.
 * @param Terceiro É um parâmetro que pode ser utilizado pra chamar o phar em funções de stream
 */
$p = new Phar('app.phar', 0, 'app.phar');
# Faz com que as mudanças no arquivo .phar só sejam aplicadas após completo o script
$p->startBuffering();
# Adiciona um arquivo ao phar
$p->addFile("/projeto1/login.php");
# Adiciona o conteúdo de um diretório ao arquivo .phar, no caso só os arquivos com extensão .php
$p->buildFromDirectory('/projeto2', '/\.php/');
# Adicionar todo o conteúdo de um diretório ao arquivo .phar
$p->buildFromDirectory('/projeto3');
# Seta um código a ser realizado quando o arquivo .phar for carregado
$p->setStub($p->createDefaultStub('index.php'));
# Aplica as mudanças ao arquivo .phar
$p->stopBuffering();

Agora é só chamar http://localhost/cria_phar.php e seu arquivo app.phar será criado.
Espero que senha sido claro, qualquer dúvida é só perguntar.

Algumas considerações finais:
- Para incluir um arquivo phar use: include ‘phar://app.phar/index.php’;
- Talvez seja necessário você setar no php.ini phar.readonly para Off
- Talvez seja necessário também mudar a linha AddType application/x-httpd-php .php para AddType application/x-httpd-php .php .phar
- E em alguns casos, principalmente os usuários de mac. Quando ao processar o arquivo .phar o PHP devolver apenas “?????”, várias interrogações você precisa adicionar ao php.ini detect_unicode = Off

Abraços!

Classe pra tratamento de erros em PHP

Bom dia pessoal, e na semana do PHP acabei de criar uma classe pra tratamento de erros segue abaixo:

<?php

/**

* Classe voltada para tratamento de erros.

* Class for handling errors.

*

* @license Classe livre. Poder ser editada e utilizada como quiser.

* @license Class free. Can be edited and used as you wish.

* @example require_once "Error.php"; $error = new Error();

*

* @author tiagobutzke

* @version 1.0

*

* 01/09/2010

*/

Class Error {

private $mailTo			= "tiago.butzke@gmail.com";

private $mailFrom		= "no-reply@gmail.com.br";

private $mailReplyTo	= "tiago.butzke@gmail.com";

private $mailMode		= 1;

private $userErrors		= array(

E_WARNING,

E_USER_ERROR,

E_USER_WARNING,

E_USER_NOTICE

);

private $errorType		= array (

E_ERROR => "ERRO FATAL",

E_WARNING => "ALERTA",

E_PARSE => "ERRO DE SINTAXE",

E_NOTICE => "AVISO",

E_CORE_ERROR => "ERRO DE PROCESSAMENTO",

E_CORE_WARNING => "ALERTA DE PROCESSAMENTO",

E_COMPILE_ERROR => "ERRO DE COMPIL&Ccedil;&Atilde;O",

E_COMPILE_WARNING => "ALERTA DE COMPILA&Ccedil;&Atilde;O",

E_USER_ERROR => "ERRO DO USU&Aacute;RIO",

E_USER_WARNING => "ALERTA DO USU&Aacute;RIO",

E_USER_NOTICE => "AVISO DO USU&Aacute;RIO",

E_STRICT => "AVISO ESTRITO"

);

private $ignoreErrors	= array(E_NOTICE, E_WARNING);

private $logMode		= 1;

private $logFile		= "error.xml";

private $logMsg;

private $redirectTo		= "leo.php";

private	$t = "\t";

private $el = "\r\n";

private $oldHandler;

private $corpMsg;

public function Error() {

}

public function register() {

$this->oldHandler	= set_error_handler(array($this, "catchMyErrors"));

}

public function restore() {

set_error_handler($this->oldHandler);

return $this;

}

private function ignoreErrors() {

if (!in_array($_SERVER['REMOTE_ADDR'], array('127.0.0.1', '::1')) && in_array($errno, $this->getIgnoreErrors())) {

return ;

}

}

private function setCorpMsg($var) {

$consCorpMsg	= array("CRDT", "CRERRNO", "CRERRORTYPE", "CRERRMSG", "CRFILENAME", "CRLINENUM");

$corp			= "<b>Informa&ccedil;&otilde;es sobre o erro:</b>".$this->el;

$corp			.= "<ul>".$this->el;

$corp			.= $this->t."<li>Data e hora: CRDT</li>".$this->el;

$corp			.= $this->t."<li>Tipo: CRERRNO CRERRORTYPE</li>".$this->el;

$corp			.= $this->t."<li>Descri&ccedil;&atilde;o: <small> CRERRMSG </small></li>".$this->el;

$corp			.= $this->t."<li>Arquivo: CRFILENAME</li>".$this->el;

$corp			.= $this->t."<li>Linha: CRLINENUM</li>".$this->el;

$corp			.= "</ul>";

$this->corpMsg	= str_replace($consCorpMsg, $var, $corp);

}

private function setLogMsg($var) {

$this->logMsg["line"]		= $var[0];

$this->logMsg["file"]		= $var[1];

$this->logMsg["message"] 	= $var[2];

$this->logMsg["datetime"]	= $var[3];

//		$consLogMsg		= array("LGLINENUM", "LGFILENAME", "LGERRMSG", "LGDT");

//		$corp			= $this->t."line='LGLINENUM' file='LGFILENAME' message='LGERRMSG' datetime='LGDT'".$this->el;

//		$this->logMsg	= str_replace($consLogMsg, $var, $corp);

}

private function saveLog($errno) {

if (!file_exists($this->logFile))

$this->createFileLog();

$xml 	= simplexml_load_file($this->logFile);

$exist 	= false;

foreach ($xml->error as $errorLine)

if ($errorLine["code"] == $errno) {

$child	= $errorLine->addChild("details");

$this->createLogDetails($child);

$exist 	= true;

break;

}

if (!$exist) {

$error	= $xml->addChild("error");

$error->addAttribute("code", $errno);

$child	= $error->addChild("details");

$this->createLogDetails($child);

}

file_put_contents($this->logFile, $xml->asXML());

}

private function createLogDetails($child) {

$child->addAttribute("line", $this->logMsg["line"]);

$child->addAttribute("file", $this->logMsg["file"]);

$child->addAttribute("message", $this->logMsg["message"]);

$child->addAttribute("datetime", $this->logMsg["datetime"]);

}

private function createFileLog() {

$corp	= "<?xml version='1.0' encoding='ISO-8859-1'?>".$this->el;

$corp	.= $this->t.'<errors>'.$this->el;

$corp	.= $this->t.'</errors>';

$file	= fopen($this->logFile, "w+");

fwrite($file, $corp);

fclose($file);

}

private function sendMail() {

$subject	= "Alerta de erro em: ".$_SERVER['REQUEST_URI'];

$headers 	= "MIME-Version: 1.0".$this->el;

$headers 	.= "Content-type: text/html; charset=ISO-8859-1".$this->el;

$headers 	.= 'To: '. $this->mailTo.$this->el;

$headers	.= 'From: '. $this->mailFrom .$this->el;

mail($this->mailTo, $subject, $this->corpMsg, $headers);

}

private function redirect() {

header('Location:'.$this->redirectTo);

}

public function catchMyErrors($errno, $errmsg, $filename, $linenum, $vars) {

try {

$this->ignoreErrors();

$dt	= date("Y-m-d H:i:s");

$errmsg = $str = mb_convert_encoding($errmsg, "ISO-8859-1", "ASCII,JIS,UTF-8,ISO-8859-1");

$this->setCorpMsg(array($dt, $errno, $this->errorType[$errno]), $errmsg, $filename, $linenum);

if (in_array($errno, $this->userErrors)) {

if ($this->logMode == 1) {

$this->setLogMsg(array($linenum, $filename, $errmsg, $dt));

$this->saveLog($errno);

}

if ($this->mailMode == 1) {

$this->sendMail();

}

$this->redirect();

}

}catch (Exception $e) {

$this->restore();

}

}

}

Qualquer dúvida só perguntar. Abraços.

Zend_Acl + lista branca

Bom dia pessoal, essa semana será a semana do Zend Framework. Hoje irei falar sobre a lista branca do Zend_Acl.
Pra quem não sabe. Para controle de permissões pode-se ter uma lista branca (onde são adicionadas as páginas que podem ser acessadas), ou uma lista negra (onde seta-se as páginas que não podem ser acessadas).
Para lista branca iremos fazer o seguinte:

Criaremos em model uma página chamada AclModel.php

Class AclModel extends Zend_Acl {
  protected function __construct() {
  # Primeiro adicionamos os grupos de usuários
$this->addRole(new Zend_Acl_Role("CL"));
$this->addRole(new Zend_Acl_Role("CLAD", "CL")); // herda o poder do cl
$this->addRole(new Zend_Acl_Role("AD", "CLAD"));

# Adicionaremos o projeto
$moduleResource = new Zend_Acl_Resource("gerenciador");

# Adicionaremos os controllers
$this->add($moduleResource)
->add(new Zend_Acl_Resource("gerenciador:usuarios"), $moduleResource)
->add(new Zend_Acl_Resource("gerenciador:depoimentos"), $moduleResource);

# Adicoinamos as permissões pras views
$this->allow("AD", "manager:user", array("add", "edit", "del", "list"));
$this->allow("CLAD", "manager:depoimentos", array("add", "edit", "del"));
$this->allow("CL", "manager:depoimentos", "list");
  return $this;
}

public static function getInstance() {
 if (self::$_instance === null) {
 self::$_instance
 }
 return self::$_instance;
 }
}

OK,  agora em seu init adicione o seguinte código:

$params		= $this->getRequest()->getParams();
$acl 		= AclModel::getInstance();
$resource	= "gerenciador:".$params["controller"];
$result		= $acl->has($resource) && !$acl->isAllowed($groupUser, $resource, $params["action"]);
if($result) {
print "Você não tem permissão para acessar este conteúdo."; die;
}

É isso pessoal, qualquer coisa comente!

Abraços!

Como mudar posição de itens de uma lista arrastando com o mouse, salvando. (drop and down) – JQuery e Ajax

Boa noite pessoal, entramos então na semana do ajax. UrruLL.
Hoje vou mostrar como fazer uma lista onde muda-se a ordem dos itens. Atualizando no banco de dados.
Para isso vamos utilizar a biblioteca ui do Jquery que pode ser baixada aqui.

O código HTML (pagina.php):

<pre>
<pre><script language="text/javascript" src="js/jquery-1.4.2.min.js"></script></pre>
</pre>
<script language="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script> <div id="demo"></div>
<ul id="sortable">
<?php
foreach($usuarios as $usuario) {
?><li id="usuarioId_<?php print $usuario['usuarioId'];?>"><?php print $usuario["nome"]; ?></li><?php
}
?>

</ul>

O código JavaScript (javascript.js):

$(function() {
$("#sortable").sortable({
update: function() {
var order 	= $('#sortable').sortable('serialize');
$("#info").load("processo.php?usuarioId/"+order);
}
});
$("#sortable").disableSelection();
});

O código PHP (processo.php), demonstrarei com o código mais simples possível pra facilitar o entendimento:

$stringUsuarioId   = str_replace("&", "", $_GET["usuarioId"]);
$arrayUsuarioId		= array_slice(explode("usuarioId[]=", $stringUsuarioId), 1);
$count = 1;
foreach($arrayUsuarioId as $usuarioId) {
mysql_query("UPDATE usuarios SET position = $count WHERE usuarioId = $usuarioId");
$count++;
}

print "Lista atualizada com sucesso!";

Pronto, é isso pessoal. Espero que tenham intendido. Qualquer dúvida/sugestão ou agradecimento deixe um comentário.

NÃO DEIXE DE COMENTAR.

Abraços!

Mudar propriedades CSS com JQuery

Boa tarde pessoal, esta será a semana do JQuery. E hoje vou postar algo bem simples que é como mudar uma propriedade css de um elemento utilizando JQuery (Se você esta querendo fazer isso por javascript puro mesmo click aqui):

O objeto do JQuery usado pra isso é o .css(); e funciona da seguinte forma .css(“propriedade”, “atributo”); ex: .css(“color”, red);.
Darei um exemplo de uso:
- Página HTML:

<ul>
<li>Item 1<li>
<li>Item 2<li>
<li>Item 3<li>
</ul>

- Códifo JavaScript:

$("li").css("color", "red");

Este exemplo pintará de vermelho todos os elementos li. Observando que ele pega todos os <li>`s e não apenas um. Depois farei um post sobre os seletores JQuery.

Abaixo segue uma tabela com as propriedades css e suas equivalentes pro JQuery:

Propriedade – CSS	Referência – JavaScript
background	background
background-attachment	backgroundAttachment
background-color	backgroundColor
background-image	backgroundImage
background-position	backgroundPosition
background-repeat	backgroundRepeat
border	border
border-bottom	borderBottom
border-bottom-color	borderBottomColor
border-bottom-style	borderBottomStyle
border-bottom-width	borderBottomWidth
border-color	borderColor
border-left	borderLeft
border-left-color	borderLeftColor
border-left-style	borderLeftStyle
border-left-width	borderLeftWidth
border-right	borderRight
border-right-color	borderRightColor
border-right-style	borderRightStyle
border-right-width	borderRightWidth
border-style	borderStyle
border-top	borderTop
border-top-color	borderTopColor
border-top-style	borderTopStyle
border-top-width	borderTopWidth
border-width	borderWidth
clear	clear
clip	clip
color	color
cursor	cursor
display	display
filter	filter
font	font
font-family	fontFamily
font-size	fontSize
font-variant	fontVariant
font-weight	fontWeight
height	height
left	left
letter-spacing	letterSpacing
line-height	lineHeight
list-style	listStyle
list-style-image	listStyleImage
list-style-position	listStylePosition
list-style-type	listStyleType
margin	margin
margin-bottom	marginBottom
margin-left	marginLeft
margin-right	marginRight
margin-top	marginTop
overflow	overflow
padding	padding
padding-bottom	paddingBottom
padding-left	paddingLeft
padding-right	paddingRight
padding-top	paddingTop
page-break-after	pageBreakAfter
page-break-before	pageBreakBefore
position	position
float	styleFloat
text-align	textAlign
text-decoration	textDecoration
text-decoration: blink	textDecorationBlink
text-decoration: line-through	textDecorationLineThrough
text-decoration: none	textDecorationNone
text-decoration: overline	textDecorationOverline
text-decoration: underline	textDecorationUnderline
text-indent	textIndent
text-transform	textTransform
top	top
vertical-align	verticalAlign
visibility	visibility
width	width
z-index	zIndex

Espero que tenham gostado. Qualquer coisa deixe um comentário.

Efeitos básicos com JQuery

Bom dia pessoal, andei meio sem tempo pra postar mas consegui uma brecha hoje e estou eu aqui.
Vou falar hoje sobre os efeitos em JQuery.

Existem vários efeitos facílimos de se aplicar vou listar alguns a seguir junto com sua demonstração de uso:
.show()  -> Revela o seletor JQuery.

$('#div').show(1500); // 150 é a velocidade com que será revelado o elemento

.hide() -> Contrário do show ele esconde o elemento selecionado:

$("#div").hide(1500);

.toogle() -> Cria um efeito de alternância de visibilidade entre o elemento selecionado. Quando escondido revela e quando revelado esconde:

$("#div").toogle();

.slideDown() -> Revela suavemente o elemento escondido por meio do aumento gradativo da altura do seletor JQuery (de cima para baixo):

$("#div").slideDown(1500);

.slideUp() -> Esconde o elemento suavemente de baixo pra cima.

$("#div").slideUp(1500);

.slideToogle() -> Revesa entre o slideDown e o slideUp, revelando quem se encontra escondido e escondendo quem se encontra revelado.

$("div").slideToogle(1500);

.fadeIn() -> Revela o elemento por meio de aumento gradativo de opacidade:

$("#div").fadeIn(1500);

.fadeOut() -> Esconde o elemento selecionado por meio de diminuição de opacidade:

$("div").fadeOut(1500);

.fadeTo() -> Alterna entre visível e invisível usando os efeitos de fadeIn() e fadeOut():

$("#div").fadeTo(1500);

.animate() -> Permite criar animações personalizadas para o elemento selecionado:

$("#div").animate(
{opacity: "toogle", width:"hide"},
{duration: "2000"}
);

.stop() -> Permite que você interrompa a animação em andamento:

$("#div").stop();

Deixem um recado, por mais que seja pra xingar o artigo.

Abraços!