Créer un sondage originale de PHP et jQuery Raphael.js Ui

Il arrive assez souvent de tomber sur des sondages en ligne, ce qui est offert sur ​​les sites des grands journaux à ceux de technologie sur le thème jusqu'à arriver à la plus prosaïque des sites potins. La considération générale que je ferais est la suivante: sont veramenti mauvaise (j'adore jugements incisifs).

Étant donné que le développement n'est pas une enquête (ou sondage) depuis quelque temps et ne sont donc pas liés à des pratiques exemplaires, j'ai décidé de faire confiance à l'imagination pour en créer un.
Pour le moment je n'ai pas de but précis de le faire que de le partager avec vous en partie par la combinaison de différentes techniques que nous avons vu dans de précédents articles écrits par moi et d'ajouter quelque chose que nous n'avons pas encore utilisé: le jQuery UI accordéon.

Je déclare que je n'ai jamais vraiment aimé l'accordéon. Sont utiles pour la mise en œuvre des applications de bureau-like, et sont souvent utilisées comme récipients pour le texte dans les sites avec une forte approche minimaliste, mais chaque fois que je m'apprêtais à les utiliser, j'ai opté pour d'autres solutions.

L'idée

Pourquoi ne pas lui donner une tâche différente faisant l'accordéon peut être commandé et permettre ainsi à l'utilisateur de faire glisser en tant que composants d'une pile pour indiquer un classement?

Y at-il prêt sur le web? Eh bien si elles ne réinventer la roue. Mais réinventer la roue est une bonne chose, vous pouvez comprendre comment il fonctionne.

Bien sûr, pas seulement l'aide de jQuery UI (accordéon et sortables), mais il y aura également PHP et MySQL, également à montrer des résultats dans un retour agréable à utiliser des bibliothèques Raphaël et gRaphael Javascript, qui vous permettent de créer comme svg J'ai décrit dans cet article .

La structure de l'exemple

Le projet sera légèrement plus articulée que d'habitude, va consister à la structure qui va enfermer l'image ci-dessous:

A noter: dossiers phpajax mettre dans le fichier PHP va fournir les réponses aux appels asynchrones à partir du fichier index.js jQuery,
J'ai essayé de donner des noms aux conférenciers de commenter les fichiers de code et généreusement, afin de clarifier chaque étape. Mais étape par étape.

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