Changeset 52

Timestamp:

07/26/11 13:44:23 (14 years ago)

Author:

fpvanagthoven

Message:

survey.php all types implemented. Should do input checking also.

Location:

Dev/trunk

Files:

• classes/SurveyTool.php (modified) (4 diffs)
• css/style.css (modified) (6 diffs)
• survey.php (modified) (1 diff)
• surveycreation.php (modified) (2 diffs)

Dev/trunk/classes/SurveyTool.php

@@ -37 +37 @@
     private function displayDescription() {
         ?>
-        <p><?php echo $this->survey->description; ?></p>
+        <p class='centerBoxed'><?php echo $this->survey->description; ?></p>
         <?php
     }
@@ -49 +49 @@
 
     private function displayQuestion($question, $numQ) {
+        echo "<fieldset>";
         $this->displayQuestionTitle($question);
         $this->displayQuestionDescription($question);
         $this->displayAnswerBox($question, $numQ);
+        echo "</fieldset>";
     }
 
     private function displayQuestionTitle($question) {
         ?>
-        <h2><?php echo $question->title; ?></h2>
+        <?php echo "<legend><h2>" . $question->title . "</h2></legend>"; ?>
         <?php
     }
@@ -62 +64 @@
     private function displayQuestionDescription($question) {
         ?>
-        <p><?php echo $question->description; ?></p>
+        <p><?php echo "<div class='questionDescription noPadding'>" . $question->description . "</div>"; ?></p>
         <?php
     }
 
     private function displayAnswerBox($question, $numQ) {
+        echo "<div class='answerBox'>";
         switch ($question->type) {
             case 'text':
-
-
+                ?>
+                <input type="text" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="" class="textBox"/>
+                <?php
                 break;
             case 'int':
-
-
+                ?>
+                <input type="text" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="" class="intBox"/>
+                <?php
                 break;
             case 'mc':
@@ -92 +97 @@
                 break;
             case 'scale':
-
-
+                ?>
+                <div class="scaleLabel"><?php echo $question->answers[1]; ?></div>
+                <?php
+                for ($i = 1; $i < $question->answers[3] + 1; $i++) {
+                    ?><input type="radio" class="scaleRadio" name="<?php echo 'q' . $numQ . 'ans1' ?>" value="<?php echo $i;?>"/><?php } ?>
+                <div class="scaleLabel"><?php echo $question->answers[2]; ?></div>
+                <?php
                 break;
             default:
                 break;
         }
+        echo "</div>";
     }
 
     private function submitSurvey() {
         ?>
-        <input type="submit" value="Submit survey!" />
+        <input type="submit" value="Submit survey!" class="topMargin surveyButton bigSurveyButton"/>
         <?php
     }

Dev/trunk/css/style.css

@@ -12 +12 @@
 */
 
+h1 {
+    width: 100%;
+    text-align: center;
+    color: #333;
+    text-shadow: #fff 0px 0px 10px;
+    margin: 0 0 0.5em 0;
+}
+
+h2 {
+    margin: 0;
+    font-size: larger;
+    color: #333;
+}
+
 h3 {
     margin: 0;
@@ -19 +33 @@
 }
 
+legend {
+    padding-left: 0em;
+    color: #888;
+    text-shadow: #fff 0px 0px 1px;
+}
+
+fieldset {
+    border: 1px solid #fff;
+    background-color: #eee;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+    margin-bottom: 2em;
+    padding: 0 1em 1em 1em;
+    -moz-box-shadow: 2px 2px 1px #888;
+    -webkit-box-shadow: 2px 2px 1px #888;
+    box-shadow: 2px 2px 1px #888;
+}
+
 root { 
     display: block;
@@ -38 +70 @@
 #header {
     height: 4em;
-    background-color: slategrey;
+    background-color: slategray;
 }
 
@@ -47 +79 @@
     text-align: center;
     line-height: 2em;
-    text-shadow: 2px 2px 2px black;
+    text-shadow: #0e2933 0px 0px 5px;
 }
 
@@ -197 +229 @@
     margin-top: 3em;
     border-top: 1px solid #ddd;
+    text-shadow: #fff 0px 0px 1px;
 }
 
@@ -222 +255 @@
     height: 10em;
 }
+
+/* ################################################################## 
+   ===================== STYLESHEET OF GLORY ======================== */
+
+.topMargin {
+    margin-top: 2em;
+}
+
+.leftPadding {
+    padding-left: 2em;
+}
+
+.noPadding {
+    padding: 0;
+}
+
+.centerBoxed {
+    margin: 0 auto;
+    width: 30em;
+    text-align: center;
+    padding: 0 1em;
+    /*    border: 1px solid gray;*/
+}
+
+/* ################################################################## 
+   ===================== STYLESHEET OF GLORY ======================== */
+
+.answerBox {
+    padding-left: 1em;
+}
+
+.textBox {
+    width: 20em;
+}
+
+.intBox {
+    width: 5em;
+}
+
+.scaleLabel {
+    display: inline;
+    color: #333;
+}
+
+.questionDescription {
+    font-size: small;
+}

Dev/trunk/survey.php

@@ -22 +22 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-            <title>Facilitator</title>
+            <title>Survey</title>
             <link rel="stylesheet" type="text/css" href="css/style.css" />
             <script type="text/javascript" src="js/menu.js"></script>

Dev/trunk/surveycreation.php

@@ -18 +18 @@
     $timeStamp = $_POST['timeStamp'];
 
-    echo 'This is what gets sent:';
-    var_dump($_POST);
+//    echo 'This is what gets sent:';
+//    var_dump($_POST);
 //    echo '<br/><br/>';
     $surveyDBI = new SurveyDatabaseInterface($_POST['surveyID']);
@@ -25 +25 @@
     $info = $surveyDBI->getSurveyInfo();
 //    echo '<br/><br/>';
-    echo 'This is what I get back:';
-    var_dump($info);
+//    echo 'This is what I get back:';
+//    var_dump($info);
 
     $savedSurvey = Survey::getSurvey($info);