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');

4 files changed, 120 insertions, 52 deletions

@@ -1,16 +1,16 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<H1>Contribute</H1>
+<h1 class="light-at-night">Contribute</h1>
 
 <!--BEGIN SUBMITTED-->
-        <P>The quote you have submitted is:</P>
-        <P><CODE><!--SUBMITTED.QUOTE--></CODE></P>
-        <P>If this is not the quote you have entered, please contact the administrator and explain your problem. 
-           Also, there is no need to press the submit button again. You're quote has already been sent.</P>
+        <p class="light-at-night">The quote you have submitted is:</p>
+        <p class="light-at-night"><code><!--SUBMITTED.QUOTE--></code></p>
+        <p class="light-at-night">If this is not the quote you have entered, please contact the administrator and explain your problem. 
+           Also, there is no need to press the submit button again. You're quote has already been sent.</p>
 <!--END SUBMITTED-->
 
-<FORM ACTION="/quotes/add.php?submit=" METHOD="POST">
-        <TEXTAREA COLS="80" ROWS="5" NAME="rash_quote"></TEXTAREA><BR>
-        <INPUT TYPE="submit" VALUE="Add Quote!">
-        <INPUT TYPE="reset" VALUE="Reset">
-</FORM>
+<form action="/quotes/add.php?submit=" method="POST">
+        <textarea cols="80" rows="5" name="rash_quote"></textarea><br />
+        <input type="submit" value="Add Quote!" />
+        <input type="reset" value="Reset" />
+</form>
@@ -1,24 +1,92 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
+
+<script type="text/javascript">
+
+function voteQuote(id, dir)
+{
+        jQuery("#quote-"+id+" .quote-rating-up").addClass("quote-action-done").text("+");
+        jQuery("#quote-"+id+" .quote-rating-down").addClass("quote-action-done").text("-");
+        jQuery("#quote-"+id+" .quote-update-result").text("Processing....");
+        jQuery.ajax({
+                type: "GET",
+                url: "/quotes/vote.php",
+                data: "id="+id+"&amp;dir="+dir,
+                dataType: "text",
+                success: function(msg) {
+                        if (msg != "")
+                        {
+                                jQuery("#quote-"+id+" .quote-vote-count").text(msg);
+                                jQuery("#quote-"+id+" .quote-update-result").text("Done");
+                        } else {
+                                jQuery("#quote-"+id+" .quote-update-result").text("Error");
+                        }
+                },
+                error: function() {
+                        jQuery("#quote-"+id+" .quote-update-result").text("Error");
+                }
+        });
+}
+
+function flagQuote(id)
+{
+        jQuery("#quote-"+id+" .quote-report").addClass("quote-action-done").text("[X]");
+        jQuery("#quote-"+id+" .quote-update-result").text("Processing....");
+        jQuery.ajax({
+                type: "GET",
+                url: "/quotes/flag.php",
+                data: "id="+id,
+                dataType: "text",
+                success: function(msg) {
+                        if (msg == "1")
+                        {
+                                jQuery("#quote-"+id+" .quote-update-result").text("Done");
+                        } else {
+                                jQuery("#quote-"+id+" .quote-update-result").text("Error");
+                        }
+                },
+                error: function() {
+                        jQuery("#quote-"+id+" .quote-update-result").text("Error");
+                }
+        });
+}
+
+</script>
 
 <!--BEGIN PAGENUMBERS-->
 <!--INCLUDE quotes/pagenumbers-->
 <!--END PAGENUMBERS-->
 
-<H2><!--ORIGIN--></H2>
+<h2 class="light-at-night"><!--ORIGIN--></h2>
 
+<ul class="quote-list">
 <!--BEGIN QUOTES-->
-<P>
-        <A HREF="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></A>
-        <A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&amp;dir=plus">+</A>
-        <SPAN>(<!--QUOTES.RATING-->)</SPAN>
-        <A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&amp;dir=minus">-</A>
-        <A HREF="/quotes/flag.php?id=<!--QUOTES.NUMBER-->">[X]</A>
-
-        <BR>
+        <li id="quote-<!--QUOTES.NUMBER-->" class="quote">
+                <h3 class="quote-header">
+                        <a class="quote-permalink" href="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></a>
+                        <!--BEGIN QUOTES.CANVOTE-->
+                        <span class="quote-rating-up"><a href="javascript:voteQuote('<!--QUOTES.NUMBER-->','plus');" rel="nofollow">+</a></span>
+                        (<span class="quote-vote-count"><!--QUOTES.RATING--></span>)
+                        <span class="quote-rating-down"><a href="javascript:voteQuote('<!--QUOTES.NUMBER-->','minus');" rel="nofollow">-</a></span>
+                        <!--END QUOTES.CANVOTE-->
+                        <!--BEGIN QUOTES.NOVOTE-->
+                        <span class="quote-rating-up quote-action-done">+</span>
+                        (<span class="quote-vote-count"><!--QUOTES.RATING--></span>)
+                        <span class="quote-rating-down quote-action-done">-</span>
+                        <!--END QUOTES.NOVOTE-->
+                        <!--BEGIN QUOTES.CANFLAG-->
+                        <span class="quote-report"><a href="javascript:flagQuote('<!--QUOTES.NUMBER-->');" rel="nofollow">[X]</a></span>
+                        <!--END QUOTES.CANFLAG-->
+                        <!--BEGIN QUOTES.NOFLAG-->
+                        <span class="quote-report quote-action-done">[X]</span>
+                        <!--END QUOTES.NOFLAG-->
+                        <span class="quote-date"><!--QUOTES.DATE--></span>
+                        <span class="quote-update-result"><!--QUOTES.COMMENTS--></span>
+                </h3>
 
-        <!--QUOTES.QUOTE-->
-</P>
+                <blockquote class="quote-body"><!--QUOTES.QUOTE--></blockquote>
+        </li>
 <!--END QUOTES-->
+</ul>
 
 <!--BEGIN PAGENUMBERS-->
 <!--INCLUDE quotes/pagenumbers-->
@@ -1,17 +1,17 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<CENTER>
-        <A HREF="/quotes/<!--LORIGIN-->.php">First</A>&nbsp;&nbsp;
-        <A HREF="/quotes/<!--LORIGIN-->.php?page=<!--MINUSTEN-->">-10</A>&nbsp;&nbsp;
-        <!--BDDD-->
+<center>
+        <a href="/quotes/<!--LORIGIN-->.php">First</a>&nbsp;&nbsp;
+        <a href="/quotes/<!--LORIGIN-->.php?page=<!--MINUSTEN-->">-10</a>&nbsp;&nbsp;
+        <span class="light-at-night"><!--BDDD--></span>
         <!--BEGIN BPAGES-->
-        <A HREF="/quotes/<!--LORIGIN-->.php?page=<!--BPAGES.PAGENUM-->"><!--BPAGES.PAGENUM--></A>&nbsp;&nbsp;
+        <a href="/quotes/<!--LORIGIN-->.php?page=<!--BPAGES.PAGENUM-->"><!--BPAGES.PAGENUM--></a>&nbsp;&nbsp;
         <!--END BPAGES-->
-        <!--CURPAGE-->&nbsp;&nbsp;
+        <span class="light-at-night"><!--CURPAGE--></span>&nbsp;&nbsp;
         <!--BEGIN APAGES-->
-        <A HREF="/quotes/<!--LORIGIN-->.php?page=<!--APAGES.PAGENUM-->"><!--APAGES.PAGENUM--></A>&nbsp;&nbsp;
+        <a href="/quotes/<!--LORIGIN-->.php?page=<!--APAGES.PAGENUM-->"><!--APAGES.PAGENUM--></a>&nbsp;&nbsp;
         <!--END APAGES-->
-        <!--ADDD-->
-        <A HREF="/quotes/<!--LORIGIN-->.php?page=<!--PLUSTEN-->">+10</A>&nbsp;&nbsp;
-        <A HREF="/quotes/<!--LORIGIN-->.php?page=<!--LASTPAGE-->">Last</A>&nbsp;&nbsp;
-</CENTER>
+        <span class="light-at-night"><!--ADDD--></span>
+        <a href="/quotes/<!--LORIGIN-->.php?page=<!--PLUSTEN-->">+10</a>&nbsp;&nbsp;
+        <a href="/quotes/<!--LORIGIN-->.php?page=<!--LASTPAGE-->">Last</a>&nbsp;&nbsp;
+</center>
@@ -1,19 +1,19 @@
-<DIV CLASS="cleardiv"></DIV>
+<div class="cleardiv"></div>
 
-<H1>Search</H1>
+<h1 class="light-at-night">Search</h1>
 
-<FORM METHOD="POST" ACTION="/quotes/search.php?fetch=">
-        <INPUT TYPE="text" NAME="search" SIZE="28">&nbsp;
-        <INPUT TYPE="submit" NAME="submit"><BR>
-        Sort: <SELECT NAME="sortby" SIZE="1">
-                <OPTION SELECTED>Rating</OPTION>
-                <OPTION>ID</OPTION>
-        </SELECT>&nbsp;
-        How many: <SELECT NAME="number" SIZE="1">
-                <OPTION SELECTED>10</OPTION>
-                <OPTION>25</OPTION>
-                <OPTION>50</OPTION>
-                <OPTION>75</OPTION>
-                <OPTION>100</OPTION>
-        </SELECT>
-</FORM>
+<form method="POST" action="/quotes/search.php?fetch=">
+        <input type="text" name="search" size="28" />&nbsp;
+        <input type="submit" name="submit" /><br />
+        <span class="light-at-night">Sort:</span> <select name="sortby" size="1">
+                <option selected="selected">Rating</option>
+                <option>ID</option>
+        </select>&nbsp;
+        <span class="light-at-night">How many:</span> <select name="number" size="1">
+                <option selected="selected">10</option>
+                <option>25</option>
+                <option>50</option>
+                <option>75</option>
+                <option>100</option>
+        </select>
+</form>