Created layout 7

The following changes were also made in this revision:

* All HTML was changed to XHTML and a !DOCTYPE was included to reflect this
* Rewrote quotes tracking system to be much less complicated and actually working
* Changed quotes rendering to look more like Chirpy than Rash
* Fixed comment textarea bug
* Rewrote a ton of CSS so it's not as bloated
* Added a JavaScript confirmation when deleting a comment
* AJAXified voting on the POTW
* AJAXified voting and flagging quotes
* AJAXified commenting
* AJAXified voting on posts
* Added DateFinder back after it was accidentally deleted in Layout 4.5

The following database changes must be performed as soon as possible:

* Fix title of NO <!DOCTYPE> post (the &lt; is missing the semicolon)
* Restore post Frasty Tha Snaman from a backup
* Reset "flag" field of all rows in "rash_quotes" to 0
* Remove the "vote" and "flag" columns of "rash_tracking"
* Rename the "quote_id" column of "rash_tracking" to "vote"

The following external code changes must also be performed as soon as possible:

* Add the following line to the end of the // Four Island block in The Fourm's functions.php:
  require('/svr/www/hatkirby/fourisland/main/includes/specialdates.php');

1 files changed, 43 insertions, 43 deletions

@@ -1,59 +1,59 @@
 <!--BEGIN FORM-->
-<FORM ACTION="/poll/?submit=" METHOD="POST">
-        <SPAN STYLE="font-size: 16px; text-align: center">
+<div id="potw-ajax">
+        <span style="font-size: 16px; text-align: center">
                 <!--QUESTION-->
-        </SPAN>
+        </span>
 
-        <BR>
+        <br />
 
-        <INPUT TYPE="radio" NAME="options" VALUE="1" ID="option1">
-        <LABEL FOR="option1"><!--OPTION1--></LABEL>
+        <input type="radio" name="options" value="1" class="option1" />
+        <!--OPTION1-->
 
-        <BR>
+        <br />
 
-        <INPUT TYPE="radio" NAME="options" VALUE="2" ID="option2">
-        <LABEL FOR="option2"><!--OPTION2--></LABEL>
+        <input type="radio" name="options" value="2" class="option2" />
+        <!--OPTION2-->
 
-        <BR>
+        <br />
 
-        <INPUT TYPE="radio" NAME="options" VALUE="3" ID="option3">
-        <LABEL FOR="option3"><!--OPTION3--></LABEL>
+        <input type="radio" name="options" value="3" class="option3" />
+        <!--OPTION3-->
 
-        <BR>
+        <br />
 
-        <INPUT TYPE="radio" NAME="options" VALUE="4" ID="option4">
-        <LABEL FOR="option4"><!--OPTION4--></LABEL>
+        <input type="radio" name="options" value="4" class="option4" />
+        <!--OPTION4-->
 
-        <P ALIGN="center">
-                <INPUT TYPE="submit" VALUE="Vote!">
-        </P>
-</FORM>
+        <p align="center">
+                <button type="button" onclick="jQuery('#potw-ajax').slideUp().load('/poll-results.php?id='+jQuery('#potw-ajax input:radio[name=options]:checked').val()).slideDown();">Vote!</button>
+        </p>
+</div>
 <!--END FORM-->
 
 <!--BEGIN DISPLAY-->
-<SPAN STYLE="font-size: 16px; text-align: center">
+<span style="font-size: 16px; text-align: center">
         <!--QUESTION-->
-</SPAN>
-
-<TABLE WIDTH="100%" BORDER="0" STYLE="font-size: 12px">
-        <TR>
-                <TD>%<!--PERCENT1--></TD>
-                <TD><!--OPTION1--></TD>
-        </TR>
-
-        <TR>
-                <TD>%<!--PERCENT2--></TD>
-                <TD><!--OPTION2--></TD>
-        </TR>
-
-        <TR>
-                <TD>%<!--PERCENT3--></TD>
-                <TD><!--OPTION3--></TD>
-        </TR>
-
-        <TR>
-                <TD>%<!--PERCENT4--></TD>
-                <TD><!--OPTION4--></TD>
-        </TR>
-</TABLE>
+</span>
+
+<table width="100%" border="0" style="font-size: 12px">
+        <tr>
+                <td>%<!--PERCENT1--></td>
+                <td><!--OPTION1--></td>
+        </tr>
+
+        <tr>
+                <td>%<!--PERCENT2--></td>
+                <td><!--OPTION2--></td>
+        </tr>
+
+        <tr>
+                <td>%<!--PERCENT3--></td>
+                <td><!--OPTION3--></td>
+        </tr>
+
+        <tr>
+                <td>%<!--PERCENT4--></td>
+                <td><!--OPTION4--></td>
+        </tr>
+</table>
 <!--END DISPLAY-->