Discussion :

[F0ul]

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?

[javatwister]

bonjour

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!

[F0ul]

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.

[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

[Bovino]

Apparemment, tes id et name contiennent des points, ce qui n'est pas valide et est susceptible de perturber le fonctionnement.

[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:



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.

[javatwister]

pour y voir encore plus clair, tu peux nous mettre le html de la page, en dehors du script?

[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 :

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.

[Bovino]

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

[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...

[javatwister]

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

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