UI Tabs

UI Tabs

Hi everyone,
I hate asking this but have been racking my brain over this and not looking for someone to write the code but maybe a point in the right direction. I am a teacher and have been using Elgg and trying to modify it, particularly the messaging. I would like to implement tabs to switch between the inbox, sent and compose but have just spent all day trying unsuccessfully different tutorials and options. Basically the content is loaded through a php file and then displayed though the system. I can't find info on referencing a php file to load content into the tabs.

The code for the content is this. If anyone can point me in the right direction please let me know. Thank you..

  1. <?php

        /**
         * Elgg messages view page
         *
         * @package ElggMessages
         * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
         * @author Curverider Ltd <info@elgg.com>
         * @copyright Curverider Ltd 2008-2009
         * @link http://elgg.com/
         *
         * @uses $vars['entity'] An array of messages to view
         * @uses $vars['page_view'] This is the page the messages are being accessed from; inbox or sentbox
         *
         */
        
        
        $limit = $vars['limit']; if (empty($limit)) $limit = 10;
        $offset = $vars['offset']; if (!isset($offset)) $offset = 0;
        
        // If there are any messages to view, view them
        if (isloggedin())
        if (is_array($vars['entity']) && sizeof($vars['entity']) > 0) {
                
    ?>
        <div id="messages" /><!-- start the main messages wrapper div -->
                
    <?php
                
                // get the correct display for the inbox view
                if($vars['page_view'] == "inbox") {

                    $counter = 0;
                    
                    foreach($vars['entity'] as $message) {
                        if ($message->owner_guid == $vars['user']->guid
                            || $message->toID == $vars['user']->guid) {
                        
                        //make sure to only display the messages that have not been 'deleted' (1 = deleted)
                        if($message->hiddenFrom != 1){
                            
                            // check to see if the message has been read, if so, get the correct background color
                            if($message->readYet == 1){
                                echo "<div class=\"message_read\" />";
                            }else{
                                echo "<div class=\"message_notread\" />";
                            }
                            
                            //set the table
                            echo "<table width=\"100%\" cellspacing='0'><tr>";       
                            //get the icon of the user who owns the message
                            $from = get_entity($message->fromId);
                            echo "<td width='200px'>" . elgg_view("profile/icon",array('entity' => $from, 'size' => 'tiny')) . "<div class='msgsender'><b>" . $from->name . "</b><br /><small>" . friendly_time($message->time_created) . "</small></div></td>";
                            //display the message title
                            echo "<td><div class='msgsubject'>";
                            echo "<input type=\"checkbox\" name=\"message_id[]\" value=\"{$message->guid}\" /> ";
                            echo "<a href=\"{$message->getURL()}\">" . $message->title . "</a></div></td>";
                            //display the link to 'delete'
                            
                            echo "<td width='70px'>";
                            echo "<div class='delete_msg'>" . elgg_view("output/confirmlink", array(
                                                                    'href' => $vars['url'] . "action/messages/delete?message_id=" . $message->getGUID() . "&type=inbox&submit=" . urlencode(elgg_echo('delete')),
                                                                    'text' => elgg_echo('delete'),
                                                                    'confirm' => elgg_echo('deleteconfirm'),
                                                                )) . "</div>";                                
                                                                
                            echo "</td></tr></table>";
                            echo "</div>"; // close the message background div
                            
                        }//end of hiddenFrom if statement
                        } // end of user check
                        
                        $counter++;
                        if ($counter == $limit) break;
                        
                    }//end of for each loop
                    
                }//end of inbox if statement
                
                // get the correct display for the sentbox view
                if($vars['page_view'] == "sent") {
                    
                    $counter = 0;
                    
                    foreach($vars['entity'] as $message) {
                        
                        //make sure to only display the messages that have not been 'deleted' (1 = deleted)
                        if($message->hiddenTo != 1){
                            
                            //get the correct user entity
                            $user = get_entity($message->toID);
                            echo "<div class=\"message_sent\" />";
                            echo "<table width=\"100%\" cellspacing='0'><tr>";
                            
                            //get the icon for the user the message was sent to
                            echo "<tr><td width='200px'>" . elgg_view("profile/icon",array('entity' => $user, 'size' => 'tiny')) . "<div class='msgsender'><b>" . $user->name . "</b><br /><small>" . friendly_time($message->time_created) . "</small></div></td>";
                            //display the message title
                            echo "<td><div class='msgsubject'>";
                            echo "<input type=\"checkbox\" name=\"message_id[]\" value=\"{$message->guid}\" /> ";
                            echo "<a href=\"{$message->getURL()}?type=sent\">" . $message->title . "</a></div></td>";
                            //display the link to 'delete'
                            
                            echo "<td width='70px'>";
                                echo "<div class='delete_msg'>" . elgg_view("output/confirmlink", array(
                                'href' => $vars['url'] . "action/messages/delete?message_id=" . $message->getGUID() . "&type=sent&submit=" . urlencode(elgg_echo('delete')),
                                'text' => elgg_echo('delete'),
                                'confirm' => elgg_echo('deleteconfirm'),
                            )) . "</div>";
                             echo "</td></tr></table></div>";
                            
                        }//close hiddeTo if statement
                        
                        $counter++;
                        if ($counter == $limit) break;
                        
                    }//close foreach
                    
                }//close page_view sent if statement
                
                $baseurl = $_SERVER['REQUEST_URI'];
                $baseurl = $baseurl = preg_replace('/[\&\?]offset\=[0-9]*/',"",$baseurl);
                
                $nav = '';
                
                if (sizeof($vars['entity']) > $limit) {
                    $newoffset = $offset + $limit;
                    $urladdition = 'offset='.$newoffset;
                    if (substr_count($baseurl,'?')) $nexturl=$baseurl . '&' . $urladdition; else $nexturl=$baseurl . '?' . $urladdition;
                    
                    $nav .= '<a class="pagination_previous" href="'.$nexturl.'">&laquo; ' . elgg_echo('previous') . '</a> ';
                }
                    
                if ($offset > 0) {
                    $newoffset = $offset - $limit;
                    if ($newoffset < 0) $newoffset = 0;
                    $urladdition = 'offset='.$newoffset;
                    if (substr_count($baseurl,'?')) $prevurl=$baseurl . '&' . $urladdition; else $prevurl=$baseurl . '?' . $urladdition;
                    
                    $nav .= '<a class="pagination_next" href="'.$prevurl.'">' . elgg_echo('next') . ' &raquo;</a> ';
                }
            
                
                if (!empty($nav)) {
                    echo '<div class="pagination"><p>'.$nav.'</p><div class="clearfloat"></div></div>';
                }
                    
                echo "</div>"; // close the main messages wrapper div
                
        } else {
            
            echo "<div class=\"contentWrapper\"><p class='messages_nomessage_message'>" . elgg_echo("messages:nomessages") . "</p></div>";
                
        }//end of the first if statement

    ?>



























































































































































Thanks again for any help..