mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 07:27 Benutzername: Passwort: Auto-Login

Thema: Aufklappmenü, Tabelle im Hintergrund verschwindet bei Klick vom 11.05.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Aufklappmenü, Tabelle im Hintergrund verschwindet bei Klick
Seite: 1, 2  Weiter
Autor Nachricht
nicole29
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 11.05.2005 21:52
Titel

Aufklappmenü, Tabelle im Hintergrund verschwindet bei Klick

Antworten mit Zitat Zum Seitenanfang

Hallo Leute Grins

ich brauch mal wieder Eure Hilfe * Ja, ja, ja... * - 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... * grmbl *

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>&nbsp;&nbsp;<b>Menü&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>&nbsp;&nbsp;<b>Menü&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;</b></A><BR>";
menu3str="<TR><TD> <TD><A HREF='javascript:parent.schreib(3)'><img src='linie.gif' width='198' height='1' border='0'><br>&nbsp;&nbsp;<b>Menü&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;</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'>&nbsp;&nbsp;&nbsp;--&gt; Testseite&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;</A><BR><img src='linie.gif' width='198' height='1' >"+
"<TR><TD height='10' vaglin='top'><TD><A HREF='test2.htm' target='inhalt'>&nbsp;&nbsp;&nbsp;--&gt; Testseite 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;</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'>&nbsp;&nbsp;&nbsp;--&gt; Testseite 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'>&nbsp;&nbsp;&nbsp;--&gt; Testseite 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'>&nbsp;&nbsp;&nbsp;--&gt; Testseite 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'>&nbsp;&nbsp;&nbsp;--&gt; Testseite 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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 Hä?


Zuletzt bearbeitet von shakadi am Do 12.05.2005 07:18, insgesamt 1-mal bearbeitet
 
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Do 12.05.2005 07:48
Titel

Antworten mit Zitat Zum Seitenanfang

Au weia!
Krank - wie kann man denn so ein Menü machen? * Ööhm... ja? * *balla balla*
*bäh*
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 * Ööhm... ja? *
* Ich bin ja schon still... * *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nicole29
Account gelöscht Threadersteller


Ort: -

Verfasst Do 12.05.2005 11:01
Titel

Antworten mit Zitat Zum Seitenanfang

vielen Dank,

habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung Meine Güte!

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 Menno!
 
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Do 12.05.2005 11:24
Titel

Antworten mit Zitat Zum Seitenanfang

nicole29 hat geschrieben:
vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung Meine Güte!

nicole29 hat geschrieben:

Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann *zwinker*
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 Menno!

Das is wohl der Fehler, den die meisten machen *bäh*
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 *zwinker*
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Do 12.05.2005 11:25
Titel

Antworten mit Zitat Zum Seitenanfang

nicole29 hat geschrieben:
vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung Meine Güte!

nicole29 hat geschrieben:

Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann *zwinker*
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 Menno!

Das is wohl der Fehler, den die meisten machen *bäh*
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 *zwinker*
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Do 12.05.2005 11:28
Titel

Antworten mit Zitat Zum Seitenanfang

nicole29 hat geschrieben:
vielen Dank,
habe einfach den Tabellenrahmen als .gif abgespeichert und mit ins Menü geschrieben
Stand wohl gestern auf der langen Leitung Meine Güte!

nicole29 hat geschrieben:

Nuja - dann isses aber trotzdem noch keine "richtige" html-datei dann *zwinker*
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 Menno!

Das is wohl der Fehler, den die meisten machen *bäh*
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 *zwinker*
  View user's profile Private Nachricht senden
mizkA

Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 34
Geschlecht: Weiblich
Verfasst Do 12.05.2005 12:17
Titel

Antworten mit Zitat Zum Seitenanfang

Also sowas umständliches hab ich aber auch noch net gesehn Au weia! Au weia! Au weia! Au weia! Au weia!
  View user's profile Private Nachricht senden
nicole29
Account gelöscht Threadersteller


Ort: -

Verfasst Do 12.05.2005 17:01
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, Ihr habt ja recht - es funktioniert irgendwie auch nicht wie es soll... nicht so richtig jedenfalls *Schnief*

habe mich daher mlal dran gemacht ein Menü mit css zu gestalten - und hier ist es * Applaus, Applaus *

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;" >&nbsp;&nbsp;<b>Computer</b></a></div>
<span id="menu1submenu" style="display:'none'" >
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Shuttle XPC (Bearbones)</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Shuttle XPC Systeme</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Konfigurator</a><br>

</span>

<a  onClick="hide(menu1submenu); showhide(menu1submenu2); hide(menu1submenu4); hide(menu1submenu5)" class="clMain Rahmen" style="cursor:hand;"><b>&nbsp;&nbsp;Notebooks</b></a><br>
<span id="menu1submenu2" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Archimedes</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Odin</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Osiris</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Konfigurator</a><br>
</span>
<a  onClick="hide(menu1submenu); hide(menu1submenu2); hide(menu1submenu5);hide(menu1submenu4)" class="clMain Rahmen" style="cursor:hand;"><b>&nbsp;&nbsp;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>&nbsp;&nbsp;Zubehör</b></a><br>
<span id="menu1submenu4" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Eingabesysteme</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Externe Speicher</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Kartenleser, USB-Sticks</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Sicherheitstechnik</a><br>
</span>
<a onClick="hide(menu1submenu); hide(menu1submenu2); hide(menu1submenu4); showhide(menu1submenu5)" class="clMain Rahmen2" style="cursor:hand;"><b>&nbsp;&nbsp;Einzelkomponenten</b></a><br>
<span id="menu1submenu5" style="display:'none'" class="clSub">
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Prozessoren</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Speicher</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Grafikkarten</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Laufwerke</a><br>
<a href="inhalt2.html" target="inhalt" class="clMain Rahmen">&nbsp;&nbsp;--&gt; Festplatten</a><br>
<a href="inhalt.html" target="inhalt" class="clMain Rahmen2">&nbsp;&nbsp;--&gt; Sonstiges</a><br>
</span>



</body>
</html>



war nicht so schwer wie gedacht * huduwudu! *
 
 
Ähnliche Themen CSS - Hover / Link / Bild - Bild verschwindet nach Klick
Hintergrund in Tabelle
Aufklappmenü
aufklappmenü
Horizontales Aufklappmenü
Horizontales Aufklappmenü
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.