Ergebnis 1 bis 4 von 4
  1. #1
    FunkyMonkey ist offline Eroberer
    registriert
    28-05-2007
    Beiträge
    69

    Overflow in DIV prüfen

    Hallo

    gibt es eine Möglichkeit per Javascript zu prüfen, ob der Content eines DIV-Elements mehr Platz erfordert als das DIV groß ist?

    Wenn ich für das DIV style="overflow:hidden" angebe, wird ja alles was zu viel ist einfach abgeschnitten. Das DIV wird nicht ausgedehnt.

    Ich möchte mit JavaScript ein DIV dynamisch vergrößern wenn man auf einen Expand-Link klickt, wobei das DIV sanft größer werden soll. Alles kein Problem.

    Das Problem besteht nur darin, das man vorher nicht weis wie viel Pixel höhe benötigt werden um alle Inhalte darzustellen. Die Inhalte kommen dynamisch per PHP in das DIV (Text und Grafik).

    Man bräuchte eine Möglichkeit abzufragen ob immer noch ein Teil des Contents durch overflow:hidden abgeschnitten wird... also ob irgend etwas noch aus dem DIV heraus ragt (unsichtar).

    Gibt es diese Möglichkeit?

    Die andere Variante: Zunächst wird ein mit visibility:hidden gekennzeichnetes DIV mit dem Content erstellt welches dann entsprechend mit CSS positioniert wird. Von diesem DIV kann man dann ja die höhe abfragen. Ist diese bekannt, wird das DIV über das andere gelegt und expandiert nach unten mit overflow:hidden und visibility:visible;

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Overflow in DIV prüfen

    Abgesehen von Deinen übrigen Problemen finde ich overflow:auto sehr angenehm...
    ...dann noch etwas margin und padding einsetzen und schon ist Dein Overhead-Firlefanz gelöst!

  3. #3
    DerFuchs ist offline Eroberer
    registriert
    30-06-2007
    Beiträge
    53

    AW: Overflow in DIV prüfen

    mmhh... es geht darum, das Div per Javascript gerade so weit nach unten zu vergrößern, bis alle Inhalte sichtbar sind und nichts mehr durch den Overflow abgeschnitten wird.

    JavaScript muss wissen wie hoch, denn das Div soll nicht einfach nur in voller größe erscheinen, sondern in einem schönen effekt langsam nach unten ausfahren und seinen inhalt "preisgeben"...

  4. #4
    shf10105 ist offline Haudegen
    registriert
    04-05-2006
    Ort
    Duisburg
    Beiträge
    625

    AW: Overflow in DIV prüfen

    FF

    Mit scrollTop, scrollLeft kann man die Scrollposition innerhalb eines mit overflow:hidden; formatierten divs einsehen. Mit clientWidth, clientHeight kann man die größe des Inhalts auslesen.

    IE

    kp.. du kannst es ja auch mal mit clientWidth, clientHeight versuchen. Vielleicht gibt es die eigenschaften da auch.

    mfg
    Florian
    while(windows.iq < 130) linux.use();
    "Die Tastatur wurde nicht gefunden, bitte drücken sie F1 um fortzufahren."

Ähnliche Themen

  1. [CSS] overflow div background image nicht mitscrollen lassen im ie
    Von antiheld2000 im Forum CSS und (X)HTML
    Antworten: 9
    Letzter Beitrag: 18-01-2007, 21:45
  2. script das div id ändert ?
    Von darkstar im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-08-2006, 12:02
  3. Probleme mit DIV Vordergrund/Hintergrund
    Von ImpCaligula im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 17-08-2006, 10:06
  4. Antworten: 5
    Letzter Beitrag: 14-04-2005, 19:23
  5. Antworten: 3
    Letzter Beitrag: 24-02-2002, 12:30

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •