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

JavaScript Discussion :

Input non cliquable


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Ingénieur systèmes embarqués
    Inscrit en
    Janvier 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur systèmes embarqués
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 81
    Par défaut Input non cliquable
    Bonjour
    Je realise un site web et en particulier un formulaire qui permet de generer un questionnaire qui va permettre la configuration de parametres.
    Cela consiste a demander a l'utilisateur la question a poser, les reponses possibles et s'il veut attribuer des valeurs a des parametres en fonction de la reponse.

    Ainsi il y a donc un champ pour l'intitule de la question, d'autres champs pour les reponses et, entre ces champs reponses, des blocs vides qui peuvent eventuellement permettre d'afficher les parametres dont la valeur n'a pas ete encore attribue.

    Pour la premiere question tout est parfait, je sauvegarde et seconde question, l'affichage se fait, le champ label + deux champs pour les reponses. Eh bien impossible de cliquer sur mon deuxieme champ reponse...
    Je peux y acceder avec les tabulations ou en cliquant sur le <label> associe. Ce qui est plus etrange c'est qu'en demandant l'affichage des parametres pour la premiere reponse, cela va donc decaler le deuxieme champ vers le bas dans la page, et la, il devient a nouveau cliquable...

    J'espere avoir ete assez clair.

    Je precise que je dois developper cet outil sous IE7, peut etre est-ce un bug connu?

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    bonjour

    Citation Envoyé par F0ul Voir le message
    impossible de cliquer sur mon deuxieme champ reponse

    Si IE7 n'était pas capable de gérer 2 input dans un formulaire, ça se saurait non?


    merci de nous présenter du code!

  3. #3
    Membre confirmé
    Homme Profil pro
    Ingénieur systèmes embarqués
    Inscrit en
    Janvier 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur systèmes embarqués
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 81
    Par défaut
    Le probleme n'est pas qu'il s'agit de gerer deux champs. Mais des champs qui sont ajoutes dynamiquement. Voici le code qui va creer les reponses:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    function createAnswers(parent, i, theClass)
    {
     return '<div class="uicPalette'+theClass+'"><div class="textField">'+
     '<div style="float:left; width: 20% ;"><label for="answer_label'+parent+'.'+i+'" class="info"><font color="#ff0000">*</font> Answer '+parent+'.'+i+':<span>Answer that ### may choose.</span></label></div>'+
     '<div style="float:left; width: 60% ;"><input class="mandatory" style="width:90%;" onfocus="this.className = \'focused mandatory\' ;" onblur="this.className = \'mandatory\' ;" maxlength="50" type="text" name="answer_label'+parent+'.'+i+'" id="answer_label'+parent+'.'+i+'" /></div>'+
     '<div style="float:left; width: 20% ;"></div>'+
     '<div class="corrigefloat"></div></div>'+
     '<div style="float:left; width: 5% ;"></div>'+
     '<div style="float:left; width: 95% ;"><label for="finish_questionnaire'+parent+'.'+i+'" class="info"><input onclick="if(document.getElementById(\'div_finish_questionnaire'+parent+'.'+i+'\').style.display == \'none\') { windowDisplayFQ(\''+parent+'.'+i+'\') ; windowHideGQ(\''+parent+'.'+i+'\') ; rmQuestionParam(\''+parent+'.'+i+'\'); }" type="radio" name="radio'+parent+'.'+i+'" id="finish_questionnaire'+parent+'.'+i+'" style="width:19px ;" /> Finish questionnaire:<span>End questionnaire after this answer.</span></label></div>'+
     '<div class="corrigefloat"></div>'+
     '<div style="float:left; width: 10% ;"></div>'+
     '<div style="float:left; width: 90% ; display: none ;" id="div_finish_questionnaire'+parent+'.'+i+'">text</div>'+
     '<div class="corrigefloat"></div>'+
     '<div style="float:left; width: 5% ;"></div>'+
     '<div style="float:left; width: 95% ;"><label for="goto_question'+parent+'.'+i+'" class="info"><input onclick="if(document.getElementById(\'div_goto_question'+parent+'.'+i+'\').style.display == \'none\') { windowDisplayGQ(\''+parent+'.'+i+'\') ; windowHideFQ(\''+parent+'.'+i+'\') ; rmQuestionParam(\''+parent+'.'+i+'\'); }" type="radio" name="radio'+parent+'.'+i+'" id="goto_question'+parent+'.'+i+'" style="width:19px ;" /> Goto question '+parent+'.'+i+':<span>Next question after answering.</span></label></div>'+
     '<div class="corrigefloat"></div>'+
     '<div style="float:left; width: 10% ;"></div>'+
     '<div style="float:left; width: 90% ; display: none ;" id="div_goto_question'+parent+'.'+i+'"></div>'+
     '<div class="corrigefloat"><br /><br /></div>'+
     '</div>' ;
    }
    parent designe le numero de question precedent.
    i un numero qui distingue les reponses.
    theClass car la couleur de fond de chaque reponse differe.

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    honnêtement, tu as fait le pari de nous rendre cinglés? c'est un gag?
    comment fais-tu pour t'y retrouver?

    déjà que je n'ai pas compris cette histoire de "questions / réponses"...;

    et puis my english is very pas bon alors j'ai du mal à te suivre là-dessus aussi

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Apparemment, tes id et name contiennent des points, ce qui n'est pas valide et est susceptible de perturber le fonctionnement.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre confirmé
    Homme Profil pro
    Ingénieur systèmes embarqués
    Inscrit en
    Janvier 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur systèmes embarqués
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 81
    Par défaut
    Bonjour
    Je ne savais pas que les points n'etaient pas valides dans les id et name, y a-t-il d'autres restrictions quand a la valeur de ces attributs?

    Sinon je viens de remplacer mes points par des tirets et toujours le meme probleme survient...

    Pour etre plus clair (et prouver que ce n'est pas un gag mais un vrai probleme) voici une capture de mon appli:



    Le champ problematique correspond a "Answer 1.2.2"
    A ce moment j'ai clique sur "Finish questionnaire" de "Answer 1.2.1" qui a fait apparaitre le tableau des parametres (sous "Finish questionnaire") et donc le champ est redevenu cliquable.

  7. #7
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    pour y voir encore plus clair, tu peux nous mettre le html de la page, en dehors du script?

  8. #8
    Membre confirmé
    Homme Profil pro
    Ingénieur systèmes embarqués
    Inscrit en
    Janvier 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur systèmes embarqués
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 81
    Par défaut
    Tout le code HTML est genere dynamiquement en fonction des choix de l'utilisateur et cela represente quelques 1500 lignes.

    Le pure HTML se limite a cela:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="questions_view"></div>
    Les blocs "Question x.x - label" vont contenir un champ pour definir le label la question + des blocs pour chacune des reponses possibles.

    Les blocs reponses contiennent un champ pour l'intitule de la reponse puis deux choix: terminer le questionnaire ou definir une question suivante. Sous ces deux choix, il y a des blocs permettant l'affichage des parametres.

  9. #9
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par F0ul Voir le message
    y a-t-il d'autres restrictions quand a la valeur de ces attributs?
    Bon, en fait, j'ai parlé un peu vite
    Le attributs name et id doivent commencer par une lettre et peuvent contenir des caractères alphanumériques et les caractères "-", "_", ":", ".".
    http://www.w3.org/TR/html401/types.html#type-name
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  10. #10
    Membre confirmé
    Homme Profil pro
    Ingénieur systèmes embarqués
    Inscrit en
    Janvier 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur systèmes embarqués
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Janvier 2006
    Messages : 81
    Par défaut
    Merci pour l'info.

    Je viens de trouver la solution a mon probleme.

    Lorsque la question 1 est sauvegarde le bloc qui la contient est referme pour laisser place a, si necessaire, la question suivante.
    Cependant les tableaux contenant les parametres qui ont ete affiches a la question 1. Ils sembleraient qu'ils laissent une "trace" sur la page.
    Par une certaine malchance, il se trouve que le champ qui me posait le probleme se met au meme endroit que cette trace...

    Il faut donc qu'en plus de masquer le bloc de la question, je masque egalement les blocs contenant les tableaux.

    Il faut alors se mefier lorsque l'on imbrique des blocs et que l'on manipule la propriete display, du moins avec Internet Explorer...

  11. #11
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    bravo d'avoir résolu seul ce problème!

    (je peux me vanter sans problème d'être passé admirablement à côté)

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

Discussions similaires

  1. [Javascript] Liste déroulante avec valeurs non cliquables.
    Par SONY30 dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 23/02/2007, 10h36
  2. [Joomla!] comment rendre un menu visible mais non cliquable dans joomla
    Par tcone dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 5
    Dernier message: 08/02/2007, 23h25
  3. rendre un textfield non cliquable
    Par cocotomy dans le forum AWT/Swing
    Réponses: 7
    Dernier message: 22/12/2006, 07h34
  4. [HTML] bouton non cliquable
    Par alison239 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 12/06/2006, 15h01

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