Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 05/01/2011, 14h39   #1
Modérateur
 
Avatar de Michel Rotta
 
Homme Michel Rotta
Responsable d'exploitation informatique
Inscription : septembre 2005
Messages : 4 913
Détails du profil
Informations personnelles :
Nom : Homme Michel Rotta
Âge : 49
Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

Informations professionnelles :
Activité : Responsable d'exploitation informatique
Secteur : Distribution

Informations forums :
Inscription : septembre 2005
Messages : 4 913
Points : 7 505
Points : 7 505
Par défaut Saisie graphique d'heures dans un planning

Mon niveau. Je suis plutôt débutant en JS quoique j'utilise depuis presque 5 ans maintenant, d'abord avec prototype puis jQuery. Je serais bien incapable de faire du JS sans. Je sais faire du web2, cacher et montrer des zones, rafraichir des morceaux de pages ... Bref, un peu de bidouille.

J'ai un projet qui implique de saisir des heures dans un planning. L'idée est de donner les heures de début et fin de la journée et des couples d'heures début et fin pour les activités. Il peut y avoir de 0 à n activités dans une journée et donc autant de couples. Deux activités ne peuvent se chevaucher Il n'est pas possible de faire du cheval durant un concours de ping pong.

Par contre, il faut pouvoir afficher un tableau avec les heures (et éventuellement des lignes par 1/4 heures) et là dessus dessiner un rectangle de couleur qui représente l'activité. Ensuite il faut pouvoir modifier à la souris la taille et la position du rectangle en vérifiant qu'il n'y ait pas de superposition avec d'autre activité et retourner ces valeurs modifiées dans les champs horaire qui seront renvoyés au serveur une fois les modifications validées. Il n'est pas prévu de pouvoir modifier les heures de début et fin de journée.

Ma question est simple, est-ce faisable avec JS et jQuery ? Si oui, cela va valoir la peine de commencer à chercher.

Si en prime, vous avez des exemples de bout de code qui pourrait servir d'inspiration, j'en serais comblé. Mais déjà savoir que j'ai une chance de faire tourner cela serait un plus.

Edit
Il semblerait que le ui.slider soit relativement proche de mon besoins. Mais j'ai soif de vos idées comme le sable du désert avec l'eau.
__________________
Si tu donnes un poisson à un homme, il mangera un jour. Si tu lui apprends à pêcher, il mangera toujours (Lao Tseu).
  • Pensez à valoriser les réponses pertinantes, cliquez sur le bouton vert +1 pour indiquer votre accord avec la solution proposée.
  • Pensez à utiliser la balise [code] pour afficher du code, elle est cachée sous le bouton [#] dans l'éditeur.
  • Une discussion est terminée ? Alors le bouton est votre ami !
Michel Rotta est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/01/2011, 16h03   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 001
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 001
Points : 45 077
Points : 45 077
un peu dans ce genre là ?
http://jquery-week-calendar.googleco...full_demo.html
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/01/2011, 16h14   #3
Modérateur
 
Avatar de Michel Rotta
 
Homme Michel Rotta
Responsable d'exploitation informatique
Inscription : septembre 2005
Messages : 4 913
Détails du profil
Informations personnelles :
Nom : Homme Michel Rotta
Âge : 49
Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

Informations professionnelles :
Activité : Responsable d'exploitation informatique
Secteur : Distribution

Informations forums :
Inscription : septembre 2005
Messages : 4 913
Points : 7 505
Points : 7 505
oui et non.

Graphiquement les heures seront en abscisse et on trouvera en ordonné le nom des personnes ou des groupes.

Par contre, il faudrait pouvoir modifier les positions des entrées à la souris en cliquant sur une zone pour l'étendre.

Mais je vais me plonger dans le code de cette application, il doit y avoir de bonne chose à récupérer pour le dessins.

Edit.
C'est modifiable à la souris. Juste qu'elle m'a lâchement lâchée juste avant de tester et ne fait plus que des doubles cliques... Dans le genre, pas de chance, Murphy es-tu là ?
__________________
Si tu donnes un poisson à un homme, il mangera un jour. Si tu lui apprends à pêcher, il mangera toujours (Lao Tseu).
  • Pensez à valoriser les réponses pertinantes, cliquez sur le bouton vert +1 pour indiquer votre accord avec la solution proposée.
  • Pensez à utiliser la balise [code] pour afficher du code, elle est cachée sous le bouton [#] dans l'éditeur.
  • Une discussion est terminée ? Alors le bouton est votre ami !
Michel Rotta est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 12h43.


 
 
 
 
Partenaires

Hébergement Web