Autor |
Nachricht |
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mo 22.03.2004 21:55
Titel
|
|
|
lieben dank für den tipp! aber das hatte ich auch schon! wars aber noch nicht!
go on! bin für jeden tipp dankbar!
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mo 22.03.2004 21:59
Titel
|
|
|
oh nein... ich muss verrückt sein ich schau mal, vielleicht fällt mir was ein... (an sowas kann ich einfach nicht vorbeilesen...)
|
|
|
|
|
Anzeige
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Mo 22.03.2004 22:09
Titel
|
|
|
So, hier:
[code:1:572708e9e1]<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<title>Unbenanntes Dokument</title>
<style type=text/css>
.menuOut {
cursor:pointer;
margin:2px;
background-color:#ecebeb;
color:#000000;
width:auto;
border:0px none #000000;
padding:2px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-decoration: none;
text-indent: 30px;
}
.menuOver {
cursor:pointer;
margin:2px;
background-color:#183151;
color:#ffffff;
width:auto;
border:0px none #000000;
padding:2px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-decoration: none;
text-indent: 30px;
}
</style>
<script language=javascript>
function SwitchMenu(obj, obj2, classNameOver, classNameOut){
// alert (obj2);
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById(cont).getElementsByTagName(DIV);
if(el.style.display == none){
for (var i=0; i<ar.length; i++){
ar[i].style.display = none;
}
obj2.className = classNameOver;
el.style.display = block;
}else{
el.style.display = none;
obj2.className = classNameOut;
}
}
}
document.onselectstart = new Function(return true);
</script>
</head>
<body>
<!-- Menu start -->
<div id=cont>
<p id=menu1 class=menuOut onclick=SwitchMenu('sub1', this, 'menuO
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Di 23.03.2004 18:32
Titel
|
|
|
DAS IST KLASSE!
vielen lieben dank!
jetzt funktionierts! einziger kleiner haken: on mouse over tut sich jetzt gar nichts mehr!
noch ein tipp`??
TAUSEND DANK!
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Di 23.03.2004 18:42
Titel
|
|
|
und noch ein kleiner fehler ist mir aufgefallen:
wenn ich das menü aufklappe und gleich darauf einen weiteren menüpunkt aufklappe, ohne vorher das vorherige menü durch nochmaliges klicken wieder zuzuklappen, bleiben beide menüpunkte im rolloverstil eingefärbt!
???
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Di 23.03.2004 19:38
Titel
|
|
|
Meine Güte. Da hab ich gerad den Wald vor lauter Bäumen nicht mehr gesehen:
[code:1:e8caf65812]<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<title>Unbenanntes Dokument</title>
<style type=text/css>
.menuOut {
cursor:pointer;
margin:2px;
background-color:#ecebeb;
color:#000000;
width:auto;
border:0px none #000000;
padding:2px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-decoration: none;
text-indent: 30px;
}
.menuOver {
cursor:pointer;
margin:2px;
background-color:#183151;
color:#ffffff;
width:auto;
border:0px none #000000;
padding:2px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-decoration: none;
text-indent: 30px;
}
</style>
<script language=javascript>
function SwitchMenu(obj, obj2, classNameOver, classNameOut){
// alert (obj2);
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById(cont).getElementsByTagName(DIV);
var ar2 = document.getElementById(cont).getElementsByTagName(P);
if(el.style.display == none){
for (var i=0; i<ar.length; i++){
ar[i].style.display = none;
}
for (var i=0; i<ar2.length; i++){
ar2[i].className = classNameOut;
}
obj2.className = classNameOver;
el.style.display = block;
}else{
el.style.display = none;
// obj2.className = classNameOut;
}
}
}
function Hover(obj, obj2, classNameOver, classNameOut) {
if(document.getElementById){
el=document.getElementById(obj2);
if (el.style.display==none) {
if (obj.className == classNameOut) {
obj.className = classNameOver;
changed=true;
}
else {
obj.className = classNameOut;
changed=true;
//alert (obj.className);
}
}
}
}
document.onselectstart = new Function(return true);
</script>
</head>
<body>
<!-- Menu start -->
<div id=cont>
<p id=menu1 class=menuOut onMouseOut=Hover(this, 's
Zuletzt bearbeitet von am Di 23.03.2004 19:44, insgesamt 2-mal bearbeitet
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Di 23.03.2004 21:09
Titel
|
|
|
das klappt bei mir jetzt allerdings gar nicht ;-(
sorry ... ich geb mir ja mühe!
|
|
|
|
|
Account gelöscht
Threadersteller
Ort: -
Alter: -
|
Verfasst Di 23.03.2004 22:19
Titel
|
|
|
ehrlich? auweiha... langsam fange ich an an mir zu zweifeln.... wartmal....
//
bei mir funztet einwandfrei, getestet mit mozilla6 und ie6...
auf http://www.optimusprime.de/menuschaise/test.htm kannst du dir die von mir verwendete datei nochmal runterladen. wenn es dann nicht funktioniert... spring ich vom sofa, echt!
Zuletzt bearbeitet von am Di 23.03.2004 22:26, insgesamt 3-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Javascript-Menu
[JavaScript] Drop Down Menu
CSS-drop-down-menu OHNE javascript
[CSS/PHP/Javascript] CSS-Menu a:active soll sichtbar sein
simple javascript accordian menu - menü soll offen bleiben
[javascript] mit <select> feld wert an javascript funk
|
|