Auffahren

Ich suche einen Code, der ein DIV-Element von oben nach unten “auffährt”. Kann mir jemand helfen?

falls du´s nicht so streng mit dem w3c-standard nimmst:
ansonsten gibt´s hier ein tutorial mit JS:klick

Es soll ja nicht ins Bild fahren, sondern auffahren stück für stück von oben nach unten.

was willst du den “auffahren”?
und, soll das über den seitenrand oder oder einfach an den unteren rand?
dass müsste sich aber eigentlich alle mit JS machen lassen.
vielleicht geht´s auch mit script.aculo.us, das ist ein JS-Framework

Ein DIV-Element. Dieses ist im Content der Seite.

PUSH

Kann niemand helfen?

Da gibt es doch viele Möglichkeiten, aber nicht mit (X)HTML+CSS
allein ;o)

Stattdessen geht sowas mit SVG allein oder aber mit XHTML+SVG,
solange du nicht darauf bestehst, daß es ein div sein muß.

Bei einem div wäre es dann etwa XHTML+SMIL oder aber ein
Ableger von SMIL, nennt sich timesheets und ist ähnlich einsetzbar
wie CSS. Da das bislang in keinem browser implementiert ist,
hat da jemand vor kurzem ein ecma/java-script geschrieben,
welches timesheets interpretieren kann. Unter der Voraussetzung
ergibt sich auch eine Möglichkeit zu spezifizieren, daß ein
XHTML:div sich kontinuierlich bewegt - wohin auch immer.
SMIL3 kann einfachen Text auch alleine bewegen, das ist neu in
der Version, da braucht man gar kein XHTML mehr für den Text.
Ob das schon in geläufigeren plugins installiert ist, kann ich
allerdings nicht sagen.

Als ‘Konkurrenzmodell’ hat die Firma apple letztens mal
vorgeschlagen, daß man Animation auch in CSS direkt einbauen
könnte, was im Vergleich zu SMIL/timesheets aber eher ein
unausgegorener Griff ins Klo ist ;o)
Mag aber sein, daß man es trotzdem in dieser oder jener Version
vom Safari testweise ausprobieren kann.

Verwendet man hingegen nur (X)HTML-DOM+ecma/java-script,
so funktioniert wohl nur eine diskrete Modifikation der Position,
die man allerdings wiederholen kann, ist aber wie eben die
timesheets-Simulation davon abhängig, daß Skripte überhaupt
interpretiert werden.

Angeblich funktioniert beim MSIE (eventuell auch nur in älteren
Versionen) ein dubioser Dialekt HTML+SMIL, der dann aber
spezifisch für diesen browser ist.

Da (X)HTML nunmal eine Textauszeichnungssprache ist, ist diese
denkbar schlecht geeignet, um die Position von Text zeitabhängig
festzulegen, weil Text an sich keine Position benötigt, man kann
ihn ja auch vorgelesen bekommen ;o) Das erfordert immer eine
graphische Repräsentation wie SVG, welches ein Graphikformat ist,
weswegen sich das Ansinnen dort auch unmittelbar umsetzen läßt.
Insofern ist es nicht so erstaunlich, daß du für dein Ansinnen
innerhalb von (X)HTML entweder das ungültige 'marquee’
vorgeschlagen bekommst oder aber ecma/java-script+CSS, da
sich die beiden ja solch dekorativen Aspekten widmen, allerdings
nicht wirklich über die Möglichkeit einer kontinuierlichen Bewegung
verfügen, sondern allenfalls verwendet werden, um sowas
recht grobmotorisch zu suggerieren - man ändert die Position im
DOM einfach immer wieder in mehr oder weniger präzise
bestimmbaren Zeitabständen per Skript.
Sofern der Text auch ohne das Skript komplett lesbar bleibt, ist
das auch weitgehend unproblematisch.

Man sieht also schon, eine triviale und verläßliche Methode
jenseits von SVG (dort auch nur mit Opera, Batik+Squiggle oder
dem adobe plugin oder anderen plugins nachvollziehbar), wird dir
da niemand auf dem Tablett servieren.

Insgesamt sollte man auch immer bedenken, daß sich bewegender
Text schlechter lesbar ist als Text an einem festen Platz,
weswegen man sich über den Zeitablauf genau gedanken machen
sollte und eine Möglichkeit anbieten, daß der Leser die Bewegung
einfach stoppen kann.

Musst Du denn immer einen Bibel-beitrag schreiben ? :unamused:

Wenn Du sowas wie Auf “Suche” Klicken suchst, dann schau mal auf dynamicdrive.com nach “Overlapping Content”.

Wenn es eben viele Möglichkeiten gibt, wäre es ja indifferent
oder ignorant, nur die schlechteste zu erwähnen ;o)
Auch wäre es nicht hilfreich zu verschweigen, daß derzeit
eigentlich alles irgendwo einen Haken hat …

Freu dich doch, dass jemand so viel Ahnung hat und uns aufklärt :wink: Ich jedenfalls lese hoffmanns Beiträge immer mit großem Interesse :smiley:

Man lernt ja immer weiter und nie aus :wink:

Außerdem schadet es bei Weitem nicht die möglichen Alternativen genannt zu bekommen. Ich würde aber um zum Problem des TE zurückzukommen auch zu einer JS-Lösung tendieren.

Theoretisch müsste man bei einem EventHandler die Größe des DIVs ändern. Leider bin ich noch nicht fit genug mit JS, sodass ich z.Zt. keine Lösung vorstellen kann. Aber mittlerweile wurden ja genug Links genannt.

MfG

Also wenn du sowas wie ich auf meiner Seite haben möchtest:

mootools.net/