IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

Comment tracer un trait et récupérer une valeur


Sujet :

Conception Web

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Septembre 2007
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 40
    Par défaut Comment tracer un trait et récupérer une valeur
    Bonjour ,
    Je ne sais pas si je suis au bon endroit pour poser ma question mais je n'en voyait pas d'autres...

    Je vous explique mon soucis.

    Pour une amie j'ai crée une qestionnaire que je vais mettre enligne dont elle a besoin pour ses etudes, plusieurs pages de questions en .php avec des formulaires en .html, je recupere ces donnés ( de session ) dans ma bdd pour qu'elle est un tableau des reponses par utilisateur.

    Mais dans les dernieres questions il s'agit a l'utilisateur de tracer un trait vertical sur une ligne horizontale pour indiquer son niveau de reponse.
    Une fois ce trait tracer , sa position me genere une valeur ( entre 0 et 9 de gauche a droite ).

    Donc inséré une image ( de la ligne horizontale ) puis avec l'objet "map" créer des zones.
    Mais je ne sais pas comment faire pour que l'utilisateur puisse dessiner un trait et aussi comment récupérer cette valeur ?
    Peut etre en passant par du flash mais je n'y connait rien , j'ai vu que l'on pouvait créer des zones de dessins sans flash , mais plusieurs quesitons la aussi, comment faire , comment forcer a ne faire q'un trait , comment recupérer cette donnée ?

    Voilou je ne sais aps si c est tres clair mais j'ai vraiment besoin d'aide pour terminer ce questionnaire.

    Merci et bonne soirée ;0)

  2. #2
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par défaut
    Citation Envoyé par rocofolie Voir le message

    Mais dans les dernieres questions il s'agit a l'utilisateur de tracer un trait vertical sur une ligne horizontale pour indiquer son niveau de reponse.
    pas vraiment clair...

    Sinon en javascript tu peux faire afficher ce que tu veux (un segment de ligne par image par exemple) avec les évènements onmouseover, ou onclick, ou encore onmousedown et onmousemove qui simuleraient plus le tracé d'une ligne mais qui seraient plus compliqués à mettre en place.

  3. #3
    Membre averti
    Inscrit en
    Septembre 2007
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 40
    Par défaut
    Merci pour ta reponse ,
    je vais essayé d'expliquer ce que je veux faire .
    En fait imagine une une ligne horizontale, graduée de 0 a 9, et pour choisir une valeur sur cette ligne l'utilisateur doit faire un trait dessus ou poser un trait dessus.
    Je recupere ensuite cette valeur dans ma bdd.

    mais je ne sais pas du tout comment m y prendre pour faire ce marquage.

    Ha mais je vient de comprendre comment je peux faire avec ton idée de onmouseover.
    Il faudrait que je divise mon image de base vierge (ligne horitontale) en plusieurs segment et lorsque la souris passe au dessus le segment change avec le segment ligne horizontale + trait verticale .
    C'est bien cela ?

  4. #4
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par défaut
    Citation Envoyé par rocofolie Voir le message
    Merci pour ta reponse ,
    je vais essayé d'expliquer ce que je veux faire .
    En fait imagine une une ligne horizontale, graduée de 0 a 9, et pour choisir une valeur sur cette ligne l'utilisateur doit faire un trait dessus ou poser un trait dessus.
    Oui mais pourquoi faire un trait dessus ? Pourquoi ne pas simplement cliquer sur la ligne au niveau que l'on souhaite et faire afficher des images (représentant par exemple des led) jusqu'à ce niveau? Tu complique les choses avec ton trait.

    Citation Envoyé par rocofolie Voir le message
    Ha mais je vient de comprendre comment je peux faire avec ton idée de onmouseover.
    Il faudrait que je divise mon image de base vierge (ligne horitontale) en plusieurs segment et lorsque la souris passe au dessus le segment change avec le segment ligne horizontale + trait verticale .
    C'est bien cela ?
    Oui c'est l'idée mais je reprendrais plutôt mon exemple avec des segments (ou leds) qui s'illuminent onclick par changement de l'image source.

  5. #5
    Membre averti
    Inscrit en
    Septembre 2007
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Septembre 2007
    Messages : 40
    Par défaut
    Merci ABCIWEB

    En fait je veux retranscrire sur une page web un test qui se fait habituellement sur papier, qui est une methode imposée lors de questions .
    Au debut je voulais le faire avec des checkbox mais ca deforme la methode de base.
    Je vais tenté avec des onmouseover et onclick.

    Par contre je ne sais aps trop comment récupérer un variable suite a ce click , comme je le fait sur un variable $_POST ?

  6. #6
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par défaut
    Citation Envoyé par rocofolie Voir le message
    Par contre je ne sais aps trop comment récupérer un variable suite a ce click , comme je le fait sur un variable $_POST ?
    Une méthode simple (un peu bourrin mais qui passera partout sans souci de compatibilité entre les navigateurs) serait de constituer ta ligne continue par une succession d'images représentant un segment de ligne. Soit 10 images identiques répétées si tu veux une note de 1 à 10. Et dans chacune d'entre elle tu mets un id incrémenté dont tu récupères "onclick" la valeur que tu transmets dans un champ caché (de type hidden) de ton formulaire.
    Tu pourras ainsi récupérer cette valeur dans le post de ton formulaire.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment récupérer une valeur de cellule avec le bon format?
    Par jeo13 dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 10/06/2008, 12h41
  2. Comment récupérer une valeur d'une DataGridView
    Par rar77 dans le forum VB.NET
    Réponses: 3
    Dernier message: 27/11/2007, 19h11
  3. Réponses: 10
    Dernier message: 22/08/2007, 18h07
  4. Comment récupérer une valeur d'un paramètre d'une balise object?
    Par cassy dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 15/11/2006, 12h12
  5. Réponses: 1
    Dernier message: 31/10/2006, 11h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo