ugrás a tartalomhoz

z-index IE alatt

Corvus · 2005. Nov. 17. (Cs), 14.39
Sziasztok!

Ezzel az oldallal van egy kis problémám.

IE alatt megnyitva a kinyiló menü a kép alatti rétegben jelenik meg, kitakarva belőle egy jó darabot. A css kódban persze beállítottam a z-indexet, amit az FF rendesen figyelembe is vesz, viszont az Explorer nem.

IE-hez a kinyíló menü megjelenítéséhez a következő behaviort használom, amit egy korábbi fórumtémában talált linkről szedtem le:

<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
//
//	Simple behaviour for IE5+ to emulate :hover CSS pseudo-class.
//  Experimental ver 0.1
//
//	This is an experimental version! Handle with care!
//	Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//

function hoverRollOver() {
	element.origClassName = element.className;	// backup origonal className
	var tempClassStr = element.className;		
	tempClassStr += "Hover";					// convert name+'Hover' the last class name	to emulate tag.class:hover
	tempClassStr = tempClassStr.replace(/\s/g,"Hover ");	//convert name+'Hover' the others to emulate tag.class:hover
	tempClassStr += " hover";				// add simple 'hover' class name to emulate tag:hover
	element.className = element.className + " " + tempClassStr; 
	//window.status = element.className;		// only for TEST
}
function hoverRollOff() {
	element.className = element.origClassName;
}

</script>
A kérdésem az, hogyan lehet IE alatt is megoldani h. a kinyílt menü a kép felett jelenjen meg?

Köszi
 
1

CSS?

janoszen · 2005. Nov. 17. (Cs), 19.47
Üdv!

Első kérdésem: miért nem CSS-el csinálod meg ugyanezt? Hajszál pontosan ugyanezt a funkcionalitást kapod és nem függsz a JavaScript-től.

Nem kellene ennyire mindent a scriptnyelvekre építeni, mert ha jól láttam, a mozilla.org-on a NoScript nevű kiegészítő valahol első helyen szerepelt... :D
2

Ez egy behavior!!!

Corvus · 2005. Nov. 17. (Cs), 20.54
Az oldal css-el van formázva, mint írtam is (s ha megnézed az oldalt FF alatt és használod a Web developer kiterjesztést, a forrást is láthatod). A behavior, amit idemásoltam épp azért van, mert az IE nem értelmezi a hover tulajdonságot, csak az <a> tag-re, és nem jeleníti meg az almenüt.
3

Whatever:hover

janoszen · 2005. Nov. 18. (P), 10.53
Udv!

Javaslom ezt az oldalt demonak:

http://www.xs4all.nl/~peterned/examples/cssmenu.html

Az ott hasznalt htc behaviour file nekem tokeletesen mukodott...

ProClub

ui. asszem az oldaladon van nemi accessibility problema...
4

Nem a .htc-vel van a baj!

Jano · 2005. Nov. 18. (P), 11.10
Nem a használt .htc-vel van a baja, hanem a CSS-sel! A hover ugyanis megtörténik. A PeterNed féle htc-nek pedig van egy olyan hátránya, hogy csak akkor csatolja a hover viselkedést az elemekhez amikor az oldal teljesen letöltődött. Az én megoldásomban közvetlenül az elem letöltődésekor már működik. Egy lehulló menü pedig általában az oldal elején van és egy felhasználó már használná pl egy nyitó oldalon ahol tudja merre akar tovább menni anélkül, hogy megvárná, hogy lejöjjön az egész oldal.
5

<Nincs cím>

Corvus · 2005. Nov. 18. (P), 23.09
Tehat a rossz css miatt van hogy a Firefox a kep elott jeleniti meg az almenut, mig az IE nem.
Esetleg van vmi javaslatod, mibe kellene belenyulnom. Nem kivanom h. helyettem old meg, csak jo lenne h. otletet adnal ra.
koszi
6

<Nincs cím>

Corvus · 2005. Nov. 18. (P), 23.09
koszi a linket, at fogom nezni.
7

Még egy kis hiba

Tomek73 · 2005. Nov. 19. (Szo), 08.22
Opera és Firefox alatt is az ékezetes karakterek nem jól jelennek meg.
(legalábbis nálam)
<meta http-equiv="Content-Type" content="text/html; charset: utf-8" >
szvsz a kettőspontot javítsd ki = jelre.


Tomek73
9

igen, tudok rola

Corvus · 2005. Nov. 19. (Szo), 11.40
kicsereltem a : -ot = -re, de igy sem utf-8 -val jeleniti meg.
koszi a linket.
10

form és header

klimakiraly · 2005. Nov. 19. (Szo), 22.10
Helló!

Nekem is volt hasonló bajom.
Ha jól látom neked is van egy form a képek div-ben. NA az az IE-ben mindig a legfelső. Probának vedd ki a form-ot.

A másik a szervered 8859-1 headert küld ki az utf-8 helyett.

K.K.
11

Form nelkul is ez a szitu

Corvus · 2005. Nov. 19. (Szo), 23.17
A header nem gond, ez csak egy demo lap. Az eles oldal MySQL-bol fogja kiolvasni a lapok tartalmat es php-vel kuldok egy utf-8 headert a lap megjelenitese elott.
A formot csak kesobb raktak ra a lapra a futofelirathoz. Elotte csak a kep volt a div-ben es akkor is a kep ala rakta az almenut.
8

Még egy kis hiba

Tomek73 · 2005. Nov. 19. (Szo), 08.22
És mindenképpen javaslom Jano oldalának böngészését:
http://www.hszk.bme.hu/~hj130/css/list_menu/hover/index_hu.html


Tomek73