Toon posts:

[JavaScript] positie bepalen: rechts onder, zichtbaar

Pagina: 1
Acties:

Verwijderd

Topicstarter
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:
Afbeeldingslocatie: http://mediacreations.nl/layout/popup/preview1.gif

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:
Afbeeldingslocatie: http://mediacreations.nl/layout/popup/preview2.gif

Het zal ongetwijfeld heel simpel zijn om op te lossen B) 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
  • Registratie: Juni 2002
  • Laatst online: 23-05 16:11

CaptBiele

No Worries!

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
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

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?

disjfa - disj·fa (meneer)
disjfa.nl


Verwijderd

Topicstarter
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
  • Registratie: November 2001
  • Niet online

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:
1
2
3
4
5
div.messengerpopup {
    position: absolute;
    bottom: 0px;
    right: 0px,
}

  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

Top = zichtbarepaginahoogte - popuphoogte + scrollhoogte;

oftewel ongeveer zoiets:

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

Verwijderd

Topicstarter
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 8)7 (Maar blijkbaar dus toch wel :P)

Allemaal bedankt voor het helpen, en fijn jaarwisseling :Y)

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é
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

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! _/-\o_

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

Allemaal bedankt voor het helpen, en fijn jaarwisseling :Y)
Met scrollTop bedoelde ik scrollHeight, maar Woudlopers oplossing is de mooiste natuurlijk.

  • Johnny
  • Registratie: December 2001
  • Laatst online: 13:29

Johnny

ondergewaardeerde internetguru

Hij doet het niet in Mozilla :P

Op regel 48 is MsgBoxTxt not defined.

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

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.


Verwijderd

Topicstarter
Johnny, heel erg bedankt! Ik ga het morgen ochtend zeker uitproberen!
Pagina: 1