comparison test_create/test_core.js @ 1251:ee5f18d2fc47

Test create fixes for #1594. Styling of survey entry options. Fixed survey entry leak. Removed "synchronous" attribute from page for now.

                 }
                 
                 this.dynamic.innerHTML = null;
                 var statement = document.createElement("div");
                 var statementText = document.createElement("span");
-                var statementEntry = document.createElement("textarea");
+                var statementEntry = document.createElement("input");
                 statement.appendChild(statementText);
                 statement.appendChild(statementEntry);
+                statement.className = "survey-entry-attribute";
                 statementText.textContent = "Statement/Question";
+                statementEntry.style.width = "500px";
                 statementEntry.addEventListener("change",this,false);
                 statementEntry.setAttribute("name","statement");
                 statementEntry.value = this.option.statement;
                 this.dynamic.appendChild(statement);
                 
                 var id = document.createElement("div");
                 var idText = document.createElement("span");
                 var idEntry = document.createElement("input");
                 id.appendChild(idText);
                 id.appendChild(idEntry);
+                id.className = "survey-entry-attribute";
                 idText.textContent = "ID: ";
                 idEntry.addEventListener("change",this,false);
                 idEntry.setAttribute("name","id");
                 idEntry.value = this.option.id;
                 

                         var boxsize = document.createElement("div");
                         var boxsizeText = document.createElement("span");
                         boxsizeText.textContent = "Entry Size: ";
                         boxsize.appendChild(boxsizeText);
                         boxsize.appendChild(boxsizeSelect);
+                        boxsize.className = "survey-entry-attribute";
                         this.dynamic.appendChild(boxsize);
                         
                         var mandatory = document.createElement("div");
                         var mandatoryInput = document.createElement("input");
                         var mandatoryText = document.createElement("span");
                         mandatoryText.textContent = "Mandatory: ";
                         mandatory.appendChild(mandatoryText);
                         mandatory.appendChild(mandatoryInput);
+                        mandatory.className = "survey-entry-attribute";
                         mandatoryInput.type = "checkbox";
                         if (this.option.mandatory) {mandatoryInput.checked = true;} else {mandatoryInput.checked = false;}
                         mandatoryInput.setAttribute("name","mandatory");
                         mandatoryInput.addEventListener("change",this,false);
                         this.dynamic.appendChild(mandatory);

                         var mandatoryInput = document.createElement("input");
                         var mandatoryText = document.createElement("span");
                         mandatoryText.textContent = "Mandatory: ";
                         mandatory.appendChild(mandatoryText);
                         mandatory.appendChild(mandatoryInput);
+                        mandatory.className = "survey-entry-attribute";
                         mandatoryInput.type = "checkbox";
                         if (this.option.mandatory) {mandatoryInput.checked = true;} else {mandatoryInput.checked = false;}
                         mandatoryInput.setAttribute("name","mandatory");
                         mandatoryInput.addEventListener("change",this,false);
                         this.dynamic.appendChild(mandatory);

                         var minimumEntry = document.createElement("input");
                         var minimumText = document.createElement("span");
                         minimumText.textContent = "Minimum: ";
                         minimum.appendChild(minimumText);
                         minimum.appendChild(minimumEntry);
+                        minimum.className = "survey-entry-attribute";
                         minimumEntry.type = "number";
                         minimumEntry.setAttribute("name","min");
                         minimumEntry.addEventListener("change",this,false);
                         minimumEntry.value = this.option.min;
                         this.dynamic.appendChild(minimum);

                         var maximumEntry = document.createElement("input");
                         var maximumText = document.createElement("span");
                         maximumText.textContent = "Maximum: ";
                         maximum.appendChild(maximumText);
                         maximum.appendChild(maximumEntry);
+                        maximum.className = "survey-entry-attribute";
                         maximumEntry.type = "number";
                         maximumEntry.setAttribute("name","max");
                         maximumEntry.addEventListener("change",this,false);
                         maximumEntry.value = this.option.max;
                         this.dynamic.appendChild(maximum);

                 }
             }
             this.handleEvent = function()
             {
                 var name = event.currentTarget.getAttribute("name");
+                var nodeName = event.currentTarget.nodeName;
+                if (name == "type" && nodeName == "SELECT") {
+                    // If type has changed, we may need to rebuild the entire state node
+                    if (event.currentTarget.value != this.option.name)
+                    {
+                        this.option.type = event.currentTarget.value;
+                        this.generate(this.option,this.parent);
+                    }
+                    return;
+                }
+                var type = event.currentTarget.getAttribute("type");
                 switch(name) {
-                    case "type":
-                        // If type has changed, we may need to rebuild the entire state node
-                        if (event.currentTarget.value != this.option.name)
-                        {
-                            this.option.type = event.currentTarget.value;
-                            this.generate(this.option,this.parent);
-                        }
+                    case "checkbox":
+                        eval("this.option."+name+" = event.currentTarget.checked");
                         break;
-                    case "mandatory":
-                        this.option.mandatory = event.currentTarget.checked;
-                        break;
-                    case "boxsize":
-                        this.option.boxsize = event.currentTarget.value;
-                        break;
-                    case "statement":
-                        this.option.statement = event.currentTarget.value;
+                    default:
+                        eval("this.option."+name+" = event.currentTarget.value");
                         break;
                 }
             }
             this.continue = function()
             {