, Guest!
Already a Member? Login or Register.



Due to the volume of spam happening on our forums, posting is now restricted to verified members only.  If you're not verified, drop us a note with your username.

Home > FlexCMS Support Forum > User Help > FAQ's: Templates > Tabbed Website

FlexCMS Support Forum

Tabbed Website
Started July 12, 2008 @ 9:45am by Grady
Post Message 

Posts: 25
Tabbed WebsiteJuly 12, 2008 @ 9:45am
Is there a way in php or javascript to create a tabbed website using FlexCMS? I want the tab to be highlighted on each page, but since the pages are built as displayed I was wondering how if at all you might indicate which page tab gets highlighted as you move from page to page.

Thank you

Posts: 625
July 12, 2008 @ 1:49pm
It is possible, but requires a bit of programming work. Essentially what you do is set up a series of IF statements to determine which page or group of pages is currently being viewed, and use that to build your menu block.

Here's a block of code that I've used on another site, it should get you started. There are really three sections to it, the first is the IF statements, which you'll need to adjust to suit your site. The second is the list of menu items, which you'll also need to adjust to match the top section. The third part is where it loops through the list above and prints the menu items based on whether it's the current page or not. In that example, the images are named menu_[ItemName].gif and menu_[ItemName]_sel.gif when selected.


$ItemsSpacer = '<br>';

$ImagesPath = $ImagesURL.'/uploaded/';
$LinksPath = $MainURL.'/';

$ImagesPrefix = 'menu_';

$ItemsCount = 0;

if ($Arguments1 == 'pages' && ($Arguments2 == 'about_us')) {
$CurrentlySelectedNew['about'] = 1;
else if ($Arguments1 == 'articles') {
$CurrentlySelectedNew['articles'] = 1;
else if ($Arguments1 == 'pages' && ($Arguments2 == 'players_parents' || $Arguments2 == 'registration' || $Arguments2 == 'age_divisions' || $Arguments2 == 'schedules' || $Arguments2 == 'arena_locations')) {
$CurrentlySelectedNew['players'] = 1;
else if ($Arguments1 == 'photos') {
$CurrentlySelectedNew['photos'] = 1;
else if ($Arguments1 == 'pages' && $Arguments2 == 'merchandise') {
$CurrentlySelectedNew['merchandise'] = 1;
else if ($Arguments1 == 'links') {
$CurrentlySelectedNew['links'] = 1;

$ItemLinks[$ItemsCount] = 'pages/about_us.html';
$ItemName[$ItemsCount] = 'about';
$ItemAltText[$ItemsCount] = 'About Us';

$ItemLinks[$ItemsCount] = 'articles.html';
$ItemName[$ItemsCount] = 'articles';
$ItemAltText[$ItemsCount] = 'News & Events';

$ItemLinks[$ItemsCount] = 'pages/players_parents.html';
$ItemName[$ItemsCount] = 'players';
$ItemAltText[$ItemsCount] = 'Players & Parents';

$ItemLinks[$ItemsCount] = 'photos.html';
$ItemName[$ItemsCount] = 'photos';
$ItemAltText[$ItemsCount] = 'Photo Gallery';

$ItemLinks[$ItemsCount] = 'pages/merchandise.html';
$ItemName[$ItemsCount] = 'merchandise';
$ItemAltText[$ItemsCount] = 'Merchandise';

$ItemLinks[$ItemsCount] = 'links.html';
$ItemName[$ItemsCount] = 'links';
$ItemAltText[$ItemsCount] = 'Links & Resources';

for ($i = 1; $i <= $ItemsCount; $i++) {

if ($i != 1) {
print $ItemsSpacer;

if ($CurrentlySelectedNew[$ItemName[$i]]) {
print '<A HREF="'.$LinksPath.$ItemLinks[$i].'"><IMG BORDER="0" SRC="'.$ImagesPath.$ImagesPrefix.$ItemName[$i].'_sel.gif" alt="'.$ItemAltText[$i].'" title="'.$ItemAltText[$i].'"></A>';
else {
print '<A HREF="'.$LinksPath.$ItemLinks[$i].'"><IMG BORDER="0" SRC="'.$ImagesPath.$ImagesPrefix.$ItemName[$i].'.gif" alt="'.$ItemAltText[$i].'" title="'.$ItemAltText[$i].'"></A>';


Paste or include that into a PHP enabled block.


FlexCMS v3.2 Has Been Released!

Last Edit: July 12, 2008 @ 1:49pm by DCSun

Post Message 

Try & Buy FeedForAll - Easy to use RSS Feed Creator - great for iTunes users!


All Contents, Code, Scripts and Technologies Copyright 2003-2009 FlexCMS.
All Rights Reserved. Software License Agreement

Processing Time: 0.07652 seconds.
Management Login

Powered By FlexCMS
Powered By FlexCMS