ugrás a tartalomhoz

Visibility gond Operában?

KergeKacsa · 2006. Jan. 19. (Cs), 16.59
Sziasztok!

Lenne egy gondom, egy egyszerű felugró div-et szeretnék az oldalra megvalósítani.

Ezt a HTML része:
<a href="" id="kovetkezomerkozesgomb" OnMouseOver="shownextmatch();" OnMouseOut="hidenextmatch();" OnClick="javascript:return false;"><img src="transparent.gif" /></a>
<div id="kovetkezomerkozes">Január 18.-án kezdődik a felkészülés</div>
Ez a CSS része:

#kovetkezomerkozes {
  visibility: hidden;
  position: relative;
  vertical-align: bottom;
  top: 1px;
  left: 0px;
  width: 148px;
}
Ez a JavaScript része:

function shownextmatch() {
    var gomb=findelement("kovetkezomerkozes");
    gomb.style.visibility="visible";
}
function hidenextmatch() {
    var gomb=findelement("kovetkezomerkozes");
    gomb.style.visibility="hidden";
}
function findelement(id) {
    return document.all ? document.all(id) : document.getElementById ? document.getElementById(id) : null;
}
Explorer-ben, Firefox-ban megy. Operában nem csinál semmit, nem gurik fel.
Élőben az http://fot-online.hu/new/ oldalon meg lehet nézni, ott van a teljes kód is.

Előre is köszönöm a segítségeteket :)
 
1

Nem látni

Jano · 2006. Jan. 19. (Cs), 19.13
Nem tudom Operában miért nem megy, de ha nem emiatt a hiba megyek oda megkeresni, hogy hogyan ugrik fel, akkor mint sima oldal látogató eszembe nem jutna, hogy arra a feliratra ráállva fog megjelenni következő mérközés dátuma. Emiatt a 2 sornyi info miatt nem érdemes ezt az eltüntetem-elöveszem játékot játszani.
2

<Nincs cím>

KergeKacsa · 2006. Jan. 19. (Cs), 19.36
A kovetkező meccs felirat át lesz alakítva, hogy egyértelmű legyen :)
Plusz, amikor épp szezon van, akkor nem ez a 2 sor infó lesz ott. :)
3

Megoldás

KergeKacsa · 2006. Jan. 20. (P), 21.08
Hát rájöttem. :)
A css-ben úgy szerepelt, hogy #header #kovetkezomerkozes.
Viszont valójában a #header #akarmi #kovetkezomerkozes div-ben szerepelt a HTML-ben.
IE, és FF okosan rájött, hogy nem feltétlenül közvetlenül a #header-ben kell keresni a #kovetkezomerkozes-t, hanem akárhol alatta. Opera ezt nem így gondolta. Kivettem a #header részt, és tökéletesen megy. Nem hittem volna.
4

Érdekes

ralesk · 2006. Jan. 21. (Szo), 07.36
A #szülő #leszármazott jellegű CSS címzésnek édesmindegy kéne, hogy legyen, hogy #leszármazott hol van #szülő-n belül. Tehát mindegy, hogy van-e egy #akarmi köztük…

Szóval, hülye is lenne az a böngésző, amelyik a #szülő #leszármazott címzést közvetlen gyermekelemekre vonatkoztatná csak.
5

<Nincs cím>

KergeKacsa · 2006. Jan. 21. (Szo), 15.22
Szal az Opera hülye, értem én :)
Most megy, innentől megnyugodtam :)