Behavior Problem!Zeigt die behavior ebene schon vorher an.

**Inius** · 30.11.2005 21:49

Ich habe ein Problem mit einem Behavior,uzwar zeigt der mir den Behavior(ebene)schon an wenn ich die seite lade.Es soll aber erst angezeigt werden wenn ich über eine ander bestimmte ebene rüber gescrollt bin.Ich zeig euch einfach mal mein Problem.

http://home.gelsennet.de/~doerner/behavior.htm

Das soll danach so wie bei www.blizzard.de aus sehen.Wenn man da mit der maus auf spiele oder so geht kommt eine art unter menü.

Ich arbeite mit Frontpage,aber kann kein html oder so.Also wäre nett wenn mir einer helfen könnte.

**AgentJG** · 30.11.2005 21:56

Naja, ich hab da kein Problem mit. Beim Rollover wird rechts eine Art PopUp angezeigt. Paar Fragen die weiterhelfen können:

Nutzt du IE?
CSS Pur oder mit JS?

Ich denke aber eher, dass das am IE liegt.

Achso: Jetzt hab ich verstanden. (Ich sollte die Posts wohl langsam etwas genauer lesen). Das müsstest du mit einem JS onLoad hinkriegen. Dass das ganze vorher unsichtbar ist bekommst du mit display: none; hin. Guckst du hier: http://www.meyerweb.com/eric/css/edge/popups/demo.html

**Milchbox** · 01.12.2005 10:21

Zitat von AgentJG

Naja, ich hab da kein Problem mit. Beim Rollover wird rechts eine Art PopUp angezeigt. Paar Fragen die weiterhelfen können:

Nutzt du IE?
CSS Pur oder mit JS?

Ich denke aber eher, dass das am IE liegt.

Achso: Jetzt hab ich verstanden. (Ich sollte die Posts wohl langsam etwas genauer lesen). Das müsstest du mit einem JS onLoad hinkriegen. Dass das ganze vorher unsichtbar ist bekommst du mit display: none; hin. Guckst du hier: http://www.meyerweb.com/eric/css/edge/popups/demo.html

Du hast mal wieder voll keine Ahnung aber egal. Ich glaube das musste es sein was du suchst:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Hehe</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style  type="text/css">
    body, p a {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffff;
  }

  div#Rahmen {
    width: 9.5em;
    padding: 0.0em;
    border: 0px solid black;
    background-color: #ffffff;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 2.0em; padding: 10;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    color: black; background-color: #ffffff;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: black;
    color: black; background-color: white;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: black; background-color: black;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: black;
  }
  </style>
  </head>
  <body>
  <div id="Rahmen"><ul id="Navigation">
    <li><a href="#Beispiel">Maus dr&uuml;ber ziehen</a>
      <ul>
        <li><a href="#Beispiel">Soll es so sein?</a></li>
      </ul>
    </li>
  </ul><div></div></div>
  </body>
</html>

Edit: Der scheiß IE macht da nicht mit.

**Lucleonhart** · 01.12.2005 11:51

Hm.. check ich net warum dein Quelltext so unglaub kompliziert iss.. Hier mal my version:

HTML-Code:

<html>
<head>
<title>Klick Mich</title>

<script type="text/javascript">
function show(id)
{
 document.getElementById(id).style.display="block";
}


function hide(id)
{
 document.getElementById(id).style.display="none";
}
</script>

</head>
<body>

<div style='width:150px; border:1px solid #000000;'><a href="#" OnMouseOver="show('dingsda');" OnMouseOut="hide('dingsda');">Hier rüber ziehööön</a></div>

<div id='dingsda' style='width:200px; height:200px; left:300; top:300; position:absolute; display:none; border:1px solid #000000;'>Da issa!! <br><br> Oder net?!?!</div>

</body>
</html>

**Milchbox** · 01.12.2005 12:19

Hast du deine 'Spezial Version' schonmal getestet. Häää. Ich glaub nemlich nicht. Erstmal kommt die top und left angabe ein bischen vom standart ab und zweitens bleibt die box nicht an. Da ist meine CSS Lösung viel besser

Achja in deine Sig ist ein Rechtschreibfehler

**AgentJG** · 01.12.2005 12:37

Zitat von Milchbox

Du hast mal wieder voll keine Ahnung aber egal. Ich glaube das musste es sein was du suchst:

[...]

Edit: Der scheiß IE macht da nicht mit.

Was hab ich gesagt?

**NPC Fighter** · 01.12.2005 12:40

Zitat von Fansoftware

Ich arbeite mit Frontpage

Merkt man. Siehs dir mal an, wies mit nem nicht Internet Explorer Browser aussieht:

Clic

**Lucleonhart** · 01.12.2005 15:46

Zitat von Milchbox

Hast du deine 'Spezial Version' schonmal getestet. Häää. Ich glaub nemlich nicht. Erstmal kommt die top und left angabe ein bischen vom standart ab und zweitens bleibt die box nicht an. Da ist meine CSS Lösung viel besser

Achja in deine Sig ist ein Rechtschreibfehler

Die Box soll anbleiben?! Ach so! Das hab ich ja net gewusst.
Und wieso kommt des vom standart ab?! kannst es ja auch anders machen wenn du willst:

HTML-Code:

<html> 
<head> 
<title>Klick Mich</title> 
<script type="text/javascript"> 
function show(id) 
{ 
document.getElementById(id).style.display="block";
} 

function hide(id) 
{ 
document.getElementById(id).style.display="none"; 
} 
</script> 
</head> 

<body> 
<table border="1" cellspacing="0" cellpadding="0" align="center" >
<tr>
<td>
<div style='width:150px; border:1px solid #000000;'><a href="#" OnMouseOver="show('dingsda');">Menü öffnen</a></div>

<div id='dingsda' OnMouseOut="hide('dingsda');" style='display:none; border:1px solid #000000;'>
Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt
</div> 
</td>
</tr>
</table>
</body>
</html>

Test: http://www.lucleonhart.de/menu.html

**Manni** · 01.12.2005 16:29

@ Lucleonhart
Deine Version funktioniert, bis auf die Tatsache, dass das Menü nicht ausgeblendet wird, wenn man die Maus aus dem Feld oben ("Menü öffnen") bewegt (also zur Seite oder nach oben)

**Inius** · 01.12.2005 19:35

Ja das ist gut, nur das sich danach nicht richtig schliesst,wärst du einmal so nett und verbesserst das für mich?
Kann Leider kaum Html.
Wäre total cool.

**Milchbox** · 01.12.2005 20:37

Und mal wieder sagt keiner was zu meinem

**Lucleonhart** · 02.12.2005 07:58

So, mit neuem Geistesschmalz:

HTML-Code:

<html> 
<head> 
<title>Klick Mich</title> 

<script type="text/javascript"> 
function show(id) 
{ 
document.getElementById(id).style.display="block"; 
} 

function hide(id) 
{ 
document.getElementById(id).style.display="none"; 
} 
</script> 

</head> 
<body> 

<table border="0" cellspacing="0" cellpadding="0" align="center" > 
<tr> 
<td> 

	<a href="#" OnMouseOver="show('dingsda');" OnMouseOut="hide('dingsda');">
	<div>
	
		<div style='width:150px; border:1px solid #000000;'>Menü öffnen</div> 
		
		<div id='dingsda' style='display:none; border:1px solid #000000;'> Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt<br>Menüpunkt </div> 
	
	</div>
	
	</a>

</td>
</tr>
</table>

</body> 
</html>

@Milchbox: Maybe erklärst mir den Code mal... ist mir irgendwie unglaublich viel Source für wenig Funktion.. und warum macht der IE das net?!

**Milchbox** · 02.12.2005 08:16

Weil der IE zu alt ist

So müsste es aber trotzdem mit dem IE gehen:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Hehe</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style  type="text/css">
    body, p a {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffff;
  }

  div#Rahmen {
    width: 9.5em;
    padding: 0.0em;
    border: 0px solid black;
    background-color: #ffffff;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 2.0em; padding: 10;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    color: black; background-color: #ffffff;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: black;
    color: black; background-color: white;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: black; background-color: black;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: black;
  }
  </style>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("Navigation").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }

  function sucheUL(UL) {
    do {
      if(UL) UL = UL.nextSibling;
      if(UL && UL.nodeName == "UL") return UL;
    }
    while(UL);
    return false;
  }

  function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "silver";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

  window.onload=hoverIE;
}
</script>
  </head>
  <body>
  <div id="Rahmen"><ul id="Navigation">
    <li><a href="#Beispiel">Maus dr&uuml;ber ziehen</a>
      <ul>
        <li><a href="#Beispiel">Soll es so sein?</a></li>
      </ul>
    </li>
  </ul><div></div></div>
  </body>
</html>

**Lucleonhart** · 02.12.2005 10:34

Meine Güte! Wofür issn nun diese Tonnenweise formatierung und Javascripte und sonstwas?! Iss ja Craaazyyyyy~~~~

BTW: Wenn ich mich auf der Seite Reggen will bekomm ich nur "fehler beim anlegen des accounts" .

**Milchbox** · 02.12.2005 11:32

Keine Ahnung warum das nicht geklappt hat aber ich hab ein Backup draufgeworfen und jetzt gehts wieder.

**Inius** · 02.12.2005 22:11

Jo danke,ich bin euch allen sehr dankbar das ihr einen Noob geholfen habt,werde euch alle in seiten Credits erwähnen.

HTML-Code:

<html> 
<head> 
<title>Klick Mich</title> 

<script type="text/javascript"> 
function show(id) 
{ 
document.getElementById(id).style.display="block"; 
} 

function hide(id) 
{ 
document.getElementById(id).style.display="none"; 
} 
</script> 

</head> 
<body> 

<p align="left"> 

	<a href="#" OnMouseOver="show('dingsda');" OnMouseOut="hide('dingsda');">
	&nbsp;hallo</a></p>
<div style="position: absolute; width: 100px; height: 7px; z-index: 1; left: 9px; top: 36px" id="Ebene1">
	<table border="1" cellspacing="0" cellpadding="0" width="161" id="table1" bordercolor="#FFFFFF" style="border-collapse: collapse" >
		<tr>
			<td bordercolor="#FFFFFF">
			<div>
				<a href="#" OnMouseOver="show('dingsda');" OnMouseOut="hide('dingsda');">
				<div id='dingsda' style='display:none; border:1px solid #000000;'>
					sdfsdf</div></div></a></td>
		</tr>
	</table></div>
<p align="left"> 

	<br>&nbsp;</p>

</body> 
</html>

PS:Hier habe ich jetzt den verbesserten Html Code für Leute die wie ich kein Html können.
(Habe das einfach nur aus Frontpage Code Index gesaugt)

Thema: Behavior Problem!Zeigt die behavior ebene schon vorher an.

Themen-Optionen

Anzeige

Behavior Problem!Zeigt die behavior ebene schon vorher an.

Berechtigungen