[JavaScript] Mouseover Info Box

[Copyman]

Ik heb op www.js-examples.com een JavaScript gehaald die het volgende doet:

Als je met je cursor op een bepaalde link wijst, komt er een info boxje aan je cursor te hangen. bij onMouseOut hide de script hem ook weer keurig, maar hij blijft er dus hidden aan hangen.
Als ik dan met mijn cursor naar de rechter onderzijde van de pagina ga, zie je dat er scrollbars komen, omdat de info box er nog steeds aan hangt. Ik had zelf het vermoeden dat het aan 1 van deze 2 delen lag:

code:

function get_mouse(e)
{
  x=(isNS4||isNS6)?e.pageX:event.clientX+document.body.scrollLeft; 
  y=(isNS4||isNS6)?e.pageY:event.clientY+document.body.scrollLeft; 
  if(isIE&&navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  skn.left=x+Xoffset;
  skn.top=y+Yoffset;
}

of

code:

function removeBox()
{
  if(!old)
  {
    skn.visibility="hidden";
  }
}

Bij de eerste heb ik al iets geprobeerd geprobeerd, dat was het toevoegen van:

code:

if( skn.visibility == "visible" ) { <...code...> }

(maar werkt alleen bij getallen heb ik gehoord), en:

code:

if( skn.visibility.indexOf( "visible" ) != -1 ) { <...code...> }

Maar dan begint het script raar te doen, of werkt niet.


Hier heb ik een voorbeeld staan van het script: http://copyman.endoria.net/got/mouseover.html.

[BtM909]

Deze code

JavaScript:

function removeBox()
{
  if(!old)
  {
    skn.visibility="hidden";
  }
}

zet alleen je skn alleen op hidden. Beste is je listeners eraf te halen.

Anders moet je eens hier kijken: http://www.dynamicdrive.com/dynamicindex5/index.html

[Verwijderd]

ik zou gewoon de display property van je style op "none" en "block" zetten

[Copyman]

Verwijderd schreef op 05 november 2003 @ 15:05:
ik zou gewoon de display property van je style op "none" en "block" zetten

Hmm, waar zou ik dit dan precies moeten doen?

code:

<style type="text/css">
.d11
  {
   position:absolute;
   visibility:hidden;
   z-index:200;
  }
</style>

Die visibility op visibility:none; of visibility:block; zetten help niets.

[Verwijderd]

Copyman schreef op 05 november 2003 @ 15:42:
[...]


Hmm, waar zou ik dit dan precies moeten doen?

code:

<style type="text/css">
.d11
  {
   position:absolute;
   visibility:hidden;
   z-index:200;
  }
</style>

Die visibility op visibility:none; of visibility:block; zetten help niets.

code:

<style type="text/css">
.d11
  {
   position:absolute;
   display: none;
   z-index:200;
  }
</style>

[Copyman]

Verwijderd schreef op 05 november 2003 @ 15:45:
[...]

Dankje, maar als ik die display er bij in zet, komt het popup schermpje niet meer tevoorschijn, dus dat gaat ook niet werken.

[Verwijderd]

Copyman schreef op 05 november 2003 @ 16:36:
[...]


Dankje, maar als ik die display er bij in zet, komt het popup schermpje niet meer tevoorschijn, dus dat gaat ook niet werken.

Je moet in je onmouseover dan natuurlijk ook wel de display op 'block' zetten, niet je visibility op 'visible'...

[Copyman]

Verwijderd schreef op 05 november 2003 @ 16:42:
[...]

Je moet in je onmouseover dan natuurlijk ook wel de display op 'block' zetten, niet je visibility op 'visible'...

Als ik dat verander krijg ik een foutmelding bij het laden van de pagina, ik zal wel iets fout doen denk ik, ben nog niet 100% bekend met JavaScript.

[Verwijderd]

Copyman schreef op 05 november 2003 @ 16:51:
Als ik dat verander krijg ik een foutmelding bij het laden van de pagina, ik zal wel iets fout doen denk ik, ben nog niet 100% bekend met JavaScript.

Ik denk ook dat je iets fout doet Post anders nog wat meer code, van zowel de JavaScript als de HTML die het aanroept!

[Copyman]

Staat in mijn startpost: http://copyman.endoria.net/got/mouseover.html, staat daar wel in de source.

[Verwijderd]

Ik zou gewoon de source openen in kladblok, ctrl + h, dan visibility vervangen voor display, hidden voor none, en visible voor block .

De link die je gaf is gewoon het origineel, dus wat je nou hebt gewijzigd is mij een raadsel

[ Voor 28% gewijzigd door Verwijderd op 06-11-2003 01:09 ]

[Copyman]

Verwijderd schreef op 06 november 2003 @ 01:07:
Ik zou gewoon de source openen in kladblok, ctrl + h, dan visibility vervangen voor display, hidden voor none, en visible voor block .

De link die je gaf is gewoon het origineel, dus wat je nou hebt gewijzigd is mij een raadsel

Dat is gewoon mijn webhost waar ik hem op heb geplant, ik bedoelde dat ik het origineel dus al heb proberen te wijzigen , maar dat liep allemaal in de soep... Bedankt voor je tip, zal het direct proberen.

[edit]
Het werkt idd perfect! Bedankt voor alle hulp!

[ Voor 6% gewijzigd door Copyman op 06-11-2003 10:26 ]