HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Menu läuft nur im IE

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Menu läuft nur im IE

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Parfait
Forumsteilnehmer


Anmeldungsdatum: 22.10.2008
Beiträge: 10

BeitragVerfasst am: 07.11.2008 08:33:37    Titel: Menu läuft nur im IE Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 07.11.2008 10:41:24    Titel: Antworten mit Zitat

Alö,
bei mir läuft es im Firefox
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 07.11.2008 10:43:02    Titel: Antworten mit Zitat

Vielleicht hast du einfach JavaScript im Firefox deaktiviert Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Parfait
Forumsteilnehmer


Anmeldungsdatum: 22.10.2008
Beiträge: 10

BeitragVerfasst am: 07.11.2008 11:41:58    Titel: Antworten mit Zitat

Nee hab ich nicht.

Habe nach geguckt und es läuft immer noch nicht. Was mache ich falsch???
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 07.11.2008 11:46:21    Titel: Antworten mit Zitat

Was genau läuft denn nicht im Firefox? Klappt das Menü nicht aus? Wird etwas nicht gewünscht dargestellt?
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Parfait
Forumsteilnehmer


Anmeldungsdatum: 22.10.2008
Beiträge: 10

BeitragVerfasst am: 10.11.2008 08:21:33    Titel: Antworten mit Zitat

Genau das Menü klappt nicht auf.

Ich denke ich nehme ein anderes.....
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Doppelwhopper55
Häufiger Poster


Anmeldungsdatum: 29.07.2008
Beiträge: 36

BeitragVerfasst am: 14.03.2009 13:54:28    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.