js ein+ausblenden @ tutorials.de: Tutorials, Forum & Hilfe

anna_n · 17.04.06 14:50

Hallo!
ich möchte eine Linie per Mouseclick auf Buttons ein- und ausblenden.

So funktioniert es soweit, allerdings mit 2 Haken:

1) nur in Internet Explorer (Ausblenden/Neu-Einblenden geht in Mozilla u. Netscape nicht)

2) nur wenn man die Reihenfolge 1-2-3-2-3- usw. einhält, bzw. wenn man nach dem Ausblenden nicht nochmal "Linie einschalten" klickt, denn danach funktionierts plötzlich nicht mehr!

Bitte könntet ihr mir sagen, wie man das ganze Mozilla - und Netscape-fit macht?

Wäre auch dankbar über Tipps, ob man Einschalten und Neu-Einblenden auf 1 Button legen könnte bzw. ausschließen könnte, dass das Problem 2) entsteht

danke und lg
anna

Sven Mintel · 17.04.06 15:15

Du sprichst die Linie in neu_anzeig() nicht korrekt an...machs so, wie auch in hide()

Dann würde ich die y-Position noch um 1px vergrössern, ansonsten ist der Cursor immer auf der Linie, und man kann nicht auf die Buttons klicken.

Übrigens: recht nützliche Sache, dein Skript, wie ich finde

anna_n · 17.04.06 15:23

Hi!
Dank für den Tipp.
Habs jetzt geändert, aber in Mozilla und Netscape tut sich nach wie vor nichts ...

Was meinst du zu dem Problem Nr.2 ?

Lg Anna

PS. Skript stammt nicht von mir .... sonst würde ich meine 2 Problemchen gar nicht haben glaub ich

***con-f-use*** · 17.04.06 15:24

Hallo Anna, vielleicht hilft dir das dann weiter:

HTML-Code:

<html><head><title>Blubb</title>

<script type="text/javascript"><!--
var line;
window.onload = function init() {
    line = document.getElementById('line');
}
document.onmousemove = function mouse(e) {
    if (line) 
        line.style.top = (document.all 
                ? window.event.y+document.body.scrollTop+1 
                : e.pageY+1) 
        +'px'; 
}
//--></script> 

</head><body>

<hr id="line" style="height:1px; border-top:1px solid #cf032c; position: absolute; z-Index:99; margin:0; width:100%; display:none;" />

<input type="button" value="Einblenden!" onclick="line.style.display='block'" />
<input type="button" value="Ausblenden!" onclick="line.style.display='none'" />

</body></html>

Hab's im IE und Mozilla getestet und geht. Außerdem ist es deutlich weniger Code.

anna_n · 17.04.06 15:32

WOOOOW!

ist ja supergenial!! Hast du das selbst geschrieben
Das funktioniert in allen Browsern

Nur dass komischerweise das CSS bei mir nicht übernommen wird (die Linie erscheint grau)

Und wie sähe die Lösung zu meinem Beispiel aus?

danke und liebe Grüße!
anna

Sven Mintel · 17.04.06 15:33

Zitat von anna_n

Hi!
Dank für den Tipp.
Habs jetzt geändert, aber in Mozilla und Netscape tut sich nach wie vor nichts ...

bei mir gehts jetzt.

Maik · 17.04.06 15:35

Zitat von anna_n

Nur dass komischerweise das CSS bei mir nicht übernommen wird (die Linie erscheint grau)

con-f-use sind da leider zwei Tippfehler unterlaufen, denn es muss zum einem height (anstatt heigth) und border-top (anstatt borderTop) lauten

***con-f-use*** · 17.04.06 15:39

Zitat von anna_n

WOOOOW!

ist ja supergenial!! Hast du das selbst geschrieben
Das funktioniert in allen Browsern

Nur dass komischerweise das CSS bei mir nicht übernommen wird (die Linie erscheint grau)

Jo, gerade schnell geschrieben.

Bei den CSS-Sachen hab ich etwas gemurkst, das stimmt. Dachte mir, wenn da ein Fehler drin ist findest du den selbst. Hab einfach mal angenommen, dass du CSS kannst und es ist ja auch ein normales HTML-Element, wo man nix mit JS machen muss um den Style zu ändern.

Das mit dem "heigth" ist übrigens der Fehler, den ich mit Abstand am häufigsten mache...

anna_n · 17.04.06 15:58

Wow wirklich genial, und so schnell nochdazu!! Toll, echt..

Das mit height ist mir auch aufgefallen, recht viel weiter reicht mein CSS noch nicht.

Aber man lernt ja dazu

Und deshalb werde ich jetzt noch ein bisschen herummurksen und versuchen, mein kompliziertes JS auch noch funktionsfähig zu machen, ... oder ich merk mir deins einfach auswendig

lg anna

PS Heigth mit vorn H und hinten H würde mir eh besser gefallen, wär irgendwie logischer

***con-f-use*** · 17.04.06 16:02

Jo, aber Englisch ist sowieso vom Verhältniss Schrift zu Aussprache nicht wirklich sehr logisch.

Wäre übrigens schön, wenn du noch das Thema als "erledigt" markieren könntest. Da du neu hier bist, liest du dir am besten den ganzen Thread aus dem Link eben durch.

anna_n · 17.04.06 16:12

ok!
danke für den Hinweis.

Und vielen Dank für die Hilfe!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

DIV ausblenden

div mit url ausblenden

Ausblenden

Ausblenden

Ausblenden.

E-Mail:

Abonnieren Abbestellen