| Autor |
Nachricht |
nicole29
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 11.05.2005 22:52
Titel Aufklappmenü, Tabelle im Hintergrund verschwindet bei Klick |
  |
|
Hallo Leute 
ich brauch mal wieder Eure Hilfe  - steh irgendwie auf der Leitung...
habe ein Aufklapp- bzw. Baummenü - sieht auch schon fast gut aus, nur sofern ich auf einen der
Links klicke - um das Aufklappen zu aktivieren verschwindet mein Layer mit dem Tabellenrahmen
und ich finde einfach den Fehler nicht... 
zum besseren Verständnis:
http://www.test.kwellwerk.com
hier die Seite in der das Menü erstellt wird
| Code: |
<SCRIPT LANGUAGE=JavaScript>
<!--
start='inhalt.htm';
bstatus=0;
menu0str="<A HREF='javascript:parent.schreib(4)' ><br><br></A><BR>"
menu1str=menu0str+"<TABLE cellpadding='0' cellspacing='0' border='0'><TR><TD><TD><A HREF='javascript:parent.schreib(1)'><img src='linie.gif' width='198' height='1' border='0'><br> <b>Menü 1
</b></A><BR>";
menu2str="<TABLE cellpadding='0' cellspacing='0' border='0'><TR><TD height='10' vaglin='top'><TD><A HREF='javascript:parent.schreib(2)'><img src='linie.gif' width='198' height='1' border='0'><br> <b>Menü 2
</b></A><BR>";
menu3str="<TR><TD> <TD><A HREF='javascript:parent.schreib(3)'><img src='linie.gif' width='198' height='1' border='0'><br> <b>Menü 3
</b></A><BR>";
endestr="</TABLE>";
function schreib(x) {
if (bstatus==x)
bstatus=0;
else
bstatus=x;
steuer.document.write(baum(bstatus));
steuer.document.close();
}
function baum(offen) {
steuer.document.write("<style>A:link {text-decoration: none; color:black; font-family:Trebuchet MS; margin:50px;}></font>};A:active { color:black; font-family:Trebuchet MS; background-color:silver;}A:visited {text-decoration: none; color:black; font-family:Trebuchet MS; font-weight: normal;}A:hover {text-decoration:none; color:black; font-family:Trebuchet MS; background-color:silver;}</style>")
switch(offen)
{
case 1:
menubaum=menu1str+
"<TR><TD height='10' vaglin='top'><TD><img src='linie.gif' width='198' height='1' ><br><A HREF='test1.htm' target='inhalt'> --> Testseite 1
</A><BR><img src='linie.gif' width='198' height='1' >"+
"<TR><TD height='10' vaglin='top'><TD><A HREF='test2.htm' target='inhalt'> --> Testseite 2
</A><BR><img src='linie.gif' width='198' height='1' >"+
menu2str+menu3str+endestr;
break;
case 2:
menubaum=menu1str+menu2str+
"<TR><TD height='10' vaglin='top'><TD><img src='linie.gif' width='198' height='1' ><br><A HREF='test1.htm' target='inhalt'> --> Testseite 1 </A><BR><img src='../navi/linie.gif' width='198' height='1' ><BR>"+
"<TR><TD height='10' vaglin='top'><TD><A HREF='test2.htm' target='inhalt'> --> Testseite 2 </A><BR><img src='linie.gif' width='198' height='1' >"+
menu3str+endestr;
break;
case 3:
menubaum=menu1str+menu2str+menu3str+
"<TR><TD height='10' vaglin='top'><TD><img src='linie.gif' width='198' height='1' ><br><A HREF='test1.htm' target='inhalt'> --> Testseite 1 </A><BR><img src='../navi/linie.gif' width='198' height='1' ><BR>"+
"<TR><TD height='10' vaglin='top'><TD><A HREF='test2.htm' target='inhalt'> --> Testseite 2 </A><BR><img src='linie.gif' width='198' height='1' >"+
endestr;
break;
case 4:
menubaum=menu0str;
break;
default:
menubaum=menu1str+menu2str+menu3str+endestr;
break;
}
return menubaum;
}
// -->
</SCRIPT>
</HEAD>
<FRAMESET cols="220,80%" framespacing="0" border="0" frameborder="0">
<FRAME SRC="baum.htm" name="steuer" marginwidth="0" marginheight="0" scrolling="auto">
<FRAME SRC="inhalt.htm" name="inhalt" marginwidth="0" marginheight="0" scrolling="auto">
<noframes>
<BODY>
</BODY>
</noframes>
</FRAMESET>
<frameset>
</frameset>
</HTML>
|
hier die Seite in der es aufgerufen wird und der Tabellenrahmen - der ständig verschwindet:
| Code: |
<BODY>
<div style="position: absolute; left:0px; top:20px; z-index:-1; ">
<table cellspacing="0" cellpadding="0" height="470" width="198" >
<tr>
<td colspan="3" valign="top" width="9" height="9"><img src="oben.gif" width="198" height="12" border="0" alt=""></td>
</tr>
<tr>
<td background="E6842F.gif" height="452" width="1"></td>
<td width="196"> </td>
<td background="E6842F.gif" height="452" width="1"></td>
</tr>
<tr>
<td colspan="3" valign="top" width="9" height="9"><img src="unten.gif" width="198" height="12" border="0" alt=""></td>
</tr>
</table>
</div>
<SCRIPT LANGUAGE=JavaScript>
<!--
document.write(parent.baum(0));
// -->
</SCRIPT>
</BODY>
|
Ich hoffe ihr findet den Fehler 
Zuletzt bearbeitet von shakadi am Do 12.05.2005 08:18, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: 
|
Verfasst Do 12.05.2005 08:48
Titel
|
|
|
Krank - wie kann man denn so ein Menü machen?  
Naja, wurscht jetz - ich vermute mal, es liegt am "steuer.document.write"
Der schreibt die KOMPLETTE seite neu; vermute ich ma.
Also entweder mit doctype, <html>, <head>, </head>, <body>' + baum(was weiß ich) + '</body>, </html> oder so halt - mit diener Tabelle und deinem "Rahmen" halt
oder
du setzt den unteren Teil (also das JavScript) in nen div oder so und änderst diesen Inhalt mit innerHTML.
Aber vermut ich nur mal - sowas hab ich noch net gesehn
 
|
|
| |
  |
|
|
Anzeige
|
|
|
nicole29
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 12.05.2005 12:01
Titel
|
|
|
vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung 
Habe das Menü - nicht selbst geschrieben, ist aus einem der vielen Scripte aus dem www. aber es war
das einzige was ich hatte - das genau diesen Zweck erfüllte 
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Do 12.05.2005 12:24
Titel
|
|
|
| nicole29 hat geschrieben: | vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung
|
| nicole29 hat geschrieben: |
Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann
Habe das Menü - nicht selbst geschrieben, ist aus einem der vielen Scripte aus dem www. aber es war
das einzige was ich hatte - das genau diesen Zweck erfüllte |
Das is wohl der Fehler, den die meisten machen
Hast mehr von, wenn dus selbst machst...
http://de.selfhtml.org/
sowas lässt sich im 0,nix mit display:none, inline bzw table-row oder so machen
stichwort getElementById und so
vielß spaß dann noch
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Do 12.05.2005 12:25
Titel
|
|
|
| nicole29 hat geschrieben: | vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung
|
| nicole29 hat geschrieben: |
Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann
Habe das Menü - nicht selbst geschrieben, ist aus einem der vielen Scripte aus dem www. aber es war
das einzige was ich hatte - das genau diesen Zweck erfüllte |
Das is wohl der Fehler, den die meisten machen
Hast mehr von, wenn dus selbst machst...
http://de.selfhtml.org/
sowas lässt sich im 0,nix mit display:none, inline bzw table-row oder so machen
stichwort getElementById und so
vielß spaß dann noch
|
|
| |
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Do 12.05.2005 12:28
Titel
|
|
|
| nicole29 hat geschrieben: | vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung
|
| nicole29 hat geschrieben: |
Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann
Habe das Menü - nicht selbst geschrieben, ist aus einem der vielen Scripte aus dem www. aber es war
das einzige was ich hatte - das genau diesen Zweck erfüllte |
Das is wohl der Fehler, den die meisten machen
Hast mehr von, wenn dus selbst machst...
http://de.selfhtml.org/
sowas lässt sich im 0,nix mit display:none, inline bzw table-row oder so machen
stichwort getElementById und so
vielß spaß dann noch
|
|
| |
|
|
mizkA
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht: 
|
Verfasst Do 12.05.2005 13:17
Titel
|
|
|
|
Also sowas umständliches hab ich aber auch noch net gesehn
|
|
| |
|
|
nicole29
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 12.05.2005 18:01
Titel
|
|
|
Ja, Ihr habt ja recht - es funktioniert irgendwie auch nicht wie es soll... nicht so richtig jedenfalls 
habe mich daher mlal dran gemacht ein Menü mit css zu gestalten - und hier ist es 
http://www.test2.kwellwerk.com
besser so?
Falls noch jemand Interesse daran hat - hier ist der Quelltext:
| Code: |
<html>
<head>
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function showhide(submenu)
{
if (submenu.style.display=='none'){
submenu.style.display='';
}
else{
submenu.style.display='none'
}
}
function hide(submenu)
{
if (submenu.style.display=='block'){
submenu.style.display='';
}
else{
submenu.style.display='none'
}
}
-->
</script>
<style>
.Rahmen
{
width:199;
border-top-color:#E6842F;
border-left-color:#E6842F;
border-right-color:#E6842F;
border-bottom-color:#FFFFFF;
border-width:1px;
border-style:solid;
padding:0px
}
.Rahmen2
{
width:199;
border-top-color:#E6842F;
border-left-color:#E6842F;
border-right-color:#E6842F;
border-bottom-color:#E6842F;
border-width:1px;
border-style:solid;
padding:0px
}
A.clMain
{
font-family:Trebuchet MS, Arial, Helvetica;
font-size:12px;
line-height:22px;
text-decoration:none;
color:#000000;
}
A.clSub{
font-family:Trebuchet MS, Arial,
Helvetica;
font-size:12px;
line-height:22px;
text-decoration:none;
color:#000000;
}
a:link
{
color: #000000;;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color:#000000;
text-decoration: none;
background-color:silver;
}
a:active
{
color: #000000;
text-decoration: none;
background-color:silver;
}
</style>
<title>Navigation</title>
</head>
<body topmargin="0" leftmargin="0">
<div style="position: absolute; left:0px; top:0px; z-index:-1; ">
<img src="tabellenrahmen.gif" width="203" height="470" border="0" >
</div>
<br><br>
<p class="sidetext">
<a onClick="showhide(menu1submenu);hide(menu1submenu2); hide(menu1submenu4); hide(menu1submenu5)" class="clMain Rahmen" style="cursor:hand;" > <b>Computer</b></a></div>
<span id="menu1submenu" style="display:'none'" >
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Shuttle XPC (Bearbones)</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Shuttle XPC Systeme</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Konfigurator</a><br>
</span>
<a onClick="hide(menu1submenu); showhide(menu1submenu2); hide(menu1submenu4); hide(menu1submenu5)" class="clMain Rahmen" style="cursor:hand;"><b> Notebooks</b></a><br>
<span id="menu1submenu2" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Archimedes</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Odin</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Osiris</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Konfigurator</a><br>
</span>
<a onClick="hide(menu1submenu); hide(menu1submenu2); hide(menu1submenu5);hide(menu1submenu4)" class="clMain Rahmen" style="cursor:hand;"><b> Monitore</b></a><br>
<span id="menu1submenu3" style="display:'none'" class="clSub">
</span>
<a onClick="hide(menu1submenu); hide(menu1submenu2); showhide(menu1submenu4); hide(menu1submenu5)" class="clMain Rahmen" style="cursor:hand;"><b> Zubehör</b></a><br>
<span id="menu1submenu4" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Eingabesysteme</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Externe Speicher</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Kartenleser, USB-Sticks</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Sicherheitstechnik</a><br>
</span>
<a onClick="hide(menu1submenu); hide(menu1submenu2); hide(menu1submenu4); showhide(menu1submenu5)" class="clMain Rahmen2" style="cursor:hand;"><b> Einzelkomponenten</b></a><br>
<span id="menu1submenu5" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Prozessoren</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Speicher</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Grafikkarten</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen"> --> Laufwerke</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen"> --> Festplatten</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen2"> --> Sonstiges</a><br>
</span>
</body>
</html>
|
war nicht so schwer wie gedacht 
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
CSS - Hover / Link / Bild - Bild verschwindet nach Klick
Hintergrund in Tabelle
aufklappmenü
Aufklappmenü
Horizontales Aufklappmenü
Horizontales Aufklappmenü
|
|
Willkommen auf dem Portal für Mediengestalter
