Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
Parfait Forumsteilnehmer
Anmeldungsdatum: 22.10.2008 Beiträge: 10
|
Verfasst am: 07.11.2008 08:33:37 Titel: Menu läuft nur im IE |
|
|
Hallo,
ich brauche Eure Hilfe, ich habe ein Problem. Dieses vertikale Menu läuft nur über den IE, aber nicht im Firefox.
Was kann oder muss ich ändern, damit es auch dort läuft. Oder ist es aussichtslos? Ich danke Euch schon mal im voraus für Eure Hilfe.
Hier ist das script:
[size=9]<style type="text/css">
<!--
.menu
{
background-color: #2b6ebb;
border: 1px solid #008;
font-family: Verdana;
position: absolute;
font-weight: bold;
padding-top: 3px;
font-size: 10px;
cursor: pointer;
width: 150px;
color: #fff;
}
.item_panel
{
border-left: 1px solid #008;
border-right: 1px solid #008;
clip: rect(0, 150, 0, 0);
position: absolute;
width: 150px;
}
.item_panel a
{
text-decoration: none;
cursor: pointer;
color: #000;
}
.item
{
background-color: #e9f0f8;
font-family: Verdana;
font-size: 10px;
width: 148px;
}
//-->
</style>
<script type="text/javascript">
<!--
// Link[nr] = 'position [0 is menu/1 is item] | Link name | url | target (blank|top|frame_name)'
var Link = new Array();
Link[0] = '0|xyz';
Link[1] = '1|yyy|http:// |';
Link[2] = '1|yxc|http:// |';
Link[3] = '1|ert|http:// |';
Link[4] = '1|wert|http:// |';
Link[5] = '0|Blabla';
Link[6] = '1|selfhtml|http://|';
Link[7] = '1|lerne html|http://|'
Link[8] = '0|Sonst';
Link[9] = '1|Gästebuch|http://|';
Link[10] = '1|Kontakt|http://|';
Link[11] = '0|noch mehr';
Link[12] = '1|bla bla|';
var height = 20; // Hoehe der Menuekoepfe
var iheight = 15; // Hoehe der Menueelemente
var bgc = '#e9f0f8' // background color of the item
var over_bgc = '#fff';
var tc = '#000' // text color of the item
var over_tc = '#004891';
var speed = 0;
var timerID = 0;
var width = 152;
var N = (document.all) ? 0 : 1;
var self_menu = new Array();
function write_menu()
{
smc = 0;
mn = 0;
mni = 1;
start = -1;
document.write('<div style="position: absolute;">');
for (var i = 0; i < Link.length; i++)
{
la = Link[i].split('|');
if (la[0] == 0)
{
if (start == 0)
{
document.write('</div>');
h = csmc * iheight;
tmn = mn; // - h;
self_menu[smc] = new Array(tmn, h, 0, -2);
smc++;
mn--;
}
csmc = 0;
document.write('<div id="down' + smc + '" class="menu" '
+ 'style="top: ' + mn + 'px; height: ' + height + 'px;" '
+ 'onclick="pull_down(' + smc + ', ' + mni + ');">'
+ ' ' + la[1] + '</div>');
self_menu[smc] = new Array(mn, height, 0, mni);
smc++;
mni++;
mn += height;
start = 1;
}
else
{
if (start == 1)
{
if (N)
mn += 2;
document.write('<div id="down' + smc + '" class="item_panel" '
+ 'style="top: '+ mn + 'px;">');
start = 0;
}
document.write('<a href="' + la[2] + '"'
+ ((la[3] != '') ? ' target="' + la[3] + '"' : '')
+ '><div id="d' + i + '" class="item" '
+ 'style="height: ' + iheight + 'px;'
+ ((N) ? ' width:150px;' : '')
+ '" onmouseover="color(this.id);" '
+ 'onmouseout="uncolor(this.id);">'
+ ' ' + la[1] + '</div></a>');
csmc++;
}
}
if (start == 0)
{
document.write('</div>');
h = csmc * iheight;
tmn = mn + 5; // - h;
self_menu[smc] = new Array(tmn, h, 0);
name = 'down' + (self_menu.length - 1);
obj = document.getElementById(name);
obj.style.borderBottomColor = '#008';
obj.style.borderBottomWidth = '1px';
obj.style.borderBottomStyle = 'solid';
}
document.write('</div>');
}
function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc;
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc;
}
function pull_down(nr, c)
{
if (timerID == '')
{
to = self_menu[nr + 1][1]
begin = nr + 2;
if (timerID != '')
clearTimeout(timerID);
if (self_menu[nr + 1][2] == 0)
{
self_menu[nr + 1][2] = 1;
if (nr == (self_menu.length - 2))
to++;
epull_down(begin, to, 0);
}
else
{
to = 0;
self_menu[nr + 1][2] = 0;
name = 'down' + (nr + 2);
open_item = 0;
for (var i = 0; i < nr; i++)
if (self_menu[i][2] == 1)
open_item += self_menu[i][1];
if (N == false)
open_item -= (c * 1);
if (nr == (self_menu.length - 2))
{
val = self_menu[self_menu.length - 1][1];
to = -1;
}
else
val = parseInt(document.getElementById(name).style.top) - (open_item) - (c * height);
epull_up(begin, to, val);
}
}
}
function epull_down(nr, to, nowv)
{
name = 'down' + (nr - 1);
obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + (nowv + 1) + ', 0)';
for (var i = nr; i < self_menu.length; i++)
{
name = 'down' + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top) + 1;
}
nowv++;
if (nowv < to)
timerID = setTimeout('epull_down(' + nr + ', ' + to + ', ' + nowv + ');', speed);
else
timerID = 0;
}
function epull_up(nr, to, nowv)
{
name = 'down' + (nr - 1);
obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + nowv + ', 0)';
for (var i = nr; i < self_menu.length; i++)
{
name = 'down' + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top) - 1;
}
nowv--;
if(nowv > to)
timerID = setTimeout('epull_up(' + nr + ', ' + to + ', ' + nowv + ');', speed);
else
timerID = 0;
}
function startup(nr)
{
write_menu();
if (nr != 0)
{
for (var i = 0; i < self_menu.length; i++)
{
if (self_menu[i][3] == nr)
pull_down(i, nr);
i == self_menu.length;
}
}
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
startup(1);
//-->
</script>
</body>
</html>[/size]
|
|
Nach oben |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 07.11.2008 10:41:24 Titel: |
|
|
Alö,
bei mir läuft es im Firefox |
|
Nach oben |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 07.11.2008 10:43:02 Titel: |
|
|
Vielleicht hast du einfach JavaScript im Firefox deaktiviert |
|
Nach oben |
|
|
Parfait Forumsteilnehmer
Anmeldungsdatum: 22.10.2008 Beiträge: 10
|
Verfasst am: 07.11.2008 11:41:58 Titel: |
|
|
Nee hab ich nicht.
Habe nach geguckt und es läuft immer noch nicht. Was mache ich falsch??? |
|
Nach oben |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 07.11.2008 11:46:21 Titel: |
|
|
Was genau läuft denn nicht im Firefox? Klappt das Menü nicht aus? Wird etwas nicht gewünscht dargestellt? |
|
Nach oben |
|
|
Parfait Forumsteilnehmer
Anmeldungsdatum: 22.10.2008 Beiträge: 10
|
Verfasst am: 10.11.2008 08:21:33 Titel: |
|
|
Genau das Menü klappt nicht auf.
Ich denke ich nehme ein anderes..... |
|
Nach oben |
|
|
Doppelwhopper55 Häufiger Poster
Anmeldungsdatum: 29.07.2008 Beiträge: 36
|
Verfasst am: 14.03.2009 13:54:28 Titel: |
|
|
Hallo Parfait,
Also bei mir klappt es ebenfalls mit beiden Browsern.
Lediglich der Tag mit [Size9] wurde ebenfalls mit angezweigt.ebenso das Ende [/size9]
Habe dies mal mit dem Editor entfernt und hatte ein Menü vom feinsten. Genau so was suche ich auch, nur in Horizontaler Ausrichtung.
Anmerkung: IE7 hat über geblockte ActiveX Steuerelemente gemeckert. Mein FF hat das Menü ohne murren angezeigt:-) |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|