now uses the proper image finding features of the API, as well as dynamicly changes the base and hover images based on current app

This commit is contained in:
seek3r 2001-12-30 08:25:32 +00:00
parent 64cf67dab3
commit c86438c2b2
2 changed files with 47 additions and 24 deletions

View File

@ -26,7 +26,6 @@
//$tpl->set_block('navbar','B_num_users','V_num_users'); //$tpl->set_block('navbar','B_num_users','V_num_users');
$var['img_root'] = PHPGW_IMAGES_DIR; $var['img_root'] = PHPGW_IMAGES_DIR;
$var['img_root_roll'] = PHPGW_IMAGES_DIR . '/rollover';
$var['table_bg_color'] = $GLOBALS['phpgw_info']['theme']['navbar_bg']; $var['table_bg_color'] = $GLOBALS['phpgw_info']['theme']['navbar_bg'];
$find_double = strrpos($GLOBALS['phpgw_info']['server']['webserver_url'],'//'); $find_double = strrpos($GLOBALS['phpgw_info']['server']['webserver_url'],'//');
@ -78,7 +77,7 @@
} }
else else
{ {
$img_src_over = $GLOBALS['phpgw']->common->image($app[0],'navbar-over.gif'); $img_src_over = $GLOBALS['phpgw']->common->image_on($app[0],'navbar','-over');
} }
if($img_src_over) if($img_src_over)
{ {
@ -100,24 +99,48 @@
$var['logout_link'] = $GLOBALS['phpgw_info']['navbar']['logout']['url']; $var['logout_link'] = $GLOBALS['phpgw_info']['navbar']['logout']['url'];
$var['help_link'] = $GLOBALS['phpgw_info']['navbar']['about']['url']; $var['help_link'] = $GLOBALS['phpgw_info']['navbar']['about']['url'];
if ($GLOBALS['phpgw_info']['flags']['currentapp'] == 'home') if ($GLOBALS['phpgw_info']['flags']['currentapp'] != 'home')
{ {
$var['welcome_img'] = PHPGW_IMAGES_DIR . '/welcome-red.gif'; $var['welcome_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','welcome2');
$var['welcome_img_hover'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','welcome2','_over');
} }
else else
{ {
$var['welcome_img'] = PHPGW_IMAGES_DIR . '/welcome-grey.gif'; $var['welcome_img'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','welcome2','_over');
$var['welcome_img_hover'] = $GLOBALS['phpgw']->common->image('phpgwapi','welcome2');
} }
if ($GLOBALS['phpgw_info']['flags']['currentapp'] == 'preferences') if ($GLOBALS['phpgw_info']['flags']['currentapp'] != 'preferences')
{ {
$var['preferences_img'] = PHPGW_IMAGES_DIR . '/preferences-red.gif'; $var['preferences_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','preferences');
$var['preferences_img_hover'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','preferences','_over');
} }
else else
{ {
$var['preferences_img'] = PHPGW_IMAGES_DIR . '/preferences-grey.gif'; $var['preferences_img'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','preferences','_over');
$var['preferences_img_hover'] = $GLOBALS['phpgw']->common->image('phpgwapi','preferences');
} }
$var['logout_img'] = PHPGW_IMAGES_DIR . '/logout-grey.gif';
$var['logout_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','log_out2');
$var['logout_img_hover'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','log_out2','_over');
if ($GLOBALS['phpgw_info']['flags']['currentapp'] != 'about')
{
$var['about_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','question_mark2');
$var['about_img_hover'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','question_mark2','_over');
}
else
{
$var['about_img'] = $GLOBALS['phpgw']->common->image_on('phpgwapi','question_mark2','_over');
$var['about_img_hover'] = $GLOBALS['phpgw']->common->image('phpgwapi','question_mark2');
}
$var['content_spacer_middle_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','content_spacer_middle');
$var['em_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','em');
$var['logo_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','logo2');
$var['top_spacer_middle_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','top_spacer_middle');
$var['nav_bar_left_spacer_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','nav_bar_left_spacer');
$var['nav_bar_left_top_bg_img'] = $GLOBALS['phpgw']->common->image('phpgwapi','nav_bar_left_top_bg');
// "powered_by_color" and "_size" are is also used by number of current users thing // "powered_by_color" and "_size" are is also used by number of current users thing
$var['powered_by_size'] = '2'; $var['powered_by_size'] = '2';

View File

@ -1,10 +1,10 @@
marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" border="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" border="0"
onLoad="MM_preloadImages('{app_images}', onLoad="MM_preloadImages('{app_images}',
'{img_root_roll}/log_out_over2.gif', '{logout_img_hover}',
'{img_root_roll}/preferences_over2.gif', '{preferences_img_hover}',
'{img_root_roll}/question_mark_over2.gif', '{about_img_hover}',
'{img_root_roll}/welcome_over2.gif');" '{welcome_img_hover}');"
background="{img_root}/content_spacer_middle.gif"> background="{content_spacer_middle_img}">
<!-- the above is the continuation and finishing if the < body > element started in head.tpl <!-- the above is the continuation and finishing if the < body > element started in head.tpl
the margin items could be merged into head, as head already supplies some the margin items could be merged into head, as head already supplies some
the variables for onLoad are set in navbar --> the variables for onLoad are set in navbar -->
@ -13,10 +13,10 @@
<tr> <tr>
<!-- top row back images are 58px high, but the row may be smaller than that --> <!-- top row back images are 58px high, but the row may be smaller than that -->
<!-- row 2 images are 15 px high, so this table with these 2 rows is 58 plus 15 equals 73px high --> <!-- row 2 images are 15 px high, so this table with these 2 rows is 58 plus 15 equals 73px high -->
<td width="154" height="58" align="left" valign="top" background="{img_root}/em.gif"> <td width="154" height="58" align="left" valign="top" background="{em_img}">
<img src="{img_root}/logo2.gif"> <img src="{logo_img}">
</td> </td>
<td width="100%" align="right" background="{img_root}/em.gif"> <td width="100%" align="right" background="{em_img}">
<table width="100%" height="28" cellpadding="0" cellspacing="0" border="0" valign="top"> <table width="100%" height="28" cellpadding="0" cellspacing="0" border="0" valign="top">
<tr> <tr>
<!-- <td width="100%" align="right" valign="top"><font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;{current_users}</font></td> --> <!-- <td width="100%" align="right" valign="top"><font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;{current_users}</font></td> -->
@ -43,14 +43,14 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" width="100%" height="15" align="right" valign="top" background="{img_root}/top_spacer_middle2.gif"> <td colspan="2" width="100%" height="15" align="right" valign="top" background="{top_spacer_middle_img}">
<!-- row 2 right nav buttons --> <!-- row 2 right nav buttons -->
<table cellpadding="0" cellspacing="0" border="0"> <table cellpadding="0" cellspacing="0" border="0">
<tr> <tr>
<td><a href="{home_link}" onMouseOver="nine.src='{img_root}/rollover/welcome_over2.gif'" onMouseOut="nine.src='{img_root}/welcome2.gif'"><img src="{img_root}/welcome2.gif" border="0" name="nine"></a></td> <td><a href="{home_link}" onMouseOver="nine.src='{welcome_img_hover}'" onMouseOut="nine.src='{welcome_img}'"><img src="{welcome_img}" border="0" name="nine"></a></td>
<td><a href="{preferences_link}" onMouseOver="ten.src='{img_root}/rollover/preferences_over2.gif'" onMouseOut="ten.src='{img_root}/preferences2.gif'"><img src="{img_root}/preferences2.gif" border="0" name="ten"></a></td> <td><a href="{preferences_link}" onMouseOver="ten.src='{preferences_img_hover}'" onMouseOut="ten.src='{preferences_img}'"><img src="{preferences_img}" border="0" name="ten"></a></td>
<td><a href="{logout_link}" onMouseOver="eleven.src='{img_root}/rollover/log_out_over2.gif'" onMouseOut="eleven.src='{img_root}/log_out2.gif'"><img src="{img_root}/log_out2.gif" border="0" name="eleven"></a></td> <td><a href="{logout_link}" onMouseOver="eleven.src='{logout_img_hover}'" onMouseOut="eleven.src='{logout_img}'"><img src="{logout_img}" border="0" name="eleven"></a></td>
<td><a href="{help_link}" onMouseOver="help.src='{img_root}/rollover/question_mark_over2.gif'" onMouseOut="help.src='{img_root}/question_mark2.gif'"><img src="{img_root}/question_mark2.gif" border="0" name="help"></a></td> <td><a href="{help_link}" onMouseOver="help.src='{about_img_hover}'" onMouseOut="help.src='{about_img}'"><img src="{about_img}" border="0" name="help"></a></td>
</tr> </tr>
</table> </table>
</td> </td>
@ -58,13 +58,13 @@
</table> </table>
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr> <tr>
<td width="154" align="left" valign="top" background="{img_root}/nav_bar_left_spacer.gif"> <td width="154" align="left" valign="top" background="{nav_bar_left_spacer_img}">
<!-- left nav table --> <!-- left nav table -->
<table border="0" cellpadding="0" cellspacing="0"> <table border="0" cellpadding="0" cellspacing="0">
<!-- applications supplies their own tr's and td's --> <!-- applications supplies their own tr's and td's -->
{applications} {applications}
<tr> <tr>
<td><img src="{img_root}/nav_bar_left_top_bg.gif"></td> <td><img src="{nav_bar_left_top_bg_img}"></td>
</tr> </tr>
</table> </table>
</td> </td>