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, 80 insertions, 12 deletions

@@ -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-->