Criar uma enquete PHP original e Raphael.js jQuery Ui

Isso acontece com freqüência suficiente para esbarrar em pesquisas on-line, o que é oferecido nos sites dos principais jornais aos temas de tecnologia até chegar ao mais prosaico dos sites de fofocas. A consideração geral que eu faria é esta: são veramenti ruim (Eu amo julgamentos incisiva).

Dado que o desenvolvimento não é uma pesquisa (ou pesquisa) por algum tempo e portanto não são vinculadas a qualquer das melhores práticas resolvi confiar na imaginação para criar uma.
No momento eu não tenho um propósito definido de fazer isso do que para compartilhar com você em parte pela combinação de diferentes técnicas que vimos em artigos anteriores escritos por mim e acrescentar algo que não ainda não utilizou: o jQuery Ui acordeão.

Afirmo que nunca eu realmente amei o acordeão. São úteis para a implementação aplicação desktop-like, e muitas vezes são usados ​​como recipientes para o texto em locais com uma forte abordagem minimalista, mas cada vez que eu estava prestes a usá-los, optei por outras soluções.

A idéia

Por que não dar-lhe uma tarefa diferente de fazer o acordeão pode ser encomendado e, assim, permitir que o usuário arraste-as como componentes de uma pilha para indicar um ranking?

Existe alguma coisa pronta na web? Bem, se eles fizeram reinventar a roda. Mas reinventar a roda é uma coisa boa, você pode entender como ele funciona.

Claro, não apenas a ajuda de jQuery UI (acordeão e sortables), mas haverá também PHP e MySQL, também para mostrar resultados em um retorno agradável de fazer uso de Raphael e gRaphael bibliotecas, Javascript que permitem que você crie como svg Eu tenho descrito no presente artigo .

A estrutura do exemplo

O projeto será um pouco mais articulado do que o habitual, consistirá na estrutura que irá colocar a imagem abaixo:

Uma nota: pastas phpajax colocar nos arquivos php irá fornecer as respostas para chamadas assíncronas a partir index.js arquivo jQuery,
Eu tentei dar nomes para os alto-falantes a comentar sobre os arquivos de código e generosamente, a fim de esclarecer cada passo. Mas passo a passo.

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• >>