3 votes

Sélection des places avec JavaScript

J'ai besoin d'écrire une page web où les utilisateurs peuvent sélectionner des places libres dans différentes salles pour un événement. Je préfère ne pas utiliser flash et le faire en utilisant uniquement javascript. Existe-t-il une bibliothèque ou un exemple qui puisse m'aider à le faire ?

Edit : Je demande comment créer une interface utilisateur côté client.

2voto

Ronny Points 1124

Je ne connais pas de bibliothèque, mais il pourrait s'agir d'un cas d'utilisation de cartes d'images d'une manière sémantiquement correcte et compatible. Le site <map> y area sont valides même en HTML5, et vous offrent la commodité du DOM.

1voto

rlb.usa Points 6433

enter image description here

Si vous voulez aller plus loin qu'une carte d'images, vous pouvez créer une table avec une chaise par cellule, comme le montre la disposition physique. Vous pouvez changer l'image de chaque chaise en fonction de l'état du siège. Vous pouvez aussi faire en sorte que l'image de la chaise devienne une couleur en surbrillance, par exemple jaune, lorsqu'on la survole.

Les transitions d'images se font très facilement avec JQuery, une bibliothèque Javscript. Voici quelques ressources pour les images de type rollover avec JQuery : http://webdevel.blogspot.com/2008/04/rollover-images-with-jquery.html

Le problème est de disposer les chaises, mais JQuery est la partie la plus facile et il rendra votre page plus attrayante et plus conviviale. En effet, avec une carte d'images, l'image réelle ne peut pas vraiment changer pour montrer que le siège 4321 a été pris (mais vous pouvez certainement divulguer cette information par d'autres moyens).

1voto

ʍǝɥʇɐɯ Points 2740

En fait, je suis également à la recherche d'une interface avec civiEvent, mais cela semble être un territoire nébuleux "à vous de jouer" pour une raison quelconque.

Le script + tutoriel suivant pourrait vous donner du fil à retordre :

http://dayg.wordpress.com/2008/04/17/php-101-a-simple-seat-reservation-system/

Mettez à jour ce fil de discussion avec ce que vous trouvez !

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X