PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : 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
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:


<!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>
<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 :p

Achja in deine Sig ist ein Rechtschreibfehler ;)
AgentJG
01.12.2005, 12:37
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
Ich arbeite mit Frontpage

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

Clic (http://dateiupload.npcfighter.de/upload/582error.PNG)
Lucleonhart
01.12.2005, 15:46
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 :p

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>
<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 :eek:
Lucleonhart
02.12.2005, 07:58
So, mit neuem Geistesschmalz:


<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 http://www.multimediaxis.de/images/smilies/old/s_029.gif
So müsste es aber trotzdem mit dem IE gehen:



<!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>
<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)