Problem mit suckerfish-navi im IE7

pulpthekla · #1 15.01.08, 14:03

hallo leute!
ich habe das problem, dass sich mein suckerfish-menü im IE 7 (IE kleiner als 7 kann ich gerade nicht testen) nicht aufklappt. Im FF funzt es ohne probleme. ich habe gesucht und verglichen, aber finde den fehler leider nicht. vielleicht kann mir ja von euch jemand weiterhelfen ... ?

Also hier mein TS:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

page {
typeNum = 0
bodyTag = <body>
includeCSS {
file1 = fileadmin/css/layout.css
file2 = fileadmin/css/navi.css
file3 = fileadmin/css/content.css
}

headerData.10 = TEXT
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfishmenu.js" language="JavaScript"></script>

10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/templates/template.html
workOnSubpart = DOKUMENT

marks {

NAVI = HMENU
NAVI {
special = directory
special.value = 2
entryLevel = 1

1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
NO = 1
NO {
linkWrap = <li>|</li>
}
IFSUB = 1
IFSUB {
wrapItemAndSub = <li>|</li>
}
}
2 < .1
2 {
wrap = <ul> | </ul>
IFSUB {
ATagParams = class="daddy"
}
}
3 < .2
}

}
}
}

Hier die suckerfishmenu.js

Code:

sfHover = function() {
     var sfEls = document.getElementById("nav").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);

und dann noch mein css:

Code:

div#navigation { /* Positionierung der Navi */
top: 182px;
left: 249px;
width: 720px;
display: block;
position: absolute;
z-index: 50;
}
div#navigation ul { /* all lists */
padding: 0;
margin: 0;
list-style-type: none;
}
div#navigation ul li { /* all list items */
float: left;
position: relative;
width: auto;
}
div#navigation ul li a {
color: #FFF;
background-image:  url(../img-layout/nav_bg.gif);
background-position: right;
background-repeat: no-repeat;
font-size: 11px;
padding: 0 10px;
display: block;
line-height: 30px;
text-decoration: none;
}
div#navigation ul li a:hover {
color: #D0E907;
}

div#navigation ul li ul { /* second-level lists */
position: absolute;
top: 30px;
left: -8000px;
background-image:  url(../img-layout/subnav_bg.gif);
background-position: 0 0;
background-repeat: no-repeat;
background-color: #E5E5E5;
width: 150px;
height: auto;
line-height: 0;
padding: 8px 0 0 0;
margin: 0;
}
div#navigation ul li ul li {
float: none;
margin: 0;
padding: 0;
}
div#navigation ul li ul li a {
color: #7E7E7E;
display: block;
font-size: 10px;
line-height: 13px;
padding: 4px 8px ;
margin: 0;
text-decoration: none;
background-image: none;
border-bottom: #F2F2F2 solid 1px;
}
div#navigation ul li ul li a:hover {
color: #D0E907;
background-image:  url(../img-layout/nav_bg_tex.gif);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #707070;
border-bottom: #F2F2F2 solid 1px;
}
div#navigation ul li:hover ul, div#navigation ul li.sfhover ul { 
display: block;
left: 0;
}

LG, Thekla.

**josDesign** · #2 15.01.08, 15:42

Ich habe jetzt nicht wirklich einen konstruktiven Beitrag für dich, sorry. Aber ich habe für solch eine Sache mithilfe von Armins Tutorial so ein Menü geschafft.
Siehe typo3.intervation.de::Snippets::MenÃ¼s::Suckerfish Dropdowns

pulpthekla · #3 15.01.08, 18:48

Genau da habe ich ja schon geschaut und verglichen. Steh' aber wie gesagt immer noch auf'm Schlauch. Es klappt einfach nicht auf. Grrr. Danke trotzdem für den Tip. Vielleicht hilft's ja jemand anderem. Bin jedenfalls weiter auf der Suche nach 'ner Lösung.

UPS! Ganz blöder Fehler!
Ich hatte lediglich im TS das JavaScript falsch benannt:
FALSCH:
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfishmenu.js" language="JavaScript"></script>
RICHTIG:
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfish.js" language="JavaScript"></script>

Und jetzt funzt es. Wunderschön. Ich bin begeistert.

**josDesign** · #4 15.01.08, 19:51

Na super!!!!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Menüproblem // Top-Navi und Sub-Navi / Treelevel	subchannel	GMENU, HMENU, TMENU und Co.	2	16.05.08 08:40
Suckerfish Problem. Tricky!	Sundance	TYPO3 4.x Fragen und Probleme	0	08.05.08 15:32
CSS&Navi	recen	TYPO3 4.x Fragen und Probleme	3	15.11.07 08:55
Problem mit Navi	ScubaBen	GMENU, HMENU, TMENU und Co.	2	27.09.07 08:35
[Einsteiger] - Problem bei Umsetzung einer Navi mit Rubriken	Uepfel	GMENU, HMENU, TMENU und Co.	5	12.07.07 16:45

Suche

Userpanel

Problem mit suckerfish-navi im IE7