Input non cliquable

Version imprimable

03/08/2010, 09h40
F0ul

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?
03/08/2010, 09h45
javatwister

bonjour

Citation:

Envoyé par F0ul

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!

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:

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.

03/08/2010, 10h23
javatwister

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 :mrgreen:
03/08/2010, 10h32
Bovino

Apparemment, tes id et name contiennent des points, ce qui n'est pas valide et est susceptible de perturber le fonctionnement.
03/08/2010, 11h39
F0ul

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:

http://esostudios.free.fr/developpez.JPG

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.
03/08/2010, 11h50
javatwister

pour y voir encore plus clair, tu peux nous mettre le html de la page, en dehors du script?
03/08/2010, 12h03
F0ul

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:

<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.
03/08/2010, 12h21
Bovino

Citation:

Envoyé par F0ul

y a-t-il d'autres restrictions quand a la valeur de ces attributs?

Bon, en fait, j'ai parlé un peu vite :aie:
Le attributs name et id doivent commencer par une lettre et peuvent contenir des caractères alphanumériques et les caractères "-", "_", ":", ".".
:fleche: http://www.w3.org/TR/html401/types.html#type-name
03/08/2010, 15h11
F0ul

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...
03/08/2010, 15h39
javatwister

bravo d'avoir résolu seul ce problème!

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