PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [JavaScript+CSS] display: none;


Giuly
20-10-2004, 16:08
ICh hab ein PRoblem:
Und zwar wenn man auf meiner Homepage (http://giuly.de (Soll keine Werbung sein)) auf "Giuly.de bald fertig!" klickt soll das untere verscwinden, und wenn man nochmal raufklickt wiederkommen. Es verschwindet (Zwar nach 2 Klicks aber es geht weg), kommt aber nicht so wieder, wie es wiederkommen soll. KAnn mir jemand helfen?

TIA Giuly
Pingu
20-10-2004, 16:25
Ich würde das an Deiner Stelle auch nicht einer Tabellen-Zelle zuordnen. Überleg mal wenn Du Browser wärest und Dir wird gesagt eine Tabelle anzuzeigen, die aus zwei Zeilen und einer Zelle pro Zeile besteht. Dann wird Dir gesagt, Du sollst die Zelle in der zweiten Zeile nicht mehr anzeigen. Wie würdest Du dann Deine Tabelle machen? Bedenke, daß Du plötzlich fehlerhaften Code hast (Zeile ohne Zelle).

Wie ich das machen würde? "none" und "block", um zu zeigen oder zu verbergen, gehören nur zu <div> und <span>.

Pingu

EDIT: kleiner Tip wenn Du sowieso schon mit CSS arbeitest, dann würde ich die Tabellen zur Formatierung gleich ganz rausschmeisen und stattdessen komplett mit CSS arbeiten, z.B.: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Giuly
21-10-2004, 23:00
Fixed, Ich hatte vorher ein </div> vergessen

Aber <div onClick="foo();"> gibt es nicht mehr?!

es heißt auch onclick ^^" aber onmouseout gibts nicht
BlueJay
23-10-2004, 20:57
Wie ich das machen würde? "none" und "block", um zu zeigen oder zu verbergen, gehören nur zu <div> und <span>.


interessante Theorie
Praxis: td ist sowieso block, und bei none gibt es eine leere Zelle.
Du ahnst gar nicht, was ich mit none schon alles an Elementen "abgeschaltet" habe, ohne das der WC3-Validator meckerte!

so long,
BlueJay

(sorry, wenn ich etwas harsch klinge, aber mein Partner nervt gerade tierisch rum)
Giuly
24-10-2004, 10:34
Es geht ja jetzt auch mit <div>, aber <div onmouseout="doSomething();"> geht nicht.
BlueJay
24-10-2004, 11:24
Es geht ja jetzt auch mit <div>, aber <div onmouseout="doSomething();"> geht nicht.

Ist aber brave HTML4-Syntax: http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4
Und dieses kleine Stückchen wird von allen moderneren Browsern inclusive Konqueror richtig ausgeführt:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>mouseovertest</title>

<script type="text/javascript">
function mach_oops() { alert("oops!"); }
</script>

</head>

<body>
<div style="background-color:#ccddee" onmouseout="mach_oops()">
<br>oopsen<br>
</div>
</body>
</html>


so long,
BlueJay
Giuly
25-10-2004, 14:16
Vielleicht HTML4, aber nicht XHTML1.0
BlueJay
25-10-2004, 19:10
Vielleicht HTML4, aber nicht XHTML1.0

uh, das war einer der Gründe, warum ich um deinen anderen Post einen Bogen gemacht habe...

So was habem meine damaligen Browser Mozilla 1.4 und IE6 nie richtig darstellen können.

so long,
BlueJay