Onmouseover oder onclick

HeinerPyt

Erfahrenes Mitglied
Hallo,

ich habe folgendes Problem:
Ich will in einer Nav-Leiste, wenn ich mit der Maus drauf klicke erreichen das ein zweites Fenster aufgeht in dem Untermneüpunkte sind. Dieses Fenster soll wieder zu gehen wenn ich auf einen anderen Hauptmenüpunkt klicke der ebenfalls Untermenüpunkte enthält. Momentan gehen die Fenster auf wenn ich mit der drüber fahre und bleiben für ca. 5 Sek geöffnet. Das soll sich ändern. Hier mal der Code:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/strict.dtd">



<head>
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
	<META NAME="keywords" CONTENT="town country immobilien makler immobilienverkauf immobilienangebote sicherheit einfamilienhaus mehrfamilienhaus augsburg schwabmünchen mindelheim buchloe ostallgäu unterallgäu allgaeu königsbrunn kaufbeuren guenzburg ulm leipheim krumbach">
	<META NAME="description" CONTENT="Mit uns kann sich Bauen jeder leisten. Unsere 3 Bauschutzbriefe bringen maximale Sicherheit beim Hausbau. Die Entscheidung, ein Haus zu bauen, trifft man meist nur einmal. Umso wichtiger ist es, dass Sie auf den richtigen Baudienstleister setzen, der Ihnen Qualität und Sicherheit garantiert.">
	<title>Willkommen bei Massiv - Trendbau GmbH</title>
	<link rel="stylesheet" type="text/css" href="MT.css">

<script type="text/javascript">
<!--
var Bilder = new Bildarray;
var i = 0;


function Bildarray ()
{
	this[0] = "bild1.jpg";
	this[1] = "bild2.jpg";
	this[2] = "bild3.jpg";
	this[3] = "bild4.jpg";
	this[4] = "bild5.jpg";
	this[5] = "bild6.jpg";
	this[6] = "bild7.jpg";
}


function Wechsel ()
{
	if (i < 6)
	   { i = i + 1;}
	else
	   { i = 0;}



document.images[1].src = Bilder[i];
setTimeout ("Wechsel()", 2000);
}
//-->
</script>

  <script type="text/javascript">
<!--
  function display(mode,ele){
    if(mode=='s'){
      document.getElementById(ele).style.visibility='visible';
    }else{
      document.getElementById(ele).style.visibility='hidden';
    }
  window.setTimeout("display('c','"+ele+"')",5000);
  }
//-->
  </script>

</head>

<Body onload="setTimeout('Wechsel()',3000)"> 

     <div id="kopf">
	<img id="h_position_3" src="tc_logo_1.gif" alt="logo">
     </div>

     <div id="mitte">
	<H1 >Herzlich willkommen bei der Massiv Trendbau GmbH</H1> 
	<P class=text1 style="margin-top: 110px; margin-left: 10px">Ihr kompetenter Partner für Ihr Traumhaus im Landkreis Unterallgäu (Mindelheim/Memmingen) und Günzburg<BR><BR>
	<UL>
	<LI>Massivhausbau</LI>
	<LI>Immobilien</LI>
	<LI>Finanzierungsservice</LI>
	<LI>Grundstückservice</LI>
	<LI>Versicherungsservice</LI>
	</UL>
	Alles aus einer Hand rund um die eigenen vier Wände<BR><BR>
	<P class=text1>Ihr kompetenter Partner für Ihr Traumhaus im Landkreis Unterallgäu (Mindelheim/Memmingen) und Günzburg
	Gegründet wurde Massiv Trendbau GmbH (damals Immobilien Brechenmacher) zunächst als Familienbetrieb. Seit Anfang 2005 ist die Massiv Trendbau GmbH Lizenz-Partner von Town & Country Haus. <BR><BR>
	Wir bilden ein motiviertes und engagiertes Team, und jeder Einzelne ist immer bestrebt, für unsere Kunden den maximalen Erfolg zu erzielen.<BR><BR>
	Nach der Ausbildung als Bankkaufmann war Christian Brechenmacher zunächst als Privatkundenberater tätig, bis er sich 2002 in der Finanz- und Immobilienbranche selbstständig machte.
	Seit über 20 Jahren ist unser Partner Robert Brechenmacher in der Baubranche tätig, wo er umfangreiche Erfahrungen im Bereich Neu- und Altbau sammeln konnte.
	Unsere Mitarbeiter sind bestens ausgebildet und arbeiten stets mit der höchsten Sorgfalt. Sie zeigen Ihnen den besten Weg zu den eigenen vier Wänden und unterstützen Sie dabei stets von der Erstberatung bis zum Einzug und auch danach mit größtem Engagement.
	Auf Grund dieser Kompetenzen sind wir in der Lage dem Kunden eine umfassende Beratung und Betreuung rund um die Immobilie zu bieten.<BR><BR>
	Seither wurden im Unterallgäu mehr als 50 Häuser gebaut und weiter 50 Häuser sind in Planung.<BR><BR>
	Auch Sie können zu unseren glücklichen Kunden gehören und sich so von unserer Leistungsfähigkeit überzeugen!<BR><BR></P>
	<P class=text4>Auf Wunsch können wir unsere Haustypen ganz nach Ihren Vorstellungen gestalten!</P> 

     </div>
     <div id="navi">


	<table id= "table_pos">
	<tr><td><a href = "index.htm">Home</a></td></tr>
	<tr><td onMouseOver="display('s','haus')">Hausaustellung</td></tr>
	<tr><td onMouseOver="display('s','energie')" >Energiesparhäuser</td></tr>
	<tr><td><a href = "schutzbrief.htm">Schutzbriefe</a></td></tr>
	<tr><td>Referenzobjekte</td></tr>
	<tr><td onMouseOver="display('s','angebote')" >Aktuelle Angebote</td></tr>
	<tr><td> <a href="mailto:info@massiv-trendbau.de">Kontakt</a></td></tr>
	<tr><td onMouseOver="display('s','mitarbeiter')">Mitarbeiterbereich</td></tr>
	<tr><td><a href= "impressum.htm">Impressum</a></td></tr>
	</table>

	<div  style="position:relative;z-index: 1;visibility:hidden;width: 170px;margin-top:-200px; margin-left: 120px; border:2px solid  #996633;background-color: #FAEDDF" id="haus" onClick="display('h','haus')">
	  <table >
	    <tr><td><a href = "Haus_L.htm">Größe L</a></td></tr>
	    <tr><td><a href = "Haus_XL.htm">Größe XL und XXL</a></td></tr>
	    <tr><td><a href = "Haus_DH.htm">Reihen- und Doppelhäuser</a></td></tr>
	    <tr><td><a href = "Haus_PD.htm">Pultdachhäuser</a></td></tr>
	    <tr><td><a href = "Haus_B.htm">Bungalows</a></td></tr>
	    <tr><td><a href = "Haus_SV.htm">Stadtvillen</a></td></tr>
	  </table>
	</div>


	<div  style="position:relative;z-index:1;visibility:hidden;width: 170px;  margin-top:10px; margin-left: 120px; border:2px solid  #996633;background-color: #FAEDDF" id="energie" onClick="display('h','energie')">
	  <table >
	    <tr><td><a href = "energiesparen.htm">Das Energiesparhaus</a></td></tr>
	    <tr><td><a href = "http://www.hausausstellung.de/energiesparhaus.html#4719">Energiesparhaustypen</a></td></tr>
	    </table>
	</div>


	<div  style="position:relative;z-index:1;visibility:hidden;width: 170px;  margin-top:20px; margin-left: 120px; border:2px solid  #996633;background-color: #FAEDDF" id="angebote" onClick="display('h','angebote')">
	  <table >
	    <tr><td><a href = "http://www.immobilienscout24.de/servlet/requestDispatcher?portalAction=go&attr0=0&attr9=Brechenmacher">Immobilienscout</a></td></tr>
	    <tr><td><a href = "http://www.partner.immowelt.de/massiv-trendbau/liste.asp">Immowelt</a></td></tr>
	    </table>
	</div>




	<div  style="position:relative;z-index:1;visibility:hidden;width: 170px; margin-top: 25px; margin-left: 120px; border:2px solid  #996633;background-color: #FAEDDF" id="mitarbeiter" onClick="display('h','mitarbeiter')">
	  <table>
	    <tr><td><a href = "/secret/info.htm">Aktuelle Info</a></td></tr>
	    <tr><td><a href = "/secret/gs.htm ">Grundstücksliste</a></td></tr>
	  </table>
	</div>

	<div  style="margin-top: 10px; margin-left: 25px">
	<img  src="bild1.jpg" alt="logo">
	</div>

    </div>


     <div id="rechts">
	<a href = "http://www.hausausstellung.de/index.1.0.html?tcpr=ua"><img id="s3_position_1" src="tc_logo.gif" border =0 alt="logo"></a>
	
	<a href = "http://www.hausausstellung.de/hausbau.html"><img id="s3_position_2" src="schutzbrief.gif" border = 0 alt="logo"></a>

    </div>



     <div id="fuss1">
	<img id="f_position_1" src="linie1.gif" alt="linie">
     </div>

</body>

Danke
Heiner
 
Hi,

hast du mittlerweile eine Lösung gefunden, oder weshalb ist der Thread als erledigt (= gelöst) markiert?

Hier ein mögliches Lösungsbeispiel:

Code:
var maincat = new Array();
maincat[0] = 'haus';
maincat[1] = 'energie';
maincat[2] = 'angebote';
maincat[3] = 'mitarbeiter';

function display(divid)
{
        if(document.getElementById(divid).style.visibility=="hidden")
        {
                for(i=0;i<maincat.length;i++)
                {
                        document.getElementById(maincat[i]).style.visibility="hidden";
                }

                document.getElementById(divid).style.visibility="visible";
        }
        else
        {
                document.getElementById(divid).style.visibility="hidden";
        }
}
Code:
<table id= "table_pos">
        <tr><td><a href = "index.htm">Home</a></td></tr>
        <tr><td onclick="display('haus')">Hausaustellung</td></tr>
        <tr><td onclick="display('energie')" >Energiesparhäuser</td></tr>
        <tr><td><a href = "schutzbrief.htm">Schutzbriefe</a></td></tr>
        <tr><td>Referenzobjekte</td></tr>
        <tr><td onclick="display('angebote')" >Aktuelle Angebote</td></tr>
        <tr><td> <a href="mailto:info@massiv-trendbau.de">Kontakt</a></td></tr>
        <tr><td onclick="display('mitarbeiter')">Mitarbeiterbereich</td></tr>
        <tr><td><a href= "impressum.htm">Impressum</a></td></tr>
</table>
 
Zurück