URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly? [Theme design questions]

1

URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/14 21:07
rewwer
Just popping in
Posts: 24
Since: 2007/10/2

Good day comrades xoopers!
Iv got some problems with "how to mark current link on web site". For example, here is a situation: -

We`v got a "main menu" (/Home/News/Info/Partners/e.t.c./), "User menu"(/profile links/), "smartsection menu (/Categories/1,2,3, e.t.c.)" at the left column,... and at the top of page we`v got "hot link menu"(/Home/News/Info/Contacts/Partners/E.T.C/) some of them point to modules and some of them points to some documents in modules such as "SmartSection module" cous logical placing positon of that doc about 2-4 levels deep, but it should be easy accesible from "home" page...

Question - How to mark-highlight current links on a page when user clicks on it and go to "news" for example or "partners" e.t.c.?

So what we need to get if user clicks on a "news" - the "news links" are highlighted, or user click on "partners" -result now "partners" link highlighted...

I`v tried to play with CSS pseudo class - a:active, a:hover, a.current ... and few more things...
/acceptable thing was a JavaScript - SlideBall how it works You can see here / but I could not get it work on a XOOPS theme.

part of my CSS may be help you to point right way

Quote:

/* block main menu */
#mainmenu { font-size: 13px;}
#mainmenu a {display: block; margin: 0; padding: 4px;border-bottom: 1px solid #e9e9e9;}
#mainmenu a:hover, a:focus, a:active { color:#FF0000;}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left: 12px; background-color: #FFFFFF; font-size:.9em; font-style:italic; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub:hover {background-color: #e6e6e6;}

/* block user menu */
#usermenu { font-size: 13px;}
#usermenu a {display: block; margin: 0; padding: 4px;border-bottom: 1px solid #e9e9e9;}
#usermenu a:hover, a:focus, a:active { color:#FF0000;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #66CC00;}

few more info

XOOPS Version: 2.3.1
Module Name/Version: any
PHP Version: 5.xx
MySQL Version: 5.xx
Web Server Software (Apache/IIS/Other): apache
Operating System: RedHat
Theme you are using: Buisnex
Custom template: (Yes/No) not sure
PHP Debug Messages: none
MySQL Debug Messages: none
Smarty Debug Messages: none
_____________________
With best regards to xoopers

2

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 1:45
ghia
Community Support Member
Posts: 4953
Since: 2008/7/3 1

I think the effect you're looking for is in this users website.

The art of asking questions.

3

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 8:41
rewwer
Just popping in
Posts: 24
Since: 2007/10/2

Quote:

by ghia on 2008/12/15 1:45:15

I think the effect you're looking for is in this users website.

YES MOSTLY CORRECT, but how to do that at XOOPS theme?

4

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 9:38
ghia
Community Support Member
Posts: 4953
Since: 2008/7/3 1

It is a XOOPS theme: xpro_066_sparkles_v1.

The art of asking questions.

5

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 12:02
rewwer
Just popping in
Posts: 24
Since: 2007/10/2

eny more ideas? xpro_066_sparkles_v1 - its pay theme..., there is should be a simple solution with small JS and CSS...

6

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 12:34
Burning
Theme Designer
Posts: 1163
Since: 2006/8/22

hi,

Take a look to XL-One theme. If I'm not wrong, there is some innovative menus inside :https://xoops.org/modules/extgallery/public-album.php?id=6

Or you could adapt your theme like this :

1. How to identify active module ?

Edit theme.html and just after <body> tag add <div id="<{$xoops_dirname}>"> (do not forget to close </div> just before </body>)

2. Now your theme knows wich module is active.

Edit your style.css like this :
Quote:

#system #mainmenu a {color: red;}
#news #mainmenu a {color: red;}
#mylinks #mainmenu a {color: red;}
#oledrion #mainmenu a {color: red;}
#... #mainmenu a {color: red;}

... I think it should work

Still learning CSS and... english

7

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 13:54
trabis
Core Developer
Posts: 2269
Since: 2006/9/1 1

Another way is:
Edit system/blocks/system_blocks and use this:


function b_system_main_show()

{

    global $xoopsUser,$xoopsModule;

    $block = array();

    $block['lang_home'] = _MB_SYSTEM_HOME;

    $block['lang_close'] = _CLOSE;

    $module_handler =& xoops_gethandler('module');

    $criteria = new CriteriaCompo(new Criteria('hasmain', 1));

    $criteria->add(new Criteria('isactive', 1));

    $criteria->add(new Criteria('weight', 0, '>'));

    $modules = $module_handler->getObjects($criteria, true);

    $moduleperm_handler =& xoops_gethandler('groupperm');

    $groups = is_object($xoopsUser) ? $xoopsUser->getGroups() : XOOPS_GROUP_ANONYMOUS;

    $read_allowed = $moduleperm_handler->getItemIds('module_read', $groups);

    foreach (array_keys($modules) as $i) {

        if (in_array($i, $read_allowed)) {

            $block['modules'][$i]['name'] = $modules[$i]->getVar('name');

            $block['modules'][$i]['directory'] = $modules[$i]->getVar('dirname');

            $sublinks = $modules[$i]->subLink();

            // trabis hack

            if ((!empty($xoopsModule)) && ($i == $xoopsModule->getVar('mid'))) {

                $block['modules'][$i]['highlight'] = true;

                $block['nothome'] = true;

            }

            //end of trabis hack

            if ((count($sublinks) > 0) && (!empty($xoopsModule)) && ($i == $xoopsModule->getVar('mid'))) {

                foreach($sublinks as $sublink){

                    $block['modules'][$i]['sublinks'][] = array('name' => $sublink['name'], 'url' => XOOPS_URL.'/modules/'.$modules[$i]->getVar('dirname').'/'.$sublink['url']);

                }

            } else {

                $block['modules'][$i]['sublinks'] = array();

            }

        }

    }

    return $block;

}

Then edit system/templates/blocks/system_block_mainmenu.html and use this:


<table cellspacing="0">

  <tr>

    <td id="mainmenu">

      <a class="menuTop" href="<{$xoops_url}>/" <{if !$block.nothome}>style="color:red;"<{/if}>><{$block.lang_home}></a>

      <!-- start module menu loop -->

      <{foreach item=module from=$block.modules}>

      <a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/" <{if $module.highlight}>style="color:red;"<{/if}>><{$module.name}></a>

        <{foreach item=sublink from=$module.sublinks}>

          <a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a>

        <{/foreach}>

      <{/foreach}>

      <!-- end module menu loop -->

    </td>

  </tr>

</table>

You can style it the way you want.

LatinoPoemas

8

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 15:49
Burning
Theme Designer
Posts: 1163
Since: 2006/8/22

hi,

Bookmarked

!!

Thanks

Still learning CSS and... english

9

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 19:33
trabis
Core Developer
Posts: 2269
Since: 2006/9/1 1

Quote:

Burning wrote:
hi,

Bookmarked !!

Thanks

Cool! I posted here for better tracking!

LatinoPoemas

10

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

2008/12/15 23:18
rewwer
Just popping in
Posts: 24
Since: 2007/10/2

2Burning, iv tried that variant, looks simply nice and right at examole, but, damn(sorry), not working on actual theme... arghhh...
2trabis, is there any other way to do that without touching any system files? i sow somewhere the module which allows you to upload hacks and use them without touching any system files... or is it possible to make a small hacks module?

Stats
Goal:	$100.00
Due Date:	May 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Re: URGENT - Problem with marking(highlighting) "current link" - How to mark it correctly?

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}