dyadica.net

With the advent of this weekends spring clean there was need to revisit the old paper trail. Upon changing the Pages page layout to one of full width I discovered a few XHTML W3C issues.

This was easily fixed however with simple modification to the pollChildren() function to embed the embedded unordered lists within link tags (duh).

As a bonus however I have now a defined entry point for the attachments script within pollChildren().

I get round to both explaining and developing this soon as the spring clean is completed.

With the W3C issues addressed focus turned to the paper trails css which now had to be modified to cater for the additional <li> tags.

The following Images detail a few examples:

I tried out numerous css designs in order to create a visibly usable system. I opted for the page boxes to be non symmetrical (above image).

I believe the stagger enables the user to identify desired focus better. When symmetrical (as follows) things look a little too in your face / cluttered.

I also decided to scrap changing background color for blocks under mouse focus (image 3) as this also looked a bit confusing on the whole.

So with all the current changes in place the pollChildren() function now looks as follows:

function pollChildren($aID, $aData, $aURL) {

$aKids = $aData->get_results(“SELECT ID, post_title, post_type FROM wp_posts WHERE post_parent=”.$aID);

if ($aKids) {

foreach ($aKids as $aKid) {

$pTitle = $aKid->post_title;
$kID = $aKid->ID;
$pType = $aKid->post_type;

if ( $pType == “page” || $pType == “post” ) {

if ( $aURL == “-” ) {
$aURI = str_replace(” “, “-”, $_SERVER['REQUEST_URI'].”/”.$pTitle);
$aURI = strtolower($aURI);
} else {
$aURI = str_replace(” “, “-”, $aURL.”/”.$pTitle);
$aURI = strtolower($aURI);
}

echo “<li class=’paper-item’>”.”<ul>”;
echo “<li><a href=’”.$aURI.”‘>”.$pTitle.”</a></li>”.”\n”;

$aKidz = $aData->get_results(“SELECT * FROM wp_posts WHERE post_parent=”.$kID);

if ($aKidz) {
pollChildren($kID, $aData, $aURI);
} else {
echo “<li class=’hidden’></li>”;
}

echo “</ul>”.”</li>”;

} // [end if, $pType]

} // [$aKids as $aKid, foreach]

} else { echo “<li class=’hidden’></li>”; } // [$aKids, if]

}