[JavaScript] positie bepalen: rechts onder, zichtbaar

[Verwijderd]

Ik heb een JavaScript gemaakt om venstertjes in en uit het beeld te laten glijden, zoals dat ook bij MSN Messenger gebeurt als iemand online komt.

Zie hier het levende voorbeeld: (Het werkt inmiddels)
http://mediacreations.nl/popup/

In het voorbeeld heb ik een grijs vlak gemaakt dat mijn website content moet voorstellen. Als je het browser venster zo groot maakt dat er geen scrollbars te zien zijn (dus het grijze vlak is compleet), dan werkt hij perfect

voorbeeldje:


Maaaarrr... Als je je browser venster kleiner maakt, zodat je moet scrollen om de rest van het grijze vlak te zien, dan valt mijn popup ook buiten het zichtbare deel.

voorbeeldje:


Het zal ongetwijfeld heel simpel zijn om op te lossen maar ik kom er niet uit. Ik heb met Google gezocht op allerlei trefwoorden, vanalles uitgeprobeerd, maar helaas zonder goed resultaat.

[Verwijderd]

Het grijze vlak 0 bij 0 px maken werkt niet?

[CaptBiele]

Ik kan sowieso niet de bron bekijken... (weet niet of dat bewust is)
In ieder geval, je hebt DIV`s gedefinieerd met een vaste hoogte en breedte. Het lijkt me iets makkelijker als je dit met percentages doet... dan past het vlak zich aan aan de breedte en hoogte van het window-venster.

verder moet je ff googlen op MARGIN en CSS

[disjfa]

CaptBiele schreef op 31 december 2003 @ 02:07:
verder moet je ff googlen op MARGIN en CSS

het gaat meer om te kijken hoe groot de groote van de user is wat er geopend is dat kan je zo vragen met javascript

maar verder waarom?

[Verwijderd]

Sorry als ik niet helemaal duidelijk was, het gaat me niet om het grijze vlak het gaat erom dat het venstertje niet goed werkt in combinatie met scrollbalken.

Dat grijze vlak staat er gewoon zodat je scrollbalken tevoorschijn kunt toveren.

Dat je de source niet kunt zien, geef ik IE op schuld. Zelf ook wel eens last van! Ik heb het niet beveiligd ofzo.

edit:

het gaat meer om te kijken hoe groot de groote van de user is wat er geopend is dat kan je zo vragen met javascript

De methode die ik gebruik geeft de afmetingen van de BODY. En dat valt dus soms buiten het zichtbare gedeelte, zoals te zien is op het tweede plaatje in mijn startpost.

[ Voor 30% gewijzigd door Verwijderd op 31-12-2003 02:17 ]

[Woudloper]

Hoewel ik nog niet naar je code hebt gekeken zou ik zeggen dat je gewoon een div moet gebruiken met de volgende css (begin)kenmerken:

Cascading Stylesheet:

div.messengerpopup {
    position: absolute;
    bottom: 0px;
    right: 0px,
}

[André]

Top = zichtbarepaginahoogte - popuphoogte + scrollhoogte;

oftewel ongeveer zoiets:

Top = document.body.offsetHeight - 100 + document.body.scrollTop;

[Verwijderd]

Met document.body.scrollTop scrollHeight had ik al geprobeerd, maar als je niet scrolt is dat gewoon 0px dus daar had ik niets aan. Maar het antwoord van Woudloper was goed! _/-o_

Ik dacht dat 'bottom' en 'right' niet officieel waren ondersteund door CSS (Maar blijkbaar dus toch wel )

Allemaal bedankt voor het helpen, en fijn jaarwisseling

edit: dat bedoelde ik ook André Bedankt!

En het script nog even in goede versie:
slide: http://mediacreations.nl/popup/
fade: http://mediacreations.nl/popup/?fade

[ Voor 25% gewijzigd door Verwijderd op 31-12-2003 10:46 ]

[André]

Verwijderd schreef op 31 december 2003 @ 10:34:
Met document.body.scrollTop had ik al geprobeerd, maar als je niet scrolt is dat gewoon 0px dus daar had ik niets aan. Maar het antwoord van Woudloper was goed!

Ik dacht dat 'bottom' en 'right' niet officieel waren ondersteund door CSS (Maar blijkbaar dus toch wel )

Allemaal bedankt voor het helpen, en fijn jaarwisseling

Met scrollTop bedoelde ik scrollHeight, maar Woudlopers oplossing is de mooiste natuurlijk.

[Johnny]

Hij doet het niet in Mozilla

Op regel 48 is MsgBoxTxt not defined.

Als je document.getElementById('MsgBoxTxt').innerHTML doet heb je die fout al niet meer.

[Verwijderd]

Johnny, heel erg bedankt! Ik ga het morgen ochtend zeker uitproberen!