[CSS][JS] Suckerfish en frames

Pagina: 1
Acties:

  • GewoonNico
  • Registratie: April 2003
  • Laatst online: 08:16
Het probleem is als volgt:
De opdrachtgever wilt het menu op deze website: http://www.integriteitlimburg.nl/new/ altijd bovenaan de pagina hebben. Dit heb ik opgelost door middel van een Frame.
Maar dit brengt het volgende probleem met zich mee: het suckerfish menu dat ik gebruik werkt niet over frames heen.

De code is als volgt:
HTML:
1
2
3
4
5
6
7
8
9
10
11
<ul id="menu">
                <li><a href="">Home</a></li>
                <li><a href="">Beleid</a><ul>
                            <li><a href="">Gedragscode</a>
                            <li><a href="">Melden</a>
                            <li><a href="">Eed en belofte</a></ul></li>
                <li><a href="">Regelingen</a></li>
                <li><a href="">Actualiteit</a></li>
                <li><a href="">Links</a></li>
                <li><a href="">Contact</a></li>
            </ul>

Eed en belofte valt buiten het frame en deze is dus niet zichtbaar


Cascading Stylesheet:
1
2
3
4
5
6
7
8
#menu, #menu ul                     { padding: 0px; margin: 0px; list-style: none; }
#menu a                             { display: block; }
#menu li                            { float: left; padding: 0px 15px 0px 0px; }

#menu li ul                         { position: absolute; left: -999em; }
#menu li ul li                      { clear: both; }
#menu li:hover ul { left: auto; }
#menu li:hover ul, #menu li.sfhover ul { left: auto; }


JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
sfHover = function()
    {
    if (document.getElementById("menu"))
        {
        var sfEls = document.getElementById("menu").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++)
            {
            sfEls[i].onmouseover=function()
                {
                this.className+=" sfhover";
                }
            sfEls[i].onmouseout=function()
                {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
            }
        }
    }

if (window.attachEvent) { window.attachEvent("onload", sfHover) };


Is het mogelijk om het menu over het main-frame te laten lopen?

[ Voor 35% gewijzigd door GewoonNico op 10-07-2006 13:55 ]


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Nee. :)

Over een iframe heen kan wel, kijk maar hoe de code van dit forum is; adsense zit in een iframe.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Als je geen frames gebruikt gaat je menu toch ook niet ineens buiten je browser doorlopen :? ;)

Frames zijn in principe bedoelt om meerdere documenten in één browservenster te hebben, dus in principe staan ze los van elkaar. Waarom zet je het menu niet gewoon vast met CSS (zoek eens naar de verschillende mogelijkheden, voor- en nadelen; denk aan position: absolute of position: fixed)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Op een serveerblaadje: http://limpid.nl/lab/css/fixed/header