[CSS] PopUp help absolute, probs met scroll

[Verwijderd]

Situatie:
Ik heb een lijst met buttons, hiervoor heb ik een leuk stukje JavaScript geknutseld dat bij de rechter muis knop een mooi PopUp venstertje tevoorschijn komt, met daarin wat extra info.

Probleem:
De PopUp komt alleen bij de eerste paar buttons goed, maar zodra je naar beneden scrolled niet meer. (dan staat hij -veel- te hoog)

Oorzaak:
Volgens mij werkt position: absolute op de frame, en niet op het zichtbare werkvlak.

Oplossing:
op een of andere manier de positionering op het werkvlak krijgen ipv het frame.

Ter extra illustratie, even de code . . .
Mogelijk ontdekken jullie het probleem wat ik niet zie

HTML:

  <script type="text/javascript" language="Javascript">
    <!-- Hide script from older browsers
      var MaxWidth = document.documentElement.offsetWidth - 160;
      popUpCurrentOpen = 'popUp1';
      if (document.getElementById) {
        stdBrowser = true
      }
      else {
        stdBrowser = false
      }

      function popUp(evt,currElem) {
        popDown(popUpCurrentOpen)
        if (stdBrowser) {
          popUpWin = document.getElementById(currElem).style
        }
        else {
          popUpWin = eval("document." + currElem)
        }

        if (document.all) {
          popUpWin.pixelTop = parseInt(evt.y)+2
          popUpWin.pixelLeft = Math.max(2,parseInt(evt.x)+2)
          if (popUpWin.pixelLeft > MaxWidth) {
            popUpWin.pixelLeft = Math.max(2,parseInt(evt.x)-160)
          }
        }
        else {
          if (stdBrowser) {
            popUpWin.top = parseInt(evt.pageY)+2 + "px"
            popUpWin.left = Math.max(2,parseInt(evt.pageX)+2) + "px"
          }
          else {
            popUpWin.top = parseInt(evt.pageY)+2
            popUpWin.left = Math.max(2,parseInt(evt.pageX)+2)
          }
        }
        popUpWin.visibility = "visible"
        popUpCurrentOpen = currElem;
      }

      function popDown(currElem) {
        if (stdBrowser) {
          popUpWin = document.getElementById(currElem).style
        }
        else {
          popUpWin = eval("document." + currElem)
        }
        popUpWin.visibility = "hidden"
      }

      function MouseOverMenuItem(currElem) {
        if (stdBrowser) {
          Item = document.getElementById(currElem).style
        }
        else {
          Item = eval("document." + currElem)
        }
        Item.background = "#000000"; 
        Item.color      = "#FFFFFF";
      } 

      function MouseIdleMenuItem(currElem) {
        if (stdBrowser) {
          Item = document.getElementById(currElem).style
        }
        else {
          Item = eval("document." + currElem)
        }
        Item.background = "#FFFFFF"; 
        Item.color      = "#000000";
      }


    // End hiding script -->
  </script>
  <style type="text/css">
     <!--
       .popUpStyle
         {backkground-color: #FFFFFF; 
           border: #9D9DA1 2px solid; 
           layer-background-color: #FFFFFF; 
           width: 150px; 
           font: 12px arial, helvetica, sans-serif; 
           padding: 5px; 
           position: absolute; 
           visibility: hidden;}
       .popUpMouseIdleHeader    
         {width: 150px; 
           cursor: default; 
           background: #FFFFFF; 
           color: #000000; 
           font: 14px arial, helvetica, sans-serif;
           font-weight: bold; 
           text-align: center;}
       .popUpMouseIdle      
         {width: 150px; 
           cursor: default; 
           background: #FFFFFF; 
           color: #000000;}
       .popUpMouseOver      
         {width: 150px; 
           cursor: default; 
           background: #000000; 
           color: #FFFFFF;}
     -->
  </style>

[André]

Zonder de code te bekijken: je moet de scrollTop van de pagina bij de y-waarde van je popup optellen.

[Verwijderd]

André schreef op 09 februari 2004 @ 15:34:
Zonder de code te bekijken: je moet de scrollTop van de pagina bij de y-waarde van je popup optellen.

Dan doe je het niet slecht

Ik liep dus zwaar in de verkeerde richting te zoeken

HTML:

popUpWin.pixelTop = parseInt(evt.y)+2 + document.body.scrollTop

de oplossing ook even netjes neer zetten voor eventuele toekomstige mensen met 't zelfde probleem . . . .
Dank U voor de snelle en accurate oplossing

[BtM909]

André schreef op 09 februari 2004 @ 15:34:
Zonder de code te bekijken: je moet de scrollTop van de pagina bij de y-waarde van je popup optellen.

Zonder de code te bekijken:
Die vieze eval kan volgens mij weg.

[André]

BtM909 schreef op 09 februari 2004 @ 15:40:
[...]

Zonder de code te bekijken:
Die vieze eval kan volgens mij weg.

eval kan altijd weg

[Verwijderd]

BtM909 schreef op 09 februari 2004 @ 15:40:
[...]

Zonder de code te bekijken:
Die vieze eval kan volgens mij weg.

Volgens mij niet
Boek geeft iig aan dat dat voor de wat oudere browsers is e.d.
Ik tracht de site af-en-toe enig sinds compatible te houden, en ik denk niet dat ze voor de lol de code verdubbelen denk jij wel ?

[BtM909]

Verwijderd schreef op 09 februari 2004 @ 15:42:
[...]


Volgens mij niet
Boek geeft iig aan dat dat voor de wat oudere browsers is e.d.
Ik tracht de site af-en-toe enig sinds compatible te houden, en ik denk niet dat ze voor de lol de code verdubbelen denk jij wel ?

Wie zegt dat die hele regel leeg kan blijven . Ik praat alleen over die eval-constructie.

[crisp]

dit is overduidelijk een script dat nog geschreven is voor IE4 en NS4....

[Verwijderd]

crisp schreef op 09 februari 2004 @ 15:55:
dit is overduidelijk een script dat nog geschreven is voor IE4 en NS4....

en dat mag niet meer ofzo??

Met mijn nog vrij gebrekkige verstand van JavaScript zal ik het met voorbeelden moeten doen, en wanneer het werkt . . . Maakt het dan daadwerkelijk wat uit dat het uit de wat oudere tijd stamt?

[SchizoDuckie]

Verwijderd schreef op 09 februari 2004 @ 16:58:
[...]

en dat mag niet meer ofzo??

Met mijn nog vrij gebrekkige verstand van JavaScript zal ik het met voorbeelden moeten doen, en wanneer het werkt . . . Maakt het dan daadwerkelijk wat uit dat het uit de wat oudere tijd stamt?

Op zich maakt het geen jota uit

Maar "wij w&g'ers" hebben ongeveer 2 jaar geleden besloten een heilige oorlog te starten tegen zo'n beetje alle v4.0 browsers

Dát het werkt, wil namelijk niet zeggen dat het in de toekomst nog steeds gaat werken. Als je een v4.0 browser hebt, wil dat eigenlijk zeggen dat je echt _ongelooflijk_ lui bent, en al tig jaar je browser niet geupdate hebt..

Vandaar eigenlijk dat "we" gelijk proberen de bij de mensen die nu pas beginnen met scripten er met de paplepel in te slaan dat ze de oldskool browsers links moeten laten liggen

[ Voor 37% gewijzigd door SchizoDuckie op 09-02-2004 17:04 ]

[crisp]

Verwijderd schreef op 09 februari 2004 @ 16:58:
[...]

en dat mag niet meer ofzo??

Met mijn nog vrij gebrekkige verstand van JavaScript zal ik het met voorbeelden moeten doen, en wanneer het werkt . . . Maakt het dan daadwerkelijk wat uit dat het uit de wat oudere tijd stamt?

och, het zal best wel werken in modernere browsers; feit is echter dat als je je richt op IE5+ en recente andere browsers je hetzelfde kan bereiken met veel minder en ook efficientere code

Wat ik altijd weer frappant vind is dit:

code:

<!-- Hide script from older browsers

// -->

Dat was voor IE4 en NS4 al niet meer nodig, en ik vraag me af hoeveel mensen er nog een versie 3 (of lager) browser gebruiken

[Verwijderd]

Papa Eend schreef op 09 februari 2004 @ 17:02:
[...]


Op zich maakt het geen jota uit

Maar "wij w&g'ers" hebben ongeveer 2 jaar geleden besloten een heilige oorlog te starten tegen zo'n beetje alle v4.0 browsers

Dát het werkt, wil namelijk niet zeggen dat het in de toekomst nog steeds gaat werken. Als je een v4.0 browser hebt, wil dat eigenlijk zeggen dat je echt _ongelooflijk_ lui bent, en al tig jaar je browser niet geupdate hebt..

Vandaar eigenlijk dat "we" gelijk proberen de bij de mensen die nu pas beginnen met scripten er met de paplepel in te slaan dat ze de oldskool browsers links moeten laten liggen

Misschien stomme vraag enzo . . . maar euh.
heb je dan een goede website waar de huidige technieken staan met de nodige voorbeeld scripts ?

[disjfa]

Verwijderd schreef op 09 februari 2004 @ 17:18:
[...]
Misschien stomme vraag enzo . . . maar euh.
heb je dan een goede website waar de huidige technieken staan met de nodige voorbeeld scripts ?

blijf gerust een paar weken hier hangen en lees. dan leer je meer dan op sites maar sites die handig zijn zijn w3schools.com, www.alistapart.com en nog een paar. als je hier blijft en wat lees weet je er binnen no time nog 10 meer

[crisp]

Goede voorbeeld scripts zijn schaars... heel schaars
Wat wel goed is zijn references, zoals DevEdge en W3C
w3schools is leuk voor de basis, maar vind ik niet echt denderend qua kwaliteit, ALA en PPK ( http://www.quirksmode.org ) zijn beter qua kwaliteit hoewel op de scriptsamples daar ook wel eens wat aangemerkt kan worden

[disjfa]

ja klopt, het roest er bij mij te erg in dat ik elke keer w3schools zeg maar die is idd niet al te cosistent met het onderhoud van xhtml en hoe we het hier gebruiken. en idd die quirksmode is erg goed

maarja de leuke scripts blijven idd schaars

_{sjees wat kan ik brak uit nederlands komen zeg}

[ Voor 11% gewijzigd door disjfa op 09-02-2004 17:37 ]

[Verwijderd]

Mede dankzij jullie hulp al hier:
Het resultaat
Met velen dank enzo

ps, netstat tracker van de mainsite geeft nog een slordige 4,7 en krappe 0,3% voor IE3 / NS3 gebruikers . . . .
dus ik laat de code maar eventjes zo

[ Voor 40% gewijzigd door Verwijderd op 10-02-2004 19:04 ]