Archívum - Dec 12, 2009
Bubbling efektus JavaScript
A gondom a következő:
Tegyük fel van 2 DIV-em. Legyen A div, aminek a belsejében van egy láthatalan B div. Az A div onMouseOver eseményének hatására láthatóvá vállik a B div. A gondom az, hogy ha ráviszem az egeret a B div-re akkor létrejön az A div onMouseOut eseménye, holott tulajdonképpen még mindig benne van az egér az A divben hiszen a B div is benne van vagyis nem vittem le az egeret a szülő divről
Azt szeretném elérni, hogy a B div ismét eltünjön, ha az A divről lehúzom az egeret!
Tehát az onMouseOut eseménye az A divnek csak akkor jöjjön létre, ha az összes gyerekéről is levittem az egeret!
(Persze ezt bármekkora mélységig, mondjuk a B divben is lehet egy C div)
Ahol a C div szintén láthatlan, amíg a B-re rá nem viszem az egeret és ha ráhúztam az egeret a B-ről C-re, akkor megint ne fusson le az onMouseOutja sem az A-nak sem a B-nek Viszont, ha a C-ről lehúzom jobbra az egert (tehát nem lessz rajta egyiken sem) akkor tünjön el C is és B is. Tahát úgy működjön mint egy simma legördülő menü, csak épp nem fussanak le a fölösleges események!
■ Tegyük fel van 2 DIV-em. Legyen A div, aminek a belsejében van egy láthatalan B div. Az A div onMouseOver eseményének hatására láthatóvá vállik a B div. A gondom az, hogy ha ráviszem az egeret a B div-re akkor létrejön az A div onMouseOut eseménye, holott tulajdonképpen még mindig benne van az egér az A divben hiszen a B div is benne van vagyis nem vittem le az egeret a szülő divről
---------------
| |
| ---------------
| | |
| A | B |
| | |
| ---------------
| |
---------------
| |
| ---------------
| | |
| A | B |
| | |
| ---------------
| |
---------------
Azt szeretném elérni, hogy a B div ismét eltünjön, ha az A divről lehúzom az egeret!
Tehát az onMouseOut eseménye az A divnek csak akkor jöjjön létre, ha az összes gyerekéről is levittem az egeret!
(Persze ezt bármekkora mélységig, mondjuk a B divben is lehet egy C div)
---------------
| |
| ---------------
| | |
| A | B ---------
| | | C |
| -----------| |
| | ---------
---------------
| |
| ---------------
| | |
| A | B ---------
| | | C |
| -----------| |
| | ---------
---------------
Ahol a C div szintén láthatlan, amíg a B-re rá nem viszem az egeret és ha ráhúztam az egeret a B-ről C-re, akkor megint ne fusson le az onMouseOutja sem az A-nak sem a B-nek Viszont, ha a C-ről lehúzom jobbra az egert (tehát nem lessz rajta egyiken sem) akkor tünjön el C is és B is. Tahát úgy működjön mint egy simma legördülő menü, csak épp nem fussanak le a fölösleges események!
Játék képekkel
Sziasztok!
Az imént egy olyan problémába ütköztem ahol egy png képre - aminek vannak áttetsző elemei - kéne rátennem egy maszkot. Maszk, mint photoshopban, egy oylan elem, ami csak ott jelenik meg, ahol a szülő nem áttetsző.
A lényeg, hogy a második réget sokkal nagyobb az eredeti png-nél és ha csak úgy ráteszem, akkor nem jön jól össze a dolog, mert az egészet lefedi. Úgyhogy valami hasonló megoldáson gondolkozok.
Van esetleg valakinek valami ötlete erre?
Előre is köszönöm válaszotokat!
■ Az imént egy olyan problémába ütköztem ahol egy png képre - aminek vannak áttetsző elemei - kéne rátennem egy maszkot. Maszk, mint photoshopban, egy oylan elem, ami csak ott jelenik meg, ahol a szülő nem áttetsző.
A lényeg, hogy a második réget sokkal nagyobb az eredeti png-nél és ha csak úgy ráteszem, akkor nem jön jól össze a dolog, mert az egészet lefedi. Úgyhogy valami hasonló megoldáson gondolkozok.
Van esetleg valakinek valami ötlete erre?
Előre is köszönöm válaszotokat!
két féle css menü egy oldalon
Sziasztok!
Lenne egy olyan problémám, hogy van egy xhtml weboldalam css -el formázva. Továbbá beimportál az oldal egy css fájlt is, ami a menü beállításait tartalmazza. Én azt szeretném megcsinálni, hogy a beimportál css fájl csak a felső menüre legyen érvényes és legyen egy másik css fájl is, ami pedig csak a bal oldali menüre. Remélem érthető voltam.
Ezt, hogy lehetne megoldani, hogy ne legyen mindkét menü vagy ilyen vagy olyan?
A segítséget előre is köszönöm!
Üdvözlettel
Dzsijszi
■ Lenne egy olyan problémám, hogy van egy xhtml weboldalam css -el formázva. Továbbá beimportál az oldal egy css fájlt is, ami a menü beállításait tartalmazza. Én azt szeretném megcsinálni, hogy a beimportál css fájl csak a felső menüre legyen érvényes és legyen egy másik css fájl is, ami pedig csak a bal oldali menüre. Remélem érthető voltam.
Ezt, hogy lehetne megoldani, hogy ne legyen mindkét menü vagy ilyen vagy olyan?
A segítséget előre is köszönöm!
Üdvözlettel
Dzsijszi