Changeset 19 for Dev

Timestamp:

07/18/11 17:16:31 (14 years ago)

Author:

fpvanagthoven

Message:

Now able to delete last question. Scale implemented with incr.

Location:

Dev/trunk

Files:

• classes/SurveyCreationTool.php (modified) (11 diffs)
• css/style.css (modified) (1 diff)

Dev/trunk/classes/SurveyCreationTool.php

@@ -19 +19 @@
                 SurveyCreationTool::questionCreationForm();
                 SurveyCreationTool::addQuestionButton();
+                SurveyCreationTool::removeLastQuestionButton();
                 SurveyCreationTool::submitButton();
                 ?></form></div>
@@ -28 +29 @@
         <script type="text/javascript">
             var questionCount = 1;           
-                                                                                    
+                                                                                                            
             function getNewQuestion()
             {
@@ -51 +52 @@
                     "<div id='answersDiv" + questionCount + "'></div>" +
                     "</div>";
-                                                                                
+                                                                                                        
                 questionDiv.innerHTML = htmlStr;
-                                                                                
+                                                                                                        
                 return questionDiv;
             }
-                                                                                    
+                                                                                                            
             function handleFocus(input)
             {
@@ -66 +67 @@
                 }
             }
-                                                                                                                    
+                                                                                                                                            
             function handleBlur(input)
             {        
                 var surveyTitle = document.getElementById('surveyTitle');
                 var surveyDescription = document.getElementById('surveyDescription');
-                                                                                                    
+                                                                                                                            
                 if (input.value == "")
                 {
                     input.style.color = "gray";
                     input.clicked = null;
-                                                                                                                            
+                                                                                                                                                    
                     if (input == surveyTitle)
                     {
@@ -87 +88 @@
                 }                           
             }
-                                                                    
+                                                                                            
             function handleType(select)
             {
@@ -94 +95 @@
                 answersDiv.answerCount = 1;
                 answersDiv.clicked = null;
-                        
+                                                
                 switch (type) {
                     case 'mc':
                         answersDiv.innerHTML = "";
                         addOption(select.id);
-                                                        
+                                                                                
                         break;
                     case 'text':
@@ -116 +117 @@
                         answersDiv.innerHTML = ""; 
                         //what scale (min max incr)
+                        minMaxIncr(select.id);
                         break;
                     default:
@@ -122 +124 @@
 
             }
-                                                    
-                                            
+                                                                            
+                                                                    
             function addOption(questionNumber)
             {        
@@ -130 +132 @@
                 var answerDiv = document.createElement("div");
                 answerDiv.className = "answerDiv";
-                                                
+                                                                        
                 var htmlStr = "<input type='text' name='q" + 
                     questionNumber + "ans" + answerCount + "' value='Option " + answerCount + "' />";
-                        
+                                                
                 if (answersDiv.clicked == null)
                 {
@@ -140 +142 @@
                     answersDiv.clicked = true;
                 }
-                                                       
+                                                                               
                 answerDiv.innerHTML = htmlStr;
-                                                       
+                                                                               
                 answersDiv.appendChild(answerDiv);
                 answersDiv.answerCount++;
             }
-            
+                                    
             function minMax(questionNumber)
             {
-               var answersDiv = document.getElementById("answersDiv" + questionNumber);
-               
-               var answerDiv = document.createElement("div");
-               answerDiv.className = "answerDiv";
-               answerDiv.innerHTML = "<label for='min'>Min</label><input type='text' name='min" + questionNumber + "' />" +
-               "<label for='max'>Max</label><input type='text' name='max" + questionNumber + "' />";
-           
+                var answersDiv = document.getElementById("answersDiv" + questionNumber);
+                                       
+                var answerDiv = document.createElement("div");
+                answerDiv.className = "answerDiv";
+                answerDiv.innerHTML = "<label for='min'>Min</label><input type='text' name='min" + questionNumber + "' />" +
+                    "<label for='max'>Max</label><input type='text' name='max" + questionNumber + "' />";
+                                   
                 answersDiv.appendChild(answerDiv);
-            }            
-                                                                 
+            }  
+                                    
+            function minMaxIncr(questionNumber)
+            {
+                minMax(questionNumber);
+                var answersDiv = document.getElementById("answersDiv" + questionNumber);
+                                       
+                var answerDiv = document.createElement("div");
+                answerDiv.className = "answerDiv";
+                answerDiv.innerHTML = "<label for='incr'>Increment by</label><input type='text' name='incr" + questionNumber + "' />";
+                                   
+                answersDiv.appendChild(answerDiv);
+            }         
+                                                                                         
+                                                                                                 
             function addQuestion()
             {
                 var questionsDiv = document.getElementById('questionsDiv');
                 var newQuestion = getNewQuestion();
-                                                                                
+                                
+
+                newQuestion.prev = document.lastQuestion;
+                document.lastQuestion = newQuestion;
+
                 questionsDiv.appendChild(newQuestion);
                 questionCount++;
             }
-            
-                                                                                                                                                                                            
+                            
+            function removeLastQuestion()
+            {
+                var questionsDiv = document.getElementById('questionsDiv');
+                                
+                if (document.lastQuestion.prev != null)
+                {
+                    questionsDiv.removeChild(document.lastQuestion);
+                    document.lastQuestion = document.lastQuestion.prev;
+                    questionCount--;  
+                }
+                else
+                {
+                    // do nothing
+                }               
+            }
+                          
+                                    
+                                                                                                                                                                                                                    
         </script>
         <?php
@@ -199 +235 @@
     }
 
+    private static function removeLastQuestionButton() {
+        ?>
+        <input type="button" onclick="removeLastQuestion()" value="x" class="surveyButton" />
+        <?php
+    }
+
     private static function submitbutton() {
         ?>

Dev/trunk/css/style.css

@@ -140 +140 @@
 
 .question {  
-    margin-top: 1em;
+    margin-top: 3em;
+    border-top: 1px solid #ddd;
 }